Les colonnes sont des divisions verticales ou des conteneurs dans lesquels vous pouvez organiser et afficher votre contenu web. En divisant votre contenu en colonnes, vous pouvez non seulement créer un sentiment d'ordre, d'équilibre et de hiérarchie, mais aussi améliorer la lisibilité et l'engagement.
En utilisant correctement les colonnes, vous pouvez rendre vos articles et vos pages attrayants. WordPress vous permet de créer des colonnes de différentes manières. Cet article vous montrera comment créer des colonnes dans WordPress de certaines de ces façons pratiques. Allons-y !
- Méthode 1: Utilisation du bloc de colonnes
- Méthode 2: Utilisation du bloc tableau
- Méthode 3: Utilisation du bloc Tableberg
Créer de belles tables
Avec l'éditeur de blocs
Méthode 01 : Utilisation du bloc de colonnes
Ouvrez l'article ou la page que vous souhaitez. Recherchez et ajoutez l'élément Bloc de colonnes à votre éditeur en le tapant dans la boîte de recherche de Gutenberg.
Cliquez sur la disposition des colonnes dont vous avez besoin. Celle-ci sera ajoutée à votre message.
Ne vous laissez pas déconcerter par la présence d'une seule colonne dans l'éditeur. Cliquez avec votre curseur sur les côtés gauche et droit. L'autre bloc apparaît. Voir le clip vidéo ci-dessous.
Appuyer sur la touche Plus (+) sur n'importe quelle colonne. Sélectionnez le bloc que vous souhaitez ajouter à la colonne en question. Supposons que nous sélectionnions le bloc Paragraphe pour ajouter du texte.
De même, nous avons ajouté une image dans la colonne de droite du bloc.
Sélectionnez l'ensemble du bloc de colonnes en cliquant trois fois sur l'icône de la colonne dans la barre d'outils. Des options de mise à jour des paramètres et de personnalisation du bloc s'affichent dans la barre latérale droite.
Méthode 02 : Utilisation du bloc tableau
De la même manière, trouvez et ajoutez le bloc Table par défaut de Gutenberg à votre article/page.
Ici, vous pouvez spécifier le numéro de ligne ainsi que le numéro de colonne. Définissez la valeur comme vous le souhaitez. Appuyez sur la touche Créer un tableau à la fin.
Maintenant, ajoutez du contenu aux colonnes. Le bloc de tableau de WordPress vous permet d'ajouter uniquement du contenu textuel aux colonnes. Vous ne pouvez pas ajouter d'images, de boutons ou d'autres types de contenu.
Méthode 03 : Utilisation du bloc Tableberg
TableBerg est également un plugin de création de tableaux. Mais il possède de nombreuses fonctionnalités avancées. Par exemple, vous pouvez ajouter des images, des boutons CTA, et plus encore aux colonnes de votre tableau avec le plugin, ce qui n'est pas possible avec le bloc de tableau par défaut de WordPress.
Installer et activer le plugin en premier.
Accédez à l'éditeur de votre article ou de votre page. Trouvez et ajoutez le bloc TableBerg depuis l'éditeur Gutenberg de la même manière.
Définir le numéro de colonne et de ligne comme bloc de tableau par défaut.
Vous pouvez voir que nous avons ajouté du texte dans les colonnes de gauche. Pour les colonnes du milieu, nous avons décidé d'ajouter l'élément Bloc d'images en appuyant sur la touche Icône plus (+).
De la même manière, nous avons ajouté Boutons CTA dans les colonnes les plus à droite du tableau.
Pour personnaliser le tableau, sélectionnez l'ensemble du tableau en cliquant sur le bouton Icône TableBerg dans la barre d'outils. Vous trouverez les paramètres et les options de personnalisation dans la barre latérale droite.
Vous pouvez voir que nous avons augmenté la largeur du tableau pour créer suffisamment d'espace pour le contenu et les éléments à l'intérieur des colonnes du tableau.
Note finale
Les colonnes ne servent pas uniquement à organiser le contenu. Elles peuvent attirer l'attention des visiteurs en créant une mise en page captivante lorsque vous savez comment les utiliser.
En fonction de votre demande de contenu, vous devez choisir où utiliser le bloc de colonnes par défaut et où se trouvent les colonnes du tableau. J'espère que cet article vous a plu.
Lire aussi : Les meilleurs plugins WordPress pour les colonnes