![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min.png\"){kind=logo}
<\/figure>\n<\/div>\n\n\n\nCommencez maintenant<\/p> <\/div>\r\n \n\n\n
One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n
<\/span>Explorez deux options pour les tableaux WordPress dans Citadela<\/span><\/h2>\n\n\n\nEn fonction du contenu de votre table WordPress, vous avez deux choix pour le bloc Gutenberg qui cr\u00e9e une table dans WordPress. Vous obtenez beaucoup plus d'options que vous ne pouvez l'imaginer en combinaison avec d'autres blocs.<\/p>\n\n\n\n
- Bloc Tableau des prix (disponible uniquement dans Plugin Citadela Pro<\/a>)<\/li>
- Bloc tableau (bloc principal de WordPress<\/a>)<\/li><\/ul>\n\n\n\n
Utilisez la version premium Citadela et vous n'aurez pas besoin d'un plugin suppl\u00e9mentaire pour ajouter le tableau dans WordPress.<\/p>\n\n\n\n
<\/span>Bloc de tableau de prix<\/span><\/h2>\n\n\n\n\u00c9tant donn\u00e9 que les tableaux sont g\u00e9n\u00e9ralement utilis\u00e9s pour pr\u00e9senter les articles et les prix, nous avons cr\u00e9\u00e9 un bloc sp\u00e9cial Tableau des prix, qui est inclus dans le plug-in Citadela Blocks (largement compatible avec la plupart des th\u00e8mes WP modernes). Vous pouvez l'utiliser tr\u00e8s facilement dans l'\u00e9diteur de blocs WordPress pour pr\u00e9senter et administrer les prix de mani\u00e8re attractive.<\/p>\n\n\n\n
Ce bloc a des param\u00e8tres avanc\u00e9s et vous pouvez configurer une version r\u00e9active en fonction de vos besoins. Il est disponible en Plug-in Citadela Pro<\/a>.<\/p>\n\n\n\n![\"Tableau](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/12\/Citadela-Blocks-Pricing-table-block-1024x592.png\")
<\/a><\/figure>\n<\/div>\n\n\nCependant, WordPress lui-m\u00eame propose un bloc par d\u00e9faut pour cr\u00e9er des tableaux. Il s'appelle simplement : Bloc de tableau<\/em>, et vous pouvez l'utiliser pour cr\u00e9er une pr\u00e9sentation tr\u00e8s basique, par exemple de vos forfaits d'abonnement, en quelques minutes.<\/p>\n\n\n\n![\"Bloc](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/12\/Original-WordPress-Table-block-1024x497.png\")
<\/a><\/figure>\n<\/div>\n\n\nAujourd'hui, nous allons examiner le bloc de table plus en d\u00e9tail et parler de\u00a0:<\/p>\n\n\n\n
- Pourquoi les tableaux dans WordPress sont-ils pratiques<\/a><\/li>
- Comment utiliser le bloc Table et cr\u00e9er une table dans WordPress (sans plugin)<\/a><\/li>
- Param\u00e8tres de bloc de tableau dans la barre d'outils<\/a><\/li>
- Param\u00e8tres du bloc WordPress Table dans l'inspecteur<\/a><\/li>
- Conseil suppl\u00e9mentaire\u00a0: Comment ins\u00e9rer un tableau \u00e0 c\u00f4t\u00e9 de l'image<\/a><\/li><\/ul>\n\n\n\n
<\/span><\/a>Pourquoi les tableaux dans WordPress sont-ils pratiques<\/span><\/h3>\n\n\n\n![\"Tableaux](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/foodblog-table.png\")
<\/a>Les tableaux vous aident \u00e0 mieux organiser tous les ingr\u00e9dients de vos recettes<\/figcaption><\/figure>\n<\/div>\n\n\nLes tableaux ont une utilisation universelle dans les articles et les pages. La fonctionnalit\u00e9 de base consiste \u00e0 organiser des donn\u00e9es ou des nombres. Les tableaux sont \u00e9galement b\u00e9n\u00e9fiques pour les blogueurs. Par exemple, les blogueurs de voyage peuvent comparer les prix pour des destinations individuelles. Les blogueurs culinaires peuvent facilement cr\u00e9er une liste d'ingr\u00e9dients ou la quantit\u00e9 requise.<\/p>\n\n\n\n
Enfin, il est possible d'utiliser des tableaux pour pr\u00e9senter les heures d'ouverture ou les tarifs des services et des produits. Peu importe si vous avez un site Web pour un restaurant, un salon de beaut\u00e9 ou une boulangerie. Vous trouverez certainement l'utilisation des tableaux sur votre site Web.<\/p>\n\n\n\n
<\/span><\/a>Comment utiliser le bloc Table et cr\u00e9er une table dans WordPress (sans plugin)<\/span><\/h3>\n\n\n\nCr\u00e9er des tableaux dans WordPress \u00e0 l'aide de l'\u00e9diteur de blocs est un jeu d'enfant. En utilisant le bloc Table, vous pouvez cr\u00e9er des tableaux en quelques clics sans plugin ni codage. Voyons comment cela fonctionne\u00a0:<\/p>\n\n\n\n
- Dans un premier temps, vous devez ins\u00e9rer le bloc WordPress Table. Vous pouvez le faire en cliquant sur "+" qui se trouve dans la barre sup\u00e9rieure ou n'importe o\u00f9 dans l'\u00e9diteur. Apr\u00e8s cela, vous pouvez choisir un bloc particulier.\n<\/li><\/ul>\n\n\n\n
![\"Ajoutez](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-add.png\")
<\/a>Ajout de tables en cliquant sur "+"<\/figcaption><\/figure>\n<\/div>\n\n\nIl est \u00e9galement possible d'ins\u00e9rer un bloc Table en utilisant la barre oblique "\/", apr\u00e8s le mot "table" pour rechercher un bloc table.<\/p><\/blockquote>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-shortcut.gif\")
<\/a>Ajout de tableaux \u00e0 l'aide de la barre oblique "\/"<\/figcaption><\/figure>\n<\/div>\n\n\nApr\u00e8s avoir ajout\u00e9 le bloc Tableau \u00e0 votre page ou publication, vous devez d\u00e9finir les param\u00e8tres de base tels que le nombre de colonnes et de lignes.<\/p><\/blockquote>\n\n\n
\n![\"Bloc](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table.png\")
<\/a>Une fois la table cr\u00e9\u00e9e, d\u00e9finissons le nombre de colonnes et de lignes<\/figcaption><\/figure>\n<\/div>\n\n\nExplorez le nouveau th\u00e8me Citadela, o\u00f9 vous pouvez cr\u00e9er des tableaux \u00e0 l'aide du bloc WordPress Table et \u00e9galement utiliser nos blocs personnalis\u00e9s. En savoir plus sur Citadela que vous pouvez personnaliser avec des packages de mise en page d\u00e9velopp\u00e9s pour des types d'entreprises sp\u00e9cifiques.<\/p>\n\n\n\n
<\/span><\/a>Param\u00e8tres de bloc de tableau dans la barre d'outils<\/span><\/h3>\n\n\n\nVous savez maintenant comment cr\u00e9er un tableau dans WordPress. Ensuite, nous vous montrerons comment travailler avec.<\/p>\n\n\n\n
La barre d'outils sup\u00e9rieure au-dessus du tableau vous permet d'apporter des modifications au style et \u00e0 la mise en forme. En utilisant ces param\u00e8tres, vous pouvez modifier l'apparence du tableau. N'oubliez pas que l'aspect final d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n
Que peut-on changer ?<\/p>\n\n\n\n
1. Styles de blocs<\/b><\/p>\n\n\n\n
En utilisant la premi\u00e8re ic\u00f4ne, vous pouvez s\u00e9lectionner les styles de tableaux. Vous pouvez choisir l'une des 2 options :<\/p>\n\n\n\n
- D\u00e9faut<\/b> \u2013 les cellules du tableau auront des bordures, sans arri\u00e8re-plan. La couleur d'arri\u00e8re-plan de l'ensemble du bloc peut \u00eatre ajout\u00e9e ult\u00e9rieurement.<\/li>
- Rayures<\/b> \u2013 tableau sans bordures, mais une ligne sur deux sera mise en surbrillance \u00e0 l'aide d'un arri\u00e8re-plan. Ce style est plus moderne et moins formel.<\/li><\/ul>\n\n\n\n
![\"Style](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-style.gif\")
<\/a>Choisissez le style de votre bloc de table entre le look par d\u00e9faut ou ray\u00e9<\/figcaption><\/figure>\n<\/div>\n\n\n2. Aligner le bloc de table WordPress<\/b><\/p>\n\n\n\n
L'alignement du tableau peut \u00e9galement \u00eatre modifi\u00e9 dans la barre d'outils sup\u00e9rieure au-dessus du bloc. Vous pouvez choisir l'un des classiques tels que gauche, droite ou centre, mais vous pouvez \u00e9galement cr\u00e9er un tableau large ou pleine largeur. La disponibilit\u00e9 des deux derniers d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n
3. Formatage du contenu du tableau<\/b><\/p>\n\n\n\n
Le texte ou les nombres \u00e0 l'int\u00e9rieur des tableaux peuvent \u00eatre mis en gras ou en italique. Vous pouvez ajouter un lien vers une autre page, un graphique ou une image.<\/p>\n\n\n\n
4. Alignement du texte dans le tableau
<\/b><\/p>\n\n\n\n
La derni\u00e8re version de WP garantit qu'il est possible d'aligner non seulement l'int\u00e9gralit\u00e9 du tableau, mais \u00e9galement le texte \u00e0 l'int\u00e9rieur des lignes. Vous pouvez maintenant aligner le texte ins\u00e9r\u00e9 sur chaque ligne s\u00e9par\u00e9ment. Cette fonctionnalit\u00e9 vous aide \u00e0 cr\u00e9er une table plus agr\u00e9able.<\/p>\n\n\n\n
5. Nombre de colonnes et de lignes<\/b><\/p>\n\n\n\n
Comment ajouter des colonnes ou des lignes de tableau dans WordPress ? Dans le bloc Table, c'est tr\u00e8s simple. Ce bloc permet d'ajouter ou de supprimer des cellules tr\u00e8s rapidement. Cliquez simplement sur "Modifier le tableau" et apr\u00e8s cela, sur l'action que vous souhaitez faire. Si vous cliquez sur "Ajouter une ligne apr\u00e8s", une nouvelle ligne sera cr\u00e9\u00e9e tout de suite en bas.<\/p>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-add-row.gif\")
<\/a>Un moyen facile d'ajouter la ligne suivante en seulement 2 clics<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>Param\u00e8tres du bloc de table WordPress dans l'inspecteur<\/span><\/h3>\n\n\n\nAlors que la barre d'outils sup\u00e9rieure vous permet de modifier les param\u00e8tres des cellules du tableau, une barre d'outils de droite appel\u00e9e Inspecteur est utilis\u00e9e pour les param\u00e8tres plus complexes du bloc Tableau. Ici aussi, vous pouvez configurer les styles de bloc (par d\u00e9faut ou rayures), mais quoi de plus, vous pouvez \u00e9galement d\u00e9finir la couleur d'arri\u00e8re-plan et la largeur du tableau.<\/p>\n\n\n\n
<\/span>Param\u00e8tres du tableau<\/span><\/h4>\n\n\n\nPar d\u00e9faut, les cellules du tableau s'adaptent dynamiquement \u00e0 la quantit\u00e9 de texte qu'elles contiennent. Vous pouvez \u00e9galement autoriser la fonction "Cellules de tableau \u00e0 largeur fixe". Toutes les cellules auront la m\u00eame largeur, peu importe ce que vous mettez \u00e0 l'int\u00e9rieur.<\/p>\n\n\n
\n![\"Fonctionnalit\u00e9](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-fixed.gif\")
<\/a>Si vous activez la fonctionnalit\u00e9 "Cellules de tableau \u00e0 largeur fixe", chaque cellule aura la m\u00eame taille<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Param\u00e8tres de couleur<\/span><\/h4>\n\n\n\nL'inspecteur vous permet \u00e9galement de changer la couleur de fond du tableau. Si vous avez s\u00e9lectionn\u00e9 le style par d\u00e9faut, tout le tableau aura la m\u00eame couleur d'arri\u00e8re-plan. Si vous avez s\u00e9lectionn\u00e9 Stripes, seule une ligne sur deux aura un arri\u00e8re-plan d\u00e9fini.<\/p>\n\n\n
\n![\"Param\u00e8tres](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-color.gif\")
<\/a>Changer la couleur du bloc<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Nouvelle fonctionnalit\u00e9 ajout\u00e9e\u00a0: Prise en charge de l'en-t\u00eate et du pied de page<\/span><\/h4>\n\n\n\nPour rendre les tableaux plus accessibles, les d\u00e9veloppeurs ont ajout\u00e9 l'option d'en-t\u00eate et de pied de page au bloc WordPress Table. Cette fonctionnalit\u00e9 fournit \u00e9galement une meilleure d\u00e9finition structurelle (des donn\u00e9es) et donne des informations plus pr\u00e9cises aux assistants mobiles. La structure du tableau comprend d\u00e9sormais <thead>, <tfoot><\/code>, et <tbody><\/code> pour identifier et distinguer l'en-t\u00eate, le pied de page et le corps du tableau. Vous pouvez activer ou d\u00e9sactiver la section d'en-t\u00eate et de pied de page directement \u00e0 partir de l'inspecteur.<\/p>\n\n\n\n![\"Bloc](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/wordpress-table-block.jpg\")
Vous pouvez maintenant ajouter un en-t\u00eate et un pied de page \u00e0 votre tableau<\/figcaption><\/figure>\n\n\n\n<\/span><\/a>Astuce suppl\u00e9mentaire : Comment cr\u00e9er un tableau dans WordPress sans plugin \u00e0 c\u00f4t\u00e9 de l'image<\/span><\/h3>\n\n\n\nAvez-vous besoin d'avoir un tableau et une image c\u00f4te \u00e0 c\u00f4te\u00a0? Pour ce faire, vous devez utiliser le bloc de colonnes. Ce bloc vous permettra d'ins\u00e9rer diff\u00e9rents types de contenu dans des colonnes et de les aligner correctement.<\/p>\n\n\n\n
Comment faire?<\/p>\n\n\n\n
Ins\u00e9rez le bloc de tableau dans une colonne et le bloc d'image dans la seconde. Vous obtiendrez un tableau imbriqu\u00e9 dans WordPress Column Block \u00e0 c\u00f4t\u00e9 de l'image. C'est tr\u00e8s simple et vous n'avez pas \u00e0 vous soucier de l'alignement ou de la version responsive.<\/p>\n\n\n
\n![\"Tableau](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-table-columns.png\")
<\/a>Avec l'aide du bloc Colonnes, vous pouvez placer votre tableau \u00e0 c\u00f4t\u00e9 de l'image<\/figcaption><\/figure>\n<\/div>\n\n\nVous pouvez en savoir plus sur le bloc de colonnes dans notre article Comment faire des colonnes dans WordPress sans plugin<\/a>.<\/p>\n\n\nTable des mati\u00e8res<\/p>\n<\/span><\/div>\n
Utilisez la version premium Citadela et vous n'aurez pas besoin d'un plugin suppl\u00e9mentaire pour ajouter le tableau dans WordPress.<\/p>\n\n\n\n
<\/span>Bloc de tableau de prix<\/span><\/h2>\n\n\n\n\u00c9tant donn\u00e9 que les tableaux sont g\u00e9n\u00e9ralement utilis\u00e9s pour pr\u00e9senter les articles et les prix, nous avons cr\u00e9\u00e9 un bloc sp\u00e9cial Tableau des prix, qui est inclus dans le plug-in Citadela Blocks (largement compatible avec la plupart des th\u00e8mes WP modernes). Vous pouvez l'utiliser tr\u00e8s facilement dans l'\u00e9diteur de blocs WordPress pour pr\u00e9senter et administrer les prix de mani\u00e8re attractive.<\/p>\n\n\n\n
Ce bloc a des param\u00e8tres avanc\u00e9s et vous pouvez configurer une version r\u00e9active en fonction de vos besoins. Il est disponible en Plug-in Citadela Pro<\/a>.<\/p>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\nCependant, WordPress lui-m\u00eame propose un bloc par d\u00e9faut pour cr\u00e9er des tableaux. Il s'appelle simplement : Bloc de tableau<\/em>, et vous pouvez l'utiliser pour cr\u00e9er une pr\u00e9sentation tr\u00e8s basique, par exemple de vos forfaits d'abonnement, en quelques minutes.<\/p>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\nAujourd'hui, nous allons examiner le bloc de table plus en d\u00e9tail et parler de\u00a0:<\/p>\n\n\n\n
- Pourquoi les tableaux dans WordPress sont-ils pratiques<\/a><\/li>
- Comment utiliser le bloc Table et cr\u00e9er une table dans WordPress (sans plugin)<\/a><\/li>
- Param\u00e8tres de bloc de tableau dans la barre d'outils<\/a><\/li>
- Param\u00e8tres du bloc WordPress Table dans l'inspecteur<\/a><\/li>
- Conseil suppl\u00e9mentaire\u00a0: Comment ins\u00e9rer un tableau \u00e0 c\u00f4t\u00e9 de l'image<\/a><\/li><\/ul>\n\n\n\n
<\/span><\/a>Pourquoi les tableaux dans WordPress sont-ils pratiques<\/span><\/h3>\n\n\n\n<\/a>Les tableaux vous aident \u00e0 mieux organiser tous les ingr\u00e9dients de vos recettes<\/figcaption><\/figure>\n<\/div>\n\n\nLes tableaux ont une utilisation universelle dans les articles et les pages. La fonctionnalit\u00e9 de base consiste \u00e0 organiser des donn\u00e9es ou des nombres. Les tableaux sont \u00e9galement b\u00e9n\u00e9fiques pour les blogueurs. Par exemple, les blogueurs de voyage peuvent comparer les prix pour des destinations individuelles. Les blogueurs culinaires peuvent facilement cr\u00e9er une liste d'ingr\u00e9dients ou la quantit\u00e9 requise.<\/p>\n\n\n\n
Enfin, il est possible d'utiliser des tableaux pour pr\u00e9senter les heures d'ouverture ou les tarifs des services et des produits. Peu importe si vous avez un site Web pour un restaurant, un salon de beaut\u00e9 ou une boulangerie. Vous trouverez certainement l'utilisation des tableaux sur votre site Web.<\/p>\n\n\n\n
<\/span><\/a>Comment utiliser le bloc Table et cr\u00e9er une table dans WordPress (sans plugin)<\/span><\/h3>\n\n\n\nCr\u00e9er des tableaux dans WordPress \u00e0 l'aide de l'\u00e9diteur de blocs est un jeu d'enfant. En utilisant le bloc Table, vous pouvez cr\u00e9er des tableaux en quelques clics sans plugin ni codage. Voyons comment cela fonctionne\u00a0:<\/p>\n\n\n\n
- Dans un premier temps, vous devez ins\u00e9rer le bloc WordPress Table. Vous pouvez le faire en cliquant sur "+" qui se trouve dans la barre sup\u00e9rieure ou n'importe o\u00f9 dans l'\u00e9diteur. Apr\u00e8s cela, vous pouvez choisir un bloc particulier.\n<\/li><\/ul>\n\n\n\n
<\/a>Ajout de tables en cliquant sur "+"<\/figcaption><\/figure>\n<\/div>\n\n\nIl est \u00e9galement possible d'ins\u00e9rer un bloc Table en utilisant la barre oblique "\/", apr\u00e8s le mot "table" pour rechercher un bloc table.<\/p><\/blockquote>\n\n\n
\n<\/a>Ajout de tableaux \u00e0 l'aide de la barre oblique "\/"<\/figcaption><\/figure>\n<\/div>\n\n\nApr\u00e8s avoir ajout\u00e9 le bloc Tableau \u00e0 votre page ou publication, vous devez d\u00e9finir les param\u00e8tres de base tels que le nombre de colonnes et de lignes.<\/p><\/blockquote>\n\n\n
\n<\/a>Une fois la table cr\u00e9\u00e9e, d\u00e9finissons le nombre de colonnes et de lignes<\/figcaption><\/figure>\n<\/div>\n\n\nExplorez le nouveau th\u00e8me Citadela, o\u00f9 vous pouvez cr\u00e9er des tableaux \u00e0 l'aide du bloc WordPress Table et \u00e9galement utiliser nos blocs personnalis\u00e9s. En savoir plus sur Citadela que vous pouvez personnaliser avec des packages de mise en page d\u00e9velopp\u00e9s pour des types d'entreprises sp\u00e9cifiques.<\/p>\n\n\n\n
<\/span><\/a>Param\u00e8tres de bloc de tableau dans la barre d'outils<\/span><\/h3>\n\n\n\nVous savez maintenant comment cr\u00e9er un tableau dans WordPress. Ensuite, nous vous montrerons comment travailler avec.<\/p>\n\n\n\n
La barre d'outils sup\u00e9rieure au-dessus du tableau vous permet d'apporter des modifications au style et \u00e0 la mise en forme. En utilisant ces param\u00e8tres, vous pouvez modifier l'apparence du tableau. N'oubliez pas que l'aspect final d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n
Que peut-on changer ?<\/p>\n\n\n\n
1. Styles de blocs<\/b><\/p>\n\n\n\n
En utilisant la premi\u00e8re ic\u00f4ne, vous pouvez s\u00e9lectionner les styles de tableaux. Vous pouvez choisir l'une des 2 options :<\/p>\n\n\n\n
- D\u00e9faut<\/b> \u2013 les cellules du tableau auront des bordures, sans arri\u00e8re-plan. La couleur d'arri\u00e8re-plan de l'ensemble du bloc peut \u00eatre ajout\u00e9e ult\u00e9rieurement.<\/li>
- Rayures<\/b> \u2013 tableau sans bordures, mais une ligne sur deux sera mise en surbrillance \u00e0 l'aide d'un arri\u00e8re-plan. Ce style est plus moderne et moins formel.<\/li><\/ul>\n\n\n\n
<\/a>Choisissez le style de votre bloc de table entre le look par d\u00e9faut ou ray\u00e9<\/figcaption><\/figure>\n<\/div>\n\n\n2. Aligner le bloc de table WordPress<\/b><\/p>\n\n\n\n
L'alignement du tableau peut \u00e9galement \u00eatre modifi\u00e9 dans la barre d'outils sup\u00e9rieure au-dessus du bloc. Vous pouvez choisir l'un des classiques tels que gauche, droite ou centre, mais vous pouvez \u00e9galement cr\u00e9er un tableau large ou pleine largeur. La disponibilit\u00e9 des deux derniers d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n
3. Formatage du contenu du tableau<\/b><\/p>\n\n\n\n
Le texte ou les nombres \u00e0 l'int\u00e9rieur des tableaux peuvent \u00eatre mis en gras ou en italique. Vous pouvez ajouter un lien vers une autre page, un graphique ou une image.<\/p>\n\n\n\n
4. Alignement du texte dans le tableau
<\/b><\/p>\n\n\n\n
La derni\u00e8re version de WP garantit qu'il est possible d'aligner non seulement l'int\u00e9gralit\u00e9 du tableau, mais \u00e9galement le texte \u00e0 l'int\u00e9rieur des lignes. Vous pouvez maintenant aligner le texte ins\u00e9r\u00e9 sur chaque ligne s\u00e9par\u00e9ment. Cette fonctionnalit\u00e9 vous aide \u00e0 cr\u00e9er une table plus agr\u00e9able.<\/p>\n\n\n\n
5. Nombre de colonnes et de lignes<\/b><\/p>\n\n\n\n
Comment ajouter des colonnes ou des lignes de tableau dans WordPress ? Dans le bloc Table, c'est tr\u00e8s simple. Ce bloc permet d'ajouter ou de supprimer des cellules tr\u00e8s rapidement. Cliquez simplement sur "Modifier le tableau" et apr\u00e8s cela, sur l'action que vous souhaitez faire. Si vous cliquez sur "Ajouter une ligne apr\u00e8s", une nouvelle ligne sera cr\u00e9\u00e9e tout de suite en bas.<\/p>\n\n\n
\n<\/a>Un moyen facile d'ajouter la ligne suivante en seulement 2 clics<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>Param\u00e8tres du bloc de table WordPress dans l'inspecteur<\/span><\/h3>\n\n\n\nAlors que la barre d'outils sup\u00e9rieure vous permet de modifier les param\u00e8tres des cellules du tableau, une barre d'outils de droite appel\u00e9e Inspecteur est utilis\u00e9e pour les param\u00e8tres plus complexes du bloc Tableau. Ici aussi, vous pouvez configurer les styles de bloc (par d\u00e9faut ou rayures), mais quoi de plus, vous pouvez \u00e9galement d\u00e9finir la couleur d'arri\u00e8re-plan et la largeur du tableau.<\/p>\n\n\n\n
<\/span>Param\u00e8tres du tableau<\/span><\/h4>\n\n\n\nPar d\u00e9faut, les cellules du tableau s'adaptent dynamiquement \u00e0 la quantit\u00e9 de texte qu'elles contiennent. Vous pouvez \u00e9galement autoriser la fonction "Cellules de tableau \u00e0 largeur fixe". Toutes les cellules auront la m\u00eame largeur, peu importe ce que vous mettez \u00e0 l'int\u00e9rieur.<\/p>\n\n\n
\n<\/a>Si vous activez la fonctionnalit\u00e9 "Cellules de tableau \u00e0 largeur fixe", chaque cellule aura la m\u00eame taille<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Param\u00e8tres de couleur<\/span><\/h4>\n\n\n\nL'inspecteur vous permet \u00e9galement de changer la couleur de fond du tableau. Si vous avez s\u00e9lectionn\u00e9 le style par d\u00e9faut, tout le tableau aura la m\u00eame couleur d'arri\u00e8re-plan. Si vous avez s\u00e9lectionn\u00e9 Stripes, seule une ligne sur deux aura un arri\u00e8re-plan d\u00e9fini.<\/p>\n\n\n
\n<\/a>Changer la couleur du bloc<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Nouvelle fonctionnalit\u00e9 ajout\u00e9e\u00a0: Prise en charge de l'en-t\u00eate et du pied de page<\/span><\/h4>\n\n\n\nPour rendre les tableaux plus accessibles, les d\u00e9veloppeurs ont ajout\u00e9 l'option d'en-t\u00eate et de pied de page au bloc WordPress Table. Cette fonctionnalit\u00e9 fournit \u00e9galement une meilleure d\u00e9finition structurelle (des donn\u00e9es) et donne des informations plus pr\u00e9cises aux assistants mobiles. La structure du tableau comprend d\u00e9sormais <thead>, <tfoot><\/code>, et <tbody><\/code> pour identifier et distinguer l'en-t\u00eate, le pied de page et le corps du tableau. Vous pouvez activer ou d\u00e9sactiver la section d'en-t\u00eate et de pied de page directement \u00e0 partir de l'inspecteur.<\/p>\n\n\n\nVous pouvez maintenant ajouter un en-t\u00eate et un pied de page \u00e0 votre tableau<\/figcaption><\/figure>\n\n\n\n<\/span><\/a>Astuce suppl\u00e9mentaire : Comment cr\u00e9er un tableau dans WordPress sans plugin \u00e0 c\u00f4t\u00e9 de l'image<\/span><\/h3>\n\n\n\nAvez-vous besoin d'avoir un tableau et une image c\u00f4te \u00e0 c\u00f4te\u00a0? Pour ce faire, vous devez utiliser le bloc de colonnes. Ce bloc vous permettra d'ins\u00e9rer diff\u00e9rents types de contenu dans des colonnes et de les aligner correctement.<\/p>\n\n\n\n
Comment faire?<\/p>\n\n\n\n
Ins\u00e9rez le bloc de tableau dans une colonne et le bloc d'image dans la seconde. Vous obtiendrez un tableau imbriqu\u00e9 dans WordPress Column Block \u00e0 c\u00f4t\u00e9 de l'image. C'est tr\u00e8s simple et vous n'avez pas \u00e0 vous soucier de l'alignement ou de la version responsive.<\/p>\n\n\n
\n<\/a>Avec l'aide du bloc Colonnes, vous pouvez placer votre tableau \u00e0 c\u00f4t\u00e9 de l'image<\/figcaption><\/figure>\n<\/div>\n\n\nVous pouvez en savoir plus sur le bloc de colonnes dans notre article Comment faire des colonnes dans WordPress sans plugin<\/a>.<\/p>\n\n\nTable des mati\u00e8res<\/p>\n<\/span><\/div>\n
<\/a><\/figure>\n<\/div>\n\n\nCependant, WordPress lui-m\u00eame propose un bloc par d\u00e9faut pour cr\u00e9er des tableaux. Il s'appelle simplement : Bloc de tableau<\/em>, et vous pouvez l'utiliser pour cr\u00e9er une pr\u00e9sentation tr\u00e8s basique, par exemple de vos forfaits d'abonnement, en quelques minutes.<\/p>\n\n\n Aujourd'hui, nous allons examiner le bloc de table plus en d\u00e9tail et parler de\u00a0:<\/p>\n\n\n\n Les tableaux ont une utilisation universelle dans les articles et les pages. La fonctionnalit\u00e9 de base consiste \u00e0 organiser des donn\u00e9es ou des nombres. Les tableaux sont \u00e9galement b\u00e9n\u00e9fiques pour les blogueurs. Par exemple, les blogueurs de voyage peuvent comparer les prix pour des destinations individuelles. Les blogueurs culinaires peuvent facilement cr\u00e9er une liste d'ingr\u00e9dients ou la quantit\u00e9 requise.<\/p>\n\n\n\n Enfin, il est possible d'utiliser des tableaux pour pr\u00e9senter les heures d'ouverture ou les tarifs des services et des produits. Peu importe si vous avez un site Web pour un restaurant, un salon de beaut\u00e9 ou une boulangerie. Vous trouverez certainement l'utilisation des tableaux sur votre site Web.<\/p>\n\n\n\n Cr\u00e9er des tableaux dans WordPress \u00e0 l'aide de l'\u00e9diteur de blocs est un jeu d'enfant. En utilisant le bloc Table, vous pouvez cr\u00e9er des tableaux en quelques clics sans plugin ni codage. Voyons comment cela fonctionne\u00a0:<\/p>\n\n\n\n Il est \u00e9galement possible d'ins\u00e9rer un bloc Table en utilisant la barre oblique "\/", apr\u00e8s le mot "table" pour rechercher un bloc table.<\/p><\/blockquote>\n\n\n Apr\u00e8s avoir ajout\u00e9 le bloc Tableau \u00e0 votre page ou publication, vous devez d\u00e9finir les param\u00e8tres de base tels que le nombre de colonnes et de lignes.<\/p><\/blockquote>\n\n\n Explorez le nouveau th\u00e8me Citadela, o\u00f9 vous pouvez cr\u00e9er des tableaux \u00e0 l'aide du bloc WordPress Table et \u00e9galement utiliser nos blocs personnalis\u00e9s. En savoir plus sur Citadela que vous pouvez personnaliser avec des packages de mise en page d\u00e9velopp\u00e9s pour des types d'entreprises sp\u00e9cifiques.<\/p>\n\n\n\n Vous savez maintenant comment cr\u00e9er un tableau dans WordPress. Ensuite, nous vous montrerons comment travailler avec.<\/p>\n\n\n\n La barre d'outils sup\u00e9rieure au-dessus du tableau vous permet d'apporter des modifications au style et \u00e0 la mise en forme. En utilisant ces param\u00e8tres, vous pouvez modifier l'apparence du tableau. N'oubliez pas que l'aspect final d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n Que peut-on changer ?<\/p>\n\n\n\n 1. Styles de blocs<\/b><\/p>\n\n\n\n En utilisant la premi\u00e8re ic\u00f4ne, vous pouvez s\u00e9lectionner les styles de tableaux. Vous pouvez choisir l'une des 2 options :<\/p>\n\n\n\n 2. Aligner le bloc de table WordPress<\/b><\/p>\n\n\n\n L'alignement du tableau peut \u00e9galement \u00eatre modifi\u00e9 dans la barre d'outils sup\u00e9rieure au-dessus du bloc. Vous pouvez choisir l'un des classiques tels que gauche, droite ou centre, mais vous pouvez \u00e9galement cr\u00e9er un tableau large ou pleine largeur. La disponibilit\u00e9 des deux derniers d\u00e9pend toujours du th\u00e8me WordPress actif que vous utilisez.<\/p>\n\n\n\n 3. Formatage du contenu du tableau<\/b><\/p>\n\n\n\n Le texte ou les nombres \u00e0 l'int\u00e9rieur des tableaux peuvent \u00eatre mis en gras ou en italique. Vous pouvez ajouter un lien vers une autre page, un graphique ou une image.<\/p>\n\n\n\n 4. Alignement du texte dans le tableau La derni\u00e8re version de WP garantit qu'il est possible d'aligner non seulement l'int\u00e9gralit\u00e9 du tableau, mais \u00e9galement le texte \u00e0 l'int\u00e9rieur des lignes. Vous pouvez maintenant aligner le texte ins\u00e9r\u00e9 sur chaque ligne s\u00e9par\u00e9ment. Cette fonctionnalit\u00e9 vous aide \u00e0 cr\u00e9er une table plus agr\u00e9able.<\/p>\n\n\n\n 5. Nombre de colonnes et de lignes<\/b><\/p>\n\n\n\n Comment ajouter des colonnes ou des lignes de tableau dans WordPress ? Dans le bloc Table, c'est tr\u00e8s simple. Ce bloc permet d'ajouter ou de supprimer des cellules tr\u00e8s rapidement. Cliquez simplement sur "Modifier le tableau" et apr\u00e8s cela, sur l'action que vous souhaitez faire. Si vous cliquez sur "Ajouter une ligne apr\u00e8s", une nouvelle ligne sera cr\u00e9\u00e9e tout de suite en bas.<\/p>\n\n\n Alors que la barre d'outils sup\u00e9rieure vous permet de modifier les param\u00e8tres des cellules du tableau, une barre d'outils de droite appel\u00e9e Inspecteur est utilis\u00e9e pour les param\u00e8tres plus complexes du bloc Tableau. Ici aussi, vous pouvez configurer les styles de bloc (par d\u00e9faut ou rayures), mais quoi de plus, vous pouvez \u00e9galement d\u00e9finir la couleur d'arri\u00e8re-plan et la largeur du tableau.<\/p>\n\n\n\n Par d\u00e9faut, les cellules du tableau s'adaptent dynamiquement \u00e0 la quantit\u00e9 de texte qu'elles contiennent. Vous pouvez \u00e9galement autoriser la fonction "Cellules de tableau \u00e0 largeur fixe". Toutes les cellules auront la m\u00eame largeur, peu importe ce que vous mettez \u00e0 l'int\u00e9rieur.<\/p>\n\n\n L'inspecteur vous permet \u00e9galement de changer la couleur de fond du tableau. Si vous avez s\u00e9lectionn\u00e9 le style par d\u00e9faut, tout le tableau aura la m\u00eame couleur d'arri\u00e8re-plan. Si vous avez s\u00e9lectionn\u00e9 Stripes, seule une ligne sur deux aura un arri\u00e8re-plan d\u00e9fini.<\/p>\n\n\n Pour rendre les tableaux plus accessibles, les d\u00e9veloppeurs ont ajout\u00e9 l'option d'en-t\u00eate et de pied de page au bloc WordPress Table. Cette fonctionnalit\u00e9 fournit \u00e9galement une meilleure d\u00e9finition structurelle (des donn\u00e9es) et donne des informations plus pr\u00e9cises aux assistants mobiles. La structure du tableau comprend d\u00e9sormais Avez-vous besoin d'avoir un tableau et une image c\u00f4te \u00e0 c\u00f4te\u00a0? Pour ce faire, vous devez utiliser le bloc de colonnes. Ce bloc vous permettra d'ins\u00e9rer diff\u00e9rents types de contenu dans des colonnes et de les aligner correctement.<\/p>\n\n\n\n Comment faire?<\/p>\n\n\n\n Ins\u00e9rez le bloc de tableau dans une colonne et le bloc d'image dans la seconde. Vous obtiendrez un tableau imbriqu\u00e9 dans WordPress Column Block \u00e0 c\u00f4t\u00e9 de l'image. C'est tr\u00e8s simple et vous n'avez pas \u00e0 vous soucier de l'alignement ou de la version responsive.<\/p>\n\n\n Vous pouvez en savoir plus sur le bloc de colonnes dans notre article Comment faire des colonnes dans WordPress sans plugin<\/a>.<\/p>\n Table des mati\u00e8res<\/p>\n<\/span><\/div>\n<\/a><\/figure>\n<\/div>\n\n\n<\/span><\/a>Pourquoi les tableaux dans WordPress sont-ils pratiques<\/span><\/h3>\n\n\n
<\/a><\/span><\/a>Comment utiliser le bloc Table et cr\u00e9er une table dans WordPress (sans plugin)<\/span><\/h3>\n\n\n\n
<\/a><\/a><\/a><\/span><\/a>Param\u00e8tres de bloc de tableau dans la barre d'outils<\/span><\/h3>\n\n\n\n
<\/a>
<\/b><\/p>\n\n\n\n<\/a><\/span><\/a>Param\u00e8tres du bloc de table WordPress dans l'inspecteur<\/span><\/h3>\n\n\n\n
<\/span>Param\u00e8tres du tableau<\/span><\/h4>\n\n\n\n
<\/a><\/span>Param\u00e8tres de couleur<\/span><\/h4>\n\n\n\n
<\/a><\/span>Nouvelle fonctionnalit\u00e9 ajout\u00e9e\u00a0: Prise en charge de l'en-t\u00eate et du pied de page<\/span><\/h4>\n\n\n\n
<thead>, <tfoot><\/code>, et <tbody><\/code> pour identifier et distinguer l'en-t\u00eate, le pied de page et le corps du tableau. Vous pouvez activer ou d\u00e9sactiver la section d'en-t\u00eate et de pied de page directement \u00e0 partir de l'inspecteur.<\/p>\n\n\n\n<\/span><\/a>Astuce suppl\u00e9mentaire : Comment cr\u00e9er un tableau dans WordPress sans plugin \u00e0 c\u00f4t\u00e9 de l'image<\/span><\/h3>\n\n\n\n
<\/a>