Comment rendre l'en-tête d'un tableau collant sur WordPress (3 étapes faciles)

Vous cherchez un tutoriel sur la façon de rendre l'en-tête d'un tableau collant dans WordPress ? Nous en parlerons dans un instant. Assurez-vous de nous suivre attentivement.

Un en-tête de tableau collant offre une bonne expérience à l'utilisateur, en particulier sur les pages contenant de nombreuses données ou de longs tableaux comparatifs.

Il peut améliorer efficacement la lisibilité et la navigation dans les articles comportant de longs tableaux, en facilitant le suivi des données par les lecteurs au fur et à mesure qu'ils défilent vers le bas.

Maintenant, apprenons à rendre l'en-tête d'un tableau collant dans WordPress.


Comment rendre l'en-tête d'un tableau collant dans WordPress

Vous trouverez un noyau bloc de table dans WordPress, mais les fonctionnalités du bloc tableau sont si basiques que vous n'y trouverez pas l'option de l'en-tête collant.

Par conséquent, nous allons utiliser un plugin tiers de construction de tableaux dédié à vous aider à créer des tableaux impressionnants dans l'éditeur de blocs Gutenberg, et c'est Tableberg.

Tableberg est un plugin de bloc de table tiers qui vous permet de créer n'importe quel tableau dans l'éditeur de blocs de Gutenberg.

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

Étape 1 : Installer Tableberg

La première étape consiste à installer le plugin Tableberg. Pour cela, rendez-vous dans le tableau de bord de votre site web WordPress.

Maintenant, naviguez vers Plugins (1) > Ajouter un nouveau plugin (2). Recherchez Tableberg dans la boîte du plugin de recherche (3). Cliquez sur "Installer maintenant" (4).

Comment rendre l'en-tête d'un tableau collant dans wordpress

Après avoir installé le plugin, vous devez l'activer.

Note: Pour utiliser l'option de l'en-tête collant, vous devez obtenir l'option de l'en-tête collant. version pro de Tableberg. La version gratuite n'inclut pas cette option.

Étape 2 : Accédez à votre article ou à votre page

Naviguer Messages (1) > Tous les messages (2) et modifier ce message ou cette page (3). N.B. Il en va de même pour la modification d'une page, mais vous devez d'abord aller dans Pages > Toutes les pages.

Étape 3 : Rendre l'en-tête de votre tableau collant

La première étape consiste à faire de la première ligne l'en-tête du tableau.

Sélectionnez d'abord votre table. Cliquez sur les paramètres en haut à droite (1). Naviguer vers le bloc (2) > Paramètres (3). Activer l'option "Créer l'en-tête de la rangée supérieure(4).

Faites défiler vers le bas, recherchez le Rangée supérieure collante et l'activer. Maintenant, l'en-tête de votre tableau est devenu un en-tête collant.

Vous pouvez également choisir une couleur différente pour votre en-tête afin de faire ressortir votre en-tête autocollant. Les étapes sont les mêmes que dans l'image ci-dessus. La seule différence est que vous devez choisir Style (1) > Arrière-plan de l'en-tête (2) > Choisir la couleur (3). (N.B. Cette étape est facultative.)

Voilà comment créer un en-tête de tableau collant. Voici à quoi ressemble votre tableau ci-dessous.


Dernières réflexions !

L'ajout d'un en-tête de tableau collant dans WordPress est un léger ajustement qui peut avoir un impact efficace, en rendant les tableaux lourds de données beaucoup plus conviviaux. Cette amélioration permettra d'améliorer l'expérience des visiteurs de votre site web.

En suivant ces étapes, vous pouvez créer un tableau accessible et d'aspect professionnel avec un en-tête collant qui reste visible lorsque les utilisateurs font défiler la page.

Ce n'est pas aussi compliqué qu'il n'y paraît à première vue.
J'espère que vous avez compris le tutoriel. Il vous a aidé à faire rapidement de l'en-tête de la rangée supérieure de votre tableau un en-tête collant.

Si vous rencontrez des difficultés à suivre le tutoriel, n'hésitez pas à m'en faire part dans la section des commentaires ci-dessous. Je suis là pour vous aider, et je suis plus qu'heureux de le faire.

Articles connexes



L'équipe Tableberg