WordPress
time_read16mn de lecture

Gutenberg WordPress : comment utiliser le bloc Média & Texte ?

21 juillet 2023

Gutenberg WordPress : comment utiliser le bloc Média & Texte ?

Dans le monde dynamique et visuellement orienté d’aujourd’hui, combiner du texte avec des médias dans vos articles WordPress peut grandement améliorer l’engagement de vos lecteurs. C’est là qu’intervient l’outil formidable qu’est le bloc Média & Texte de Gutenberg. Il offre une manière simple, mais efficace de présenter vos idées. Il permet de juxtaposer du texte et des médias, créant ainsi un équilibre visuel attrayant sur votre page. Qu’il s’agisse d’une image, d’une vidéo ou même d’une galerie, ce bloc peut rendre votre contenu plus interactif et intéressant. 😇

Objectif

Que vous soyez un blogueur chevronné ou un débutant dans l’édition de contenu WordPress, ce guide est conçu pour vous aider à tirer le meilleur parti du bloc Média & Texte de Gutenberg. Nous vous montrerons comment manipuler cet outil pour enrichir votre contenu, améliorer la lisibilité de votre blog ou de votre site web et, finalement, augmenter l’engagement de vos lecteurs.

Alors, préparez-vous à découvrir tout ce que le bloc Média & Texte a à offrir ! 🤫

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.

Découvrir l'offre

Prérequis

Avant d’entrer dans les détails, assurez-vous d’avoir un site WordPress auquel vous pouvez accéder au tableau de bord d’administration en tant qu’auteur, éditeur de contenus ou administrateur.

Comment ajouter un bloc Média & Texte à une publication WordPress ?

Il existe deux façons d’insérer le bloc Média & Texte dans une publication/page sur WordPress. Premièrement, il vous suffit d’accéder à l’outil d’insertion de blocs, recherchez le bloc Média & Texte puis cliquez dessus pour l’ajouter dans l’interface d’édition.Ajouter un bloc Média & Texte dans Gutenberg Deuxièmement, vous pouvez cliquer sur le bouton « + » sur n’importe quel bloc Paragraphe. Ensuite, vous devez rechercher le bloc Média & Texte dans le répertoire de blocs présenté.Ajouter rapidement un bloc Média & Texte sur Gutenberg Une fois que le bloc est inséré dans votre page, passez à l’étape de personnalisation.

Personnaliser le bloc Média & Texte sur Gutenberg

Comme nous l’avons mentionné tantôt, le bloc Média & Texte combine côte à côte un média et du texte dans un bloc unique. Voici comme se présente ce bloc une fois que vous l’avez ajouté dans votre publication.👇Bloc Média & Texte Gutenberg

Dans la zone de média, vous pouvez ajouter une image ou une vidéo depuis votre espace de stockage local en cliquant sur le bouton « Téléverser » ou choisir un média dans la médiathèque.Insérer un média dans la zone de média du bloc Média & Texte GutenbergChaque bloc dispose d’une barre d’outils distincte pour le personnaliser.
Barre d'outils du bloc Média & TexteSur la barre d’outils du bloc affichant l’image, vous avez plusieurs outils. Vous pouvez choisir les dimensions de votre image.Bouton de changement de position de l'image du bloc Média & Texte GutenbergVous avez également les boutons pour alterner la position de deux blocs. Le bloc d’image peut être remplacé par le bloc de contenu et l’inverse est aussi possible.Boutons de changements de position du bloc Média & Texte GutenbergVous pouvez aussi insérer un lien sur votre image en cliquant sur l’icône de lien de la barre d’outils. Insérer un lien sur l'image du bloc Média & Texte GutenbergUne fois que vous avez ajusté l’image en fonction de vos besoins, vous pouvez passer au bloc de contenu et ajouter votre texte. Là encore, vous disposez d’une barre d’outils pour personnaliser votre texte.Zone de contenu du bloc Média & Texte Gutenberg

Modifier le style du bloc Média & Texte

Gutenberg intègre une multitude d’options pour personnaliser le style de votre bloc Média & Texte. Pour cela, commencez par cliquer sur ce bloc puis rendez-vous dans les paramètres.

Dans l’onglet « Réglages », vous pouvez activer l’option « Empiler sur mobile ». Cette dernière option permet de charger le texte sur votre image lorsque les visiteurs accèdent à votre site depuis un appareil mobile.

Dans le même onglet, vous pouvez également modifier la résolution de l’image.Paramètres du bloc Média & Texte Gutenberg Ensuite, vous pouvez accéder à l’onglet « Style » pour avoir par exemple la possibilité de changer la couleur de la police.Modifier la couleur de la police du texte sur un bloc Média & Texte GutenbergVous pouvez aussi modifier la couleur d’arrière-plan de votre bloc. Défilez l’onglet plus bas si vous souhaitez accéder aux options permettant de changer les dimensions de votre bloc.Dimensions du bloc Média & Texte GutenbergUne fois que vous avez terminé, n’oubliez pas d’enregistrer ou publier votre article.Publier un bloc Média & Texte Gutenberg

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.

Découvrir l’offre

Conclusion

Le bloc Média & Texte de Gutenberg est un outil incroyablement puissant pour améliorer l’apparence de votre site WordPress. En combinant du texte et des médias de manière fluide, il peut transformer vos pages et vos articles en expériences multimédia riches et interactives. 🤗Nous espérons que cet article vous a donné les connaissances pour commencer à utiliser le bloc Média & Texte dans vos publications. Tout ce qu’il vous reste à faire est le passage à la pratique dès à présent.

Et si vous avez des questions ou des ajouts sur la façon d’utiliser le bloc Média & Texte sur Gutenberg, écrivez-nous dans la section Commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.