Tutoriel Kadence : Explication des blocs de tableau avancés

Dans la présentation du contenu, un tableau bien structuré et visuellement hiérarchisé peutPrésentation efficace des informations clésL'utilisation d'un logiciel de gestion de l'information est souvent utilisée dans des scénarios tels que la comparaison des prix des produits, la planification des cours et la description des paramètres fonctionnels.Blocs Kadence dans l'application Tableau avancé Blocs pour WordPress Les utilisateurs ont la possibilité de créer des formulaires plus librement.

par rapport à l'indigène Gutenberg le module de formulaires.Tableau avancé Prise en charge de l'imbrication multicouche, contrôle de la mise en page réactive, paramètres de style personnalisés, pour mieux répondre aux exigences réelles de l'application.

Ajouter le bloc Tableau avancé

existent Gutenberg Dans l'éditeur, cliquez sur le "+" pour ajouter un bloc, recherchez-le et insérez-le. Tableau avancé.

Lors de la première insertion, vous serez invité à définir le nombre initial de lignes et de colonnes. Il est recommandé de définir la taille de base en fonction de la structure de contenu prévue, puis d'ajouter ou de supprimer des lignes et des colonnes à tout moment.

Chaque cellule d'un tableau (Données du tableau) contient par défaut des blocs de paragraphes et permet l'insertion de tout autre bloc de paragraphes. Blocs Kadence des modules tels que des images, des icônes, des boutons, des listes, etc.

Insérer du contenu avec des blocs imbriqués

Lorsque vous cliquez sur une cellule, vous pouvez saisir du texte directement.

Vous pouvez également appuyer sur / ou cliquez sur le signe plus pour insérer rapidement d'autres touches Gutenberg pour obtenir un effet d'imbrication.

Cette approche convient à l'affichage de structures de contenu plus complexes, telles que des graphiques mixtes, des données de type liste, des listes de prix avec des boutons, etc.

Gestion des rangs de table

Chaque ligne peut être sélectionnée individuellement et les positions haut et bas peuvent être ajustées à l'aide des flèches de la barre d'outils.

Cliquez sur le bouton "+" à la fin d'une ligne pour insérer rapidement une nouvelle ligne au-dessus ou au-dessous de la ligne actuelle, ou en haut ou en bas.

Chaque ligne prend en charge des paramètres de style indépendants, notamment

• Couleurs d'arrière-plan et couleurs d'arrière-plan au survol
• Hauteur de la ligne (supporte px, em, vh)
• Paramètres d'affichage réactifs : l'ordinateur de bureau, la tablette et le téléphone portable sont ajustés séparément.

Gestion de la colonne du tableau (Column)

Chaque colonne du tableau est présentée dans un bloc de données.

Les colonnes peuvent être déplacées à l'aide des icônes fléchées de la barre d'outils ; un clic sur l'icône plus ajoute une nouvelle colonne, qui peut être insérée à n'importe quel endroit.

Chaque cellule permet de définir des marges intérieures indépendantes (Padding), qui peuvent également être ajustées de manière réactive.

Si vous souhaitez contrôler finement la largeur de chaque colonne, vous pouvez désactiver l'option "Largeur de l'auto", entrez manuellement des valeurs en pourcentage ou en pixels pour améliorer l'adaptation sur différents appareils.

Paramètres généraux du formulaire

Après avoir sélectionné l'ensemble des Tableau avancé Après le bloc, des paramètres globaux peuvent être définis pour l'ensemble du module de formulaire.

Paramètres de base

• Nombre de lignes et de colonnes : réglable manuellement
• La première ligne est définie comme en-tête du tableau : set HTML L'étiquette passe à <th>Le style de police de l'en-tête du tableau est automatiquement appliqué à l'en-tête du tableau.
• Première colonne comme en-tête : s'applique également aux listes de données verticales

Correction de la fonctionnalité des lignes et des colonnes (nécessite Kadence Blocks Pro)

• Première ligne fixe (Sticky First Row) : souvent utilisée dans les formulaires longs avec un titre fixe.
• Première colonne collante : convient aux tableaux comparatifs paramétriques.

Les champs Hauteur maximale ou Largeur maximale doivent être définis pour activer l'effet d'affichage fixe en cas de défilement.

Défilement horizontal

• Activez le défilement Overflow X pour faire glisser horizontalement le contenu du tableau sur les appareils mobiles ou à écran étroit, ce qui résout efficacement le problème du contenu tronqué en raison d'un trop grand nombre de colonnes.

Style et paramètres visuels

Advanced Table offre un grand nombre de configurations de style, y compris mais sans s'y limiter :

• cadreLes couleurs : vous pouvez définir la couleur, l'épaisseur et choisir de ne l'appliquer qu'aux lignes.
• Bord interne de la celluleLes services de l'État : harmonisés ou séparés
• Style de policeLes contrôles de la police, de la taille de la police, de la couleur, de la hauteur de ligne, du poids de la police, de l'espacement de la police et d'autres contrôles sont pris en charge.
• Style de l'en-têteConfiguration individuelle des styles de police, des couleurs, etc. pour les en-têtes de tableau
• arrière-planLes couleurs d'arrière-plan peuvent être modifiées pour les lignes paires et impaires afin d'améliorer la lisibilité.
• ContexteSupport pour la définition de couleurs d'arrière-plan exclusives pour les colonnes individuelles
• votre taille (honorifique)Harmoniser les hauteurs des lignes du tableau

Paramètres avancés

• Les marges extérieures et intérieures peuvent être définies pour l'ensemble du bloc de formulaire, ce qui facilite le contrôle de l'espace blanc entre les modules.
• Vous pouvez enregistrer la configuration actuelle comme paramètre par défaut et utiliser automatiquement le même style lors de l'ajout de nouveaux formulaires.
• Support pour l'ajout de personnalisation CSS Noms de classe pour répondre à des exigences plus personnalisées en matière de style frontal

remarques finales

Tableau avancé fragmentaire (informatique) Blocs Kadence La typographie réactive et les capacités d'imbrication des blocs fournies par le plugin facilitent la création de structures de tableaux hautement contrôlables, esthétiques et fonctionnelles.

Qu'il s'agisse de présenter des offres de services, des programmes de cours ou des éléments de comparaison,FAQ ou en utilisant des modules de commerce électronique.Tableau avancé Tous offrent suffisamment d'expressivité et de souplesse pour faire partie intégrante de la mise en page du contenu.