Lors de la rédaction de revues de produits, de tableaux comparatifs, de tutoriels, de récits de voyage, d'infographies, de contenus éducatifs, etc., il se peut que vous ayez à placer des textes et des images côte à côte. Il existe de nombreuses façons de le faire dans WordPress.
Dans cet article, nous allons vous montrer plusieurs façons efficaces de mettre du texte et des images côte à côte dans WordPress. Restez avec nous jusqu'à la fin. Vous apprendrez vraiment quelque chose de passionnant.
Créer de belles tables
Avec l'éditeur de blocs
Méthode 1 : Utilisation du bloc Média et texte
Médias et textes est un bloc par défaut de l'éditeur de blocs Gutenberg. Avec ce bloc, vous pouvez mettre du texte et des images côte à côte sans dépendre d'un outil tiers.
Étape 01 : Ajouter les médias et le texte à l'éditeur
Cliquez sur le bouton icône plus (+) sur l'éditeur. Type de document Médias et textes dans la barre de recherche. Ajouter le bloc à l'éditeur.
Étape 02 : Ajouter/télécharger une image dans le bloc
Vous pouvez ajouter une image en la téléchargeant à partir du disque local, de la bibliothèque multimédia ou de l'image vedette. Choisissez l'option qui vous convient.
Vous pouvez voir que l'image est ajoutée au bloc.
Étape 03 : Ajouter du texte au bloc Média et texte
Écrivez le texte de votre choix dans la colonne de droite du bloc. Vous pouvez personnaliser la couleur du texte, l'alignement et d'autres éléments si vous le souhaitez.
Étape 04 : Alterner la position du texte et du fichier multimédia
Le bloc vous permet d'alterner la position du texte et des fichiers multimédias en cliquant sur les options correspondantes dans la barre d'outils.
Méthode 2 : Utilisation du bloc des colonnes
Les Colonnes est également un bloc par défaut de l'éditeur. C'est l'un des blocs les plus utilisés dans la création de contenu WordPress.
Étape 01 : Ajouter le bloc de colonnes à l'éditeur
Vous pouvez afficher le texte et l'image côte à côte en ajoutant l'élément Paragraphe et Blocs d'images séparément dans les blocs de colonnes.
Ainsi, ajouter le bloc Colonnes premier à l'éditeur.
Sélectionnez une mise en page en deux colonnes.
Étape 02 : ajouter le bloc d'images au bloc de colonnes
Il est préférable de les afficher à gauche. Ainsi, ajouter le bloc Image dans la colonne de gauche.
Ici encore, ajoutez l'image souhaitée, qu'elle provienne du disque local, de la bibliothèque multimédia ou d'une URL.
Vous pouvez voir que l'image a été ajoutée au bloc.
Étape 03 : Ajouter du texte au bloc de phrases
Ajouter le Bloc de paragraphes dans la colonne de droite. Cela vous permettra d'ajouter du texte.
Vous pouvez voir que le texte est ajouté à la colonne.
Ensuite, vous pouvez personnaliser le bloc de colonnes, y compris l'image et le texte qu'il contient.
Méthode 3 : Utilisation du bloc Tableberg
Tableberg est un merveilleux plugin de construction de tableaux qui vous permet de concevoir de nombreuses parties pour votre site web. Ce plugin vous permet également de mettre du texte et des images côte à côte. Téléchargez le plugin en cliquant sur les boutons attachés à la bannière ci-dessous.
Créer de belles tables
Avec l'éditeur de blocs
Commencez à suivre le tutoriel dès maintenant.
Étape 01 : Ajouter le bloc Tableberg à l'éditeur
Ce plugin ajoute un bloc nommé Tableberg à la bibliothèque de blocs de Gutenberg. Ajouter le bloc Tableberg à l'éditeur.
Sélectionnez le nombre de colonnes et de lignes dont vous avez besoin pour la mise en page. Nous choisirons 2*1.
Vous pouvez voir que les colonnes et les lignes sont prêtes.
Étape 02 : Ajouter une image à une cellule du tableau
Tableberg vous permet d'ajouter plusieurs blocs personnalisés à ses cellules. En cliquant sur l'icône icône plus (+), trouver et ajouter le bloc Image à l'une de ses cellules.
Téléchargez l'image sur le disque local ou ajoutez-en une de votre bibliothèque multimédia.
Nous avons ajouté une image, que vous pouvez voir ci-dessous.
Étape 03 : Ajouter du texte au tableau
Il suffit d'ajouter du texte dans la colonne de droite à l'aide du bloc de paragraphes.
Étape 04 : Modifier la frontière Tableberg
Vous pouvez rendre cette section plus attrayante en supprimant ou en colonisant la bordure du tableau. Aller à les Onglet Styles.
Bordure "Come to Table en faisant défiler l'onglet. Ces options vous permettront de supprimer ou de coloriser la bordure du tableau.
Ainsi, vous pouvez créer des sections web pour mettre du texte et des images côte à côte dans WordPress.
Conclusion
En effet, vous pouvez tirer parti des blocs Gutenberg par défaut pour créer et concevoir vos posts et pages web. Mais comme ils manquent de nombreuses fonctionnalités avancées, vous avez souvent besoin de plugins de blocs supplémentaires qui viennent avec de nombreuses fonctionnalités passionnantes.
Tableberg est un plugin passionnant que vous pouvez utiliser dans ce cas. Ultimate Blocks est un autre excellent plugin de blocs que vous devriez considérer. Explorez les versions gratuites de ces deux plugins en cliquant sur les boutons ci-dessous.
Lire aussi:
