Comment ajouter, configurer et personnaliser le module audio Divi.

Le module audio vous permet d’intégrer un fichier audio + un lecteur audio personnalisé n’importe où sur votre page. Le lecteur audio assume le style propre / moderne du thème Divi. C’est une excellente fonctionnalité pour les musiciens qui veulent montrer leurs dernières créations, ou les podcasteurs qui veulent poster leurs derniers spectacles.

audio-overview-768x212

Voir une démo live de ce module

Comment ajouter un module audio à votre page

Avant de pouvoir ajouter un module audio à votre page, vous devez d’abord sauter dans Divi Builder. Une fois le thème Divi installé sur votre site Web, vous remarquerez un bouton Utiliser Divi Builder au-dessus de l’éditeur de publication chaque fois que vous créez une nouvelle page. Cliquez sur ce bouton pour activer Divi Builder et accéder à tous les modules de Divi Builder. Ensuite, cliquez sur le bouton Utiliser Visual Builder pour lancer le générateur en mode visuel. Vous pouvez également cliquer sur le bouton Utiliser Visual Builderlorsque vous parcourez votre site Web au premier plan si vous êtes connecté à votre tableau de bord WordPress.

visual-builder-3-1-768x454

Une fois que vous avez entré Visual Builder, vous pouvez cliquer sur le bouton gris plus pour ajouter un nouveau module à votre page. Les nouveaux modules ne peuvent être ajoutés qu’à l’intérieur des lignes. Si vous commencez une nouvelle page, n’oubliez pas d’ajouter d’abord une ligne à votre page.

insert-audio

Localisez le module audio dans la liste des modules et cliquez dessus pour l’ajouter à votre page. La liste des modules est consultable, ce qui signifie que vous pouvez également taper le mot « audio », puis cliquer sur entrer pour rechercher et ajouter automatiquement le module audio! Une fois le module ajouté, vous serez accueilli par la liste d’options du module. Ces options sont séparées en trois groupes principaux: Contenu , Conception et Avancé .

Exemple de cas d’utilisation: Ajouter un épisode de podcast en vedette à la page d’accueil d’un podcasteur

Pour cet exemple, je vais vous montrer comment utiliser le Module Audio pour créer un lecteur audio personnalisé pour un podcast de fonctionnalités.

Voici la page avec le podcast en vedette en bas:

audio-module-use-case-768x1746

Commençons.

Utilisez le générateur visuel pour ajouter une section régulière avec une ligne pleine largeur (1 colonne).Modifiez le paramètre de ligne pour avoir une largeur personnalisée de 800px. Ensuite, ajoutez un module audio à la ligne.

add-audio-module-768x490

Mettez à jour les paramètres du module comme suit:

Options de contenu

Titre: [entrez le titre]
Nom de l’artiste: [entrez l’artiste]
Nom de l’album: [entrez l’album]
Audio: [télécharger le fichier audio]
Image d’arrière-plan: [upload 800 x 281 background image]
Position de l’image de fond: Centre inférieur

Options de conception

Couleur du texte: Léger

La suite de ce tutoriel est réservé aux membres inscrits.

Inscrivez vous gratuitement ici                  Connectez vous ici