14mn de lecture
Dans l’ère du multimédia, le contenu audio a acquis une importance sans précédent, qu’il s’agisse de podcasts, de musique, d’interviews ou de narrations. WordPress, avec son éditeur Gutenberg, reconnaît cette tendance et offre aux utilisateurs le bloc Audio, un outil dédié à l’intégration facile et esthétique de fichiers audio dans une page ou dans une publication.🤫
Si vous vous demandez comment ajouter et enrichir votre site avec des contenus sonores 🎼 sans tracas à l’aide de Gutenberg, alors vous êtes au bon endroit.
Objectif
Dans cet article, nous allons plonger dans le fonctionnement du bloc Audio de Gutenberg. Vous apprendrez comment ajouter, personnaliser et lire des fichiers audio directement depuis vos pages ou articles WordPress. Nous explorerons également quelques astuces pour garantir une expérience d’écoute optimale 🎧à vos visiteurs.
Une solution clés en main pour créer un site WordPress ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Prérequis
Vous devez accéder à l’espace d’administration de votre site en tant qu’administrateur, auteur ou éditeur de contenus pour avoir la possibilité d’ajouter du contenu audio sur vos pages ou vos publications.
Comment ajouter le bloc Audio dans Gutenberg ?
Ouvrez la page/publication que vous souhaitez modifier sur Gutenberg. Ainsi, vous pouvez ajouter le bloc Audio à l’interface d’édition de Gutenberg en suivant deux méthodes.
La première méthode la plus rapide consiste à cliquer sur l’icône « + » de n’importe quel bloc Paragraphe puis rechercher le bloc Audio dans le répertoire de blocs qui vous est présenté. Ensuite, il vous suffit de cliquer dessus pour qu’il soit ajouté à votre publication.
La deuxième méthode qui existe exige d’accéder à l’outil d’insertion de blocs et choisir le bloc Audio. 
Ajouter du contenu audio sur Gutenberg
Une fois que le bloc est ajouté dans l’interface d’édition, vous pouvez insérer votre fichier audio en trois façons. Vous pouvez téléverser un fichier depuis l’emplacement local, en choisir un dans la médiathèque ou utiliser une URL.
Après avoir ajouté votre fichier audio, les utilisateurs peuvent, à partir de cet instant, lire l’audio, le télécharger ou le partager.
Personnaliser le bloc Audio sur Gutenberg
Vous pouvez personnaliser le bloc Audio en utilisant les outils prévus par Gutenberg sur la barre d’outils. 
Utilisez l’outil « Dimension » pour ajuster la taille de votre bloc Audio. Utilisez également le même outil pour ajuster la position de votre bloc Audio dans la page ou la publication.
Vous pouvez aussi ajouter une légende à votre audio si cela est pertinent.
Enfin, vous disposez d’un outil pour remplacer le fichier Audio existant par un nouveau fichier audio.
Configurer les options de lecture de votre fichier audio
Accédez aux paramètres et dans l’onglet « Réglages ». Vous pouvez dans cette section activer la lecture automatique ou répétée de votre fichier audio. Vous pouvez aussi choisir quelles métadonnées doivent être préchargées.
Basculez dans l’onglet « Style » et vous aurez la possibilité d’ajuster les marges de votre bloc comme bon vous semble.
Besoin d’un hébergement WordPress rapide et de qualité ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Conclusion
Le son ajoute une dimension supplémentaire à l’expérience utilisateur, créant une connexion plus profonde avec votre audience. Le bloc Audio de Gutenberg facilite grandement l’intégration de ce média sur votre site WordPress. En le maîtrisant, vous ne vous contentez pas d’enrichir votre contenu, vous ouvrez également la porte à de nouvelles possibilités créatives et à un engagement accru de vos visiteurs.🤗
Avez-vous des questions ou des ajouts sur la façon d’utiliser le bloc Audio sur Gutenberg ? N’hésitez pas à nous écrire en utilisant la section commentaires.
Commentaires (0)