Comment changer la couleur d'arrière-plan d'un tableau dans WordPress

Par défaut, les tableaux WordPress sont créés avec un arrière-plan transparent. Mais vous pouvez souhaiter modifier l'arrière-plan du tableau en fonction de la conception de votre site web et de vos besoins en matière de stylisation.

Cela peut vous aider à créer une identité visuelle cohérente, à améliorer la lisibilité et l'expérience des utilisateurs. Cet article explique deux méthodes simples pour changer la couleur d'arrière-plan dans WordPress.

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

Méthode 1 : Utilisation du bloc de tableaux par défaut

Ci-dessous, vous pouvez voir un tableau fictif créé avec le bloc de tableau par défaut de WordPress. Cliquez sur l'icône Tableau dans la barre d'outils pour sélectionner l'ensemble du bloc tableau.

Sélectionnez la table créée par le bloc de table par défaut de WordPress

Allez dans l'onglet Styles sur la barre latérale droite. Cliquez sur l'option Arrière-plan dans la section Couleur. Une boîte de couleurs s'ouvre. Vous pouvez sélectionner une couleur unie ou dégradée.  

Une fois que vous avez sélectionné une couleur, vous verrez qu'elle est appliquée à l'arrière-plan du tableau en temps réel.

Modifier la couleur d'arrière-plan de la table par défaut de WordPress

Méthode 2 : Utilisation du plugin Tableberg

Tableberg est un plugin de construction de tableau prometteur pour WordPress. Il vous permet d'ajouter différents types d'informations au tableau afin de le rendre polyvalent et capable de servir des objectifs multiples.

Contrairement au bloc Table par défaut, le bloc Tableberg vous permet de modifier les couleurs d'arrière-plan de l'en-tête, du pied de page et des lignes.

Modification de la couleur d'arrière-plan de l'en-tête du tableau

(Veillez à ce que votre tableau ait un section d'en-tête)

Tout d'abord, sélectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton Icône Tableberg (1). Cliquez ensuite sur l'icône Onglet Styles (2) dans le panneau d'options de droite. Enfin, changez la couleur de 'Couleur d'arrière-plan de l'en-tête‘ (3).

Modification de la couleur d'arrière-plan des lignes paires du tableau

Sélectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton Icône Tableberg (1). Cliquez ensuite sur l'icône Onglet Styles (2) dans le panneau d'options de droite. Enfin, changez la couleur de 'Couleur d'arrière-plan des rangs pairs‘ (3).

Modification de la couleur d'arrière-plan de la ligne impaire du tableau

Sélectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton Icône Tableberg (1). Cliquez ensuite sur l'icône Onglet Styles (2) dans le panneau d'options de droite. Enfin, changez la couleur de 'Couleur d'arrière-plan de la rangée impaire‘ (3).

Modification de la couleur d'arrière-plan du pied de page du tableau

(Veillez à ce que votre tableau ait un section du pied de page)

Sélectionnez l'ensemble du bloc Tableberg en cliquant sur le bouton Icône Tableberg (1). Cliquez ensuite sur l'icône Onglet Styles (2) dans le panneau d'options de droite. Enfin, changez la couleur de 'Couleur d'arrière-plan du pied de page‘ (3).

Voilà, c'est fait. Voilà comment vous pouvez changer la couleur d'arrière-plan du tableau créé avec le plugin Tableberg.


Conclusion

J'espère que vous pouvez maintenant personnaliser les couleurs d'arrière-plan de vos tableaux dans WordPress quand vous le souhaitez. Mais n'oubliez pas que certaines couleurs ont un effet aveuglant sur les yeux des lecteurs et perturbent leur lisibilité. 

De plus, si vous n'utilisez pas de couleurs contrastées, vous risquez de réduire la lisibilité du tableau. J'espère que vous garderez ces points à l'esprit lorsque vous changerez la couleur d'arrière-plan de votre tableau. 



L'équipe Tableberg

L'offre de réservation anticipée est en ligne dès maintenant !
Texte par défaut de la barre de notification