,

Comment ajouter un bouton à un bloc de tableau dans WordPress

Les tableaux sont généralement utilisés pour organiser et présenter des informations de manière structurée. En ajoutant des boutons au tableau, vous pouvez souvent inciter les utilisateurs à explorer de nouveaux articles et de nouvelles pages ou à acheter les produits et services correspondants.

Mais la table par défaut de WordPress n'a pas l'option d'ajouter des boutons. TableBerg est un excellent plugin pour résoudre ce problème. Il vous aidera à créer et à ajouter facilement des boutons à ses cellules, tout comme les blocs de Gutenberg.

Cet article explique comment ajouter un bouton à un bloc de tableau dans WordPress et le rendre attrayant.

Créer de belles tables
Avec l'éditeur de blocs

Étape 01 : Installation du plugin TableBerg

Allez dans votre tableau de bord WordPress. Naviguez vers Dashboard > Plugins > Add New Plugin.

Type Tableberg dans la boîte de recherche en haut à droite. Le plugin apparaîtra ci-dessous dans une seconde. Installer et Activer il.

Étape 02 : Ajouter le bloc TableBerg à votre article/page

Ouvrez le message ou la page où vous souhaitez ajouter le tableau. Cliquez sur le bouton Icône plus (+) pour ouvrir l'éditeur Gutenberg.

Type Tableberg dans la boîte de recherche. Cliquez sur le bloc une fois qu'il apparaît ci-dessous.

Ajouter TableBerg à votre message ou à votre page

Étape 03 : Sélectionner le nombre de lignes et de colonnes

Définissez les numéros de ligne et de colonne du tableau. Comme vous pouvez le voir dans l'image ci-dessous, nous avons défini 4 lignes et 4 colonnes pour notre tableau.

Définir les numéros de ligne et de colonne du tableau

Prenez votre curseur et cliquez sur n'importe quelle cellule du tableau. Vous verrez apparaître un plus (+) apparaît. En cliquant sur l'icône plus, vous obtiendrez quatre blocs différents, que vous pourrez ajouter à chaque cellule.

Vous obtiendrez le bloc bouton dans cette collection de blocs.

Bouton de blocage des cellules de TableBerg

Étape 04 : Ajouter le contenu du tableau et le bouton

Vous pouvez voir que nous avons ajouté tout le contenu nécessaire (image, liste, évaluation et prix) au tableau en utilisant les blocs respectifs.

Ajouter un contenu et un bouton au tableau

Étape 05 : Styliser le bouton sur la table

Sélectionnez le bouton. Cliquez sur le bouton Lien dans la barre d'outils pour lier le message ou la page souhaitée au bouton.

Aller à la page Styles dans la barre latérale droite. Vous disposerez de plusieurs options de personnalisation telles que Typographie, bordure, couleur, et Couleur de survol.

Effectuez les personnalisations nécessaires comme vous le souhaitez.

Styliser le bouton sur la table

Étape 06 : Prévisualisation du tableau

Maintenant, allez dans la partie frontale de l'article ou de la page et jetez un coup d'œil au tableau que vous avez créé. Si la conception et la mise en page ne sont pas à la hauteur, allez à nouveau dans l'éditeur et apportez les modifications nécessaires.

Prévisualiser le tableau

Conclusion

Le plugin TableBerg dispose actuellement de quatre blocs. Mais nos développeurs travaillent constamment à la création de nouveaux blocs dans les jours à venir pour améliorer votre expérience de création de tableaux.

Restez avec nous pour recevoir des mises à jour sur nos prochaines versions et toute nouvelle annonce.

Lire aussi :



L'équipe Tableberg