Comment utiliser le bloc de table WordPress

Le bloc de table WordPress vous permet de créer un tableau pour vos articles ou pages. C'est idéal pour afficher des données tabulées. Il est facile à utiliser et peut être conçu pour s'adapter à la conception de votre site Web.

Dans cet article, nous examinerons de près le bloc Table. Nous verrons comment l'ajouter aux articles et aux pages, ses paramètres et options, les bonnes pratiques et les questions fréquemment posées.

Comment ajouter le bloc de table à votre publication ou page

Cliquez sur l'outil d'insertion de bloc où vous souhaitez ajouter le bloc et recherchez Table. Lorsque le bloc Tableau apparaît, cliquez dessus pour l'ajouter à votre contenu. Alternativement, vous pouvez utiliser l'outil d'insertion en haut à gauche de l'écran, ou taper /table et appuyer sur Entrée.

Cela ajoute le bloc de table où vous pouvez spécifier le nombre de colonnes et de lignes. Entrez le nombre de colonnes et de lignes que vous souhaitez pour votre tableau et cliquez sur Créer un tableau.

Votre tableau apparaîtra à l'écran où vous pourrez ajouter du contenu à la cellule et ajouter une légende en bas. Le style par défaut variera en fonction du thème WordPress que vous utilisez. J'utilise le thème WordPress Twenty Twenty-One pour mes exemples.

Paramètres et options du bloc de table

Regardons les paramètres et les options.

Barre d'outils du bloc de table

La barre d'outils Bloc de tableau apparaît au-dessus du tableau lorsque vous cliquez sur le tableau.

Modifier le type ou le style de bloc

Cela vous permet d'ajouter le tableau à un groupe, de définir le nombre de colonnes pour la mise en page (pas de colonnes de tableau) et de sélectionner le style que vous souhaitez pour le tableau. Il y a deux options pour le style. Le style par défaut a un arrière-plan uni, tandis que Stripes ajoute une bande grise à chaque autre ligne. En survolant les options, vous obtenez un aperçu.

Modifier l'alignement

Réglez le tableau à gauche, au centre, à droite, en grande largeur ou en pleine largeur. La grande largeur et la pleine largeur ne sont pas prises en charge par tous les thèmes. Je l'ai réglé sur grande largeur dans cet exemple.

Alignement des colonnes

Choisissez l'alignement pour chaque colonne individuellement. Réglez-les sur un alignement à gauche, au centre ou à droite. Dans cet exemple, j'ai défini la colonne de gauche sur Droite et le reste sur Centre.

Gras et italique

Les paramètres en gras et en italique ajustent le texte que vous avez mis en surbrillance. Tout texte dans le tableau ou la légende peut être mis en gras, en italique ou les deux. Vous devez sélectionner chaque cellule indépendamment.

Relier

Ajoutez un lien vers n'importe quoi dans le tableau ou la légende. J'ai ajouté des liens vers les noms des montres et dans la légende de cet exemple. Lorsque vous saisissez une URL, il recherche sur votre site Web les URL que vous avez déjà utilisées et les propose comme suggestions.

Plus d'options de tableaux

Cela ouvre une liste déroulante avec plusieurs options. Chacune des options suivantes est ajoutée à l'image ci-dessus :

Code en ligne – affiche le texte stylisé en tant que code.

Image en ligne - ouvre la bibliothèque multimédia où vous pouvez sélectionner une image à placer en ligne à l'emplacement de votre curseur. Vous pouvez sélectionner l'image pour modifier sa largeur.

Saisie au clavier – ajoute des balises de clavier à votre contenu pour définir la saisie au clavier. Il est affiché avec la police monospace par défaut du navigateur.

Barré – place une ligne dans le texte que vous avez mis en surbrillance.

Indice – rend le texte que vous avez mis en surbrillance en indice.

Exposant – rend le texte que vous avez mis en surbrillance en exposant.

Couleur du texte – vous permet de changer la couleur du texte que vous avez mis en surbrillance. Vous pouvez choisir parmi des couleurs prédéfinies, choisir une couleur à l'aide de l'outil de sélection de couleurs ou saisir la valeur sous forme de code hexadécimal ou RBG.

Modifier le tableau

L'option Modifier le tableau ouvre une liste déroulante dans laquelle vous pouvez insérer ou supprimer des lignes et des colonnes. Ajoutez-les avant ou après la ligne ou la colonne que vous avez sélectionnée. Cela permet de changer facilement la taille de votre table à tout moment. J'ai ajouté les deux dans cet exemple.

Options de blocage

Le bouton Options du bloc de table ouvre une liste déroulante avec plus d'options parmi lesquelles choisir. Les options de tableau incluent :

Masquer plus de paramètres - cette option masque la barre latérale droite pour vous offrir un espace de travail plus propre.

Copier – copie le bloc de table dans votre presse-papiers. Vous pouvez ensuite le coller où vous le souhaitez dans cette page ou cet article.

Dupliquer – crée un duplicata du bloc de table sous la table.

Insérer avant – insère un espace pour un bloc avant le bloc table.

Insérer après – insère un espace pour un bloc après le bloc de table.

Déplacer vers – place une ligne bleue dans l'éditeur de blocs. Vous pouvez déplacer la ligne vers le haut ou vers le bas à l'aide des touches fléchées. Une fois que vous obtenez la ligne bleue à l'emplacement que vous souhaitez déplacer votre bloc de table pour appuyer sur Entrée et votre bloc est automatiquement déplacé vers le nouvel emplacement.

