Les tableaux sont l'outil idéal dans WordPress pour présenter les données de manière organisée, mais les tableaux simples et monochromes peuvent ne pas attirer l'attention ou ne pas communiquer efficacement. Ainsi, lorsque vous cherchez des moyens d'améliorer l'apparence de vos tableaux, l'ajout de couleurs différentes dans les différents attributs peut être une astuce facile.
Une simple modification des couleurs dans les différents éléments de votre tableau peut changer la façon dont les tableaux apparaissent aux yeux des spectateurs. En utilisant stratégiquement des couleurs pour les en-têtes, les pieds de page, les colonnes, les lignes, les bordures ou des cellules spécifiques, vous pouvez transformer votre tableau de base en un outil de communication efficace.
Cet article a pour but de vous montrer à quel point il est facile d'améliorer l'apparence de vos tableaux WordPress. Il se concentre sur des méthodes simples et conviviales pour les débutants qui vous permettent d'ajouter des couleurs à vos tableaux, sans avoir à écrire une seule ligne de code.
Passons en revue ces méthodes et étapes afin de mieux comprendre les approches permettant de colorer vos tableaux.
- Méthode 1 : Utilisation du bloc de tableaux par défaut
- Méthode 2 : Utilisation du plugin Tableberg
- Étape 1 : Installer et activer Tableberg
- Étape 2 : Créer ou sélectionner un tableau
- Étape 3 : Personnaliser les couleurs de l'en-tête et du pied de page
- Étape 4 : Styliser l'arrière-plan (ligne, colonne et cellule)
- Étape 5 : Ajuster les couleurs des bordures
- Étape 6 : Ajuster la police et la couleur du texte
Méthode 1 : Utilisation du bloc de tableaux par défaut
Le bloc de tableau dans WordPress est une fonctionnalité intégrée de l'éditeur Gutenberg conçue pour la création et la personnalisation simples de tableaux. Bien que ses options de couleur soient quelque peu basiques, vous pouvez ajuster les couleurs d'arrière-plan et de texte avec facilité.
Étape 1 : Sélection du tableau
Trouvez le tableau que vous souhaitez personnaliser dans l'éditeur WordPress, puis cliquez sur le tableau pour ouvrir le panneau des paramètres du bloc sur le côté droit.
Étape 2 : Accéder aux paramètres de blocage
Le tableau étant sélectionné, localisez le Onglet Styles dans le panneau des paramètres du bloc et cliquez dessus. Ensuite, naviguez jusqu'à la section Paramètres de couleur section.
Étape 3 : Personnaliser les couleurs du texte, de l'arrière-plan et de la bordure
Dans le panneau Paramètres de couleur, choisissez une couleur d'arrière-plan appropriée à appliquer à l'ensemble du tableau. Vous pouvez choisir entre un arrière-plan uni ou dégradé, mais gardez à l'esprit que cette couleur s'appliquera uniformément à l'ensemble du tableau, et non à des lignes ou des cellules spécifiques.
Sélectionnez ensuite une couleur de texte pour que le contenu reste lisible sur l'arrière-plan choisi.
Faites défiler jusqu'à l'option de couleur des bordures dans les mêmes paramètres et sélectionnez une couleur qui complète le design de votre table. Cette modification affectera uniformément les bordures de l'ensemble du tableau..
Limites du bloc de tableaux par défaut
- Pas de prise en charge des couleurs alternatives pour les lignes ou les colonnes.
- Pas de possibilité de personnaliser les couleurs des cellules individuelles.
- Les sections d'en-tête et de pied de page ne peuvent pas être mises en évidence par des couleurs distinctes.
Méthode 2 : Utilisation du plugin Tableberg
Tableberg est un plugin spécialisé pour les utilisateurs qui ont besoin d'options de personnalisation plus avancées pour leurs tableaux. Cette méthode est idéale pour ceux qui souhaitent avoir plus de contrôle sur la conception de leur tableau que le bloc de tableau par défaut.
Étape 1 : Installer et activer Tableberg
Ouvrez votre tableau de bord WordPress et allez dans Pluginspuis cliquez sur Ajouter un nouveau. Type "Tableberg"dans la barre de recherche, installez-le et activez le plugin.
Étape 2 : Créer ou sélectionner un tableau
Ouvrez la page ou le message dans lequel vous souhaitez ajouter votre tableau, cliquez sur l'outil d'insertion de blocs (+), et ajoutez le bloc tableberg. Une fois que vous avez terminé, créer le tableau en fonction de vos besoins et l'alimenter en contenu. Enfin, sélectionnez l'ensemble du tableau en cliquant sur le bouton Icône Tableberg dans la barre d'outils du bloc pour ouvrir la fenêtre Réglages des blocs.
Étape 3 : Personnaliser les couleurs de l'en-tête et du pied de page
Tout d'abord, assurez-vous que votre table dispose d'un En-tête et Pied de page qui réponde à vos besoins. Passez maintenant à l'onglet "Styles" du panneau de configuration des blocs et utilisez les options de couleur pour attribuer des couleurs d'arrière-plan à ces sections.
Étape 4 : Styliser l'arrière-plan (ligne, colonne et cellule)
Dans la section "Paramètres de la même couleur", vous pouvez définir la même couleur pour les lignes paires et impaires. Si vous souhaitez une couleur uniforme pour les tout l'arrière-plan (en dehors de l'en-tête et du pied de page) de votre tableau, il suffit de mettre la même couleur dans ces sections.
Pour les cellules individuelles, sélectionnez la cellule en question et déplacez à nouveau les paramètres de couleur. Sélectionnez la couleur appropriée pour votre cellule.
De même, si vous souhaitez obtenir une couleur uniforme pour l'ensemble d'une ligne ou d'une colonne, sélectionnez d'abord la ligne ou la colonne, puis utilisez les paramètres de couleur pour modifier la couleur. Toutefois, si vous utilisez déjà l'option de couleur de ligne paire/impaire, vous devez effacer ces couleurs avant que ce paramètre n'entre en vigueur.
Étape 5 : Ajuster les couleurs des bordures
Descendez plus bas dans la page Onglet Styles et localisez le Paramètres de bordure. Vous trouverez toute une série de fonctionnalités pour appliquer des couleurs à chaque bord de votre tableau. Tout d'abord, vous pouvez modifier la bordure de votre tableau à partir de l'option Table Border puis modifiez la couleur de la bordure intérieure à partir de la section Inner Border de la même manière. Pour obtenir un meilleur effet, il peut être nécessaire de modifier d'abord l'épaisseur de chaque bordure.
Ensuite, si vous souhaitez obtenir une couleur de bordure spécifique pour une ligne ou une colonne spécifique, sélectionnez d'abord la ligne ou la colonne, puis continuez à faire défiler l'écran. Paramètres de la frontière. Recherchez les paramètres de la Bordure de la rangée et le Bordure de colonne et changer les couleurs.
Étape 6 : Ajuster la police et la couleur du texte
Si vous voulez changer la couleur de la police pour tous les textes de votre tableau, vous devez utiliser les paramètres de style de police global. Faites défiler le panneau de configuration vers le bas et localisez l'option Couleur de la police et sélectionnez la couleur souhaitée.
Si vous souhaitez modifier la couleur de la police d'un texte spécifique dans une cellule particulière, cliquez sur ce texte, passez à l'onglet Styles dans le panneau de droite, ouvrir le texte Couleur et la modifier.
Conclusion
Le bloc de tableau par défaut est parfait pour les ajustements de base, tandis que Tableberg offre des options plus avancées pour une personnalisation détaillée. Ce guide vous a montré comment styliser les en-têtes, les pieds de page, les lignes et les cellules sans effort et sans codage. Grâce à ces méthodes, vous pouvez créer des tableaux qui sont non seulement fonctionnels, mais aussi visuellement alignés sur le design de votre site. Il est maintenant temps de mettre ces conseils en pratique et de faire ressortir vos tableaux.