Modifier en HTML - cette option change pour l'éditeur de code afin que vous puissiez le contenu en HTML.

Ajouter aux blocs réutilisables - cette option ajoute votre bloc de table aux blocs réutilisables afin que vous puissiez l'utiliser à nouveau sur n'importe quelle page ou publication.

Groupe - cela crée un groupe afin que vous puissiez ajuster tous les blocs ensemble.

Supprimer le bloc – cette option supprime le bloc de table.

Paramètres de bloc de table

Les paramètres du bloc de table sont placés avec les autres paramètres dans la barre latérale droite. Cliquez sur l'icône d'engrenage dans le coin supérieur droit si la barre latérale n'est pas ouverte, puis cliquez n'importe où dans le bloc de table pour afficher les paramètres. Vous verrez le mot Table avec une icône et une courte description. Vous verrez également des options pour les styles, la couleur, les paramètres du tableau et les paramètres avancés. Cliquez sur chacun des titres pour ouvrir leurs paramètres.

modes

Les styles de bloc de table vous permettent de choisir entre une table non rayée ou rayée. Vous pouvez également définir le style par défaut dans la liste déroulante sous les deux styles, ou vous pouvez le laisser comme non défini. Les styles fournissent un aperçu

Couleur

La couleur vous permet de contrôler les couleurs du texte, de la grille et de l'arrière-plan du bloc tableau. Choisissez parmi plusieurs couleurs présélectionnées ou sélectionnez une couleur personnalisée dans le sélecteur de couleurs.

Pour le texte et la grille, choisissez-en un seul. Pour le fond, choisissez une couleur unie ou créez un dégradé. Les couleurs du texte et de l'arrière-plan vous permettent de saisir le code hexadécimal ou RVB. Le dégradé de fond peut être linéaire ou radial. Linéaire comprend un paramètre vous permettant de contrôler la direction.

Dans l'exemple ci-dessus, j'ai sélectionné le blanc pour le texte et la grille, et sélectionné quelques nuances de bleu pour un dégradé radial.

Si vous avez sélectionné le style Rayure, la Couleur d'arrière-plan contrôlera la couleur des rayures de l'arrière-plan. Les rayures peuvent être un fond uni ou dégradé.

Paramètres du tableau

Les paramètres du tableau fournissent des options qui peuvent être activées ou désactivées. Les paramètres comprennent :

Largeur fixe – donne aux cellules la même taille, de sorte que le tableau semble cohérent. Il empêche les cellules de s'adapter à la taille de son contenu et de les rendre de tailles différentes.

Section d'en-tête - ajoute une ligne en haut avec du texte en gras. Elle est séparée des autres cellules par une ligne en gras. Ceux-ci se distinguent et fonctionnent comme des étiquettes pour les colonnes.

Section de pied de page – ajoute une ligne au bas du tableau qui fonctionne comme un pied de page. Il est séparé des autres cellules par une ligne en gras, mais le texte n'est pas en gras par défaut. C'est bon pour résumer des informations, fournir un total ou répéter le titre pour les grands tableaux.

Avancée

Les paramètres Advanced Table Block incluent une option pour une ancre HTML et un champ pour ajouter des classes CSS supplémentaires. L'ancre fonctionne comme une URL spéciale afin que vous puissiez créer un lien direct vers le bloc de table. Le champ Classes CSS vous permet d'ajouter une classe CSS personnalisée pour styliser le bloc. Il a une classe par défaut pour le style que vous avez sélectionné dans les paramètres de style.

Conseils et bonnes pratiques pour une utilisation efficace du bloc Table

Utilisez le bloc Table chaque fois que vous avez besoin d'afficher des données ou du contenu tabulés. Ne les utilisez pas pour créer des colonnes. Le bloc de colonnes est le meilleur pour cela.

Ajoutez un titre pour le tableau avec le bloc de paragraphe.

Créez des titres pour les lignes en ajoutant un en-tête. Utilisez des étiquettes claires et faciles à comprendre.

Utilisez la largeur fixe pour donner à la table un aspect plus soigné et professionnel.

Sélectionnez Rayures pour les tableaux plus grands afin de les rendre plus faciles à lire.

Utilisez un pied de page pour résumer les informations ou pour afficher à nouveau les titres si le tableau est volumineux.

Foire aux questions sur le bloc de table

Quelle est la meilleure utilisation du bloc Table ?

Ce bloc est idéal pour créer des tableaux et des graphiques.

Le bloc Table peut-il être utilisé pour créer des colonnes ?

Oui, mais cela ne vous donne pas assez de contrôle sur les colonnes. Il est préférable d'utiliser le bloc de colonnes pour cela.

La taille du tableau peut-elle être modifiée ultérieurement ?

Oui. Insérez ou supprimez des lignes ou des colonnes à l'aide des options du tableau.

Conclusion

C'est notre regard sur le bloc de table WordPress. C'est un excellent bloc pour créer des tableaux de base et vous pouvez même les styliser dans une certaine mesure pour correspondre à votre site Web. Ce bloc est l'un des avantages de l'éditeur de blocs. Les tables créées avec ce bloc sont simples, mais elles fonctionnent très bien et elles sont faciles à construire.

Nous voulons de vos nouvelles. Utilisez-vous le Bloc Table dans votre contenu WordPress ? Faites-nous part de votre expérience dans les commentaires.

Image en vedette via Seahorse Vector / shutterstock.com