Que faire si un champ contient trop d'informations ? Utiliser les onglets pour le regroupement

existent WordPress Dans la gestion de contenu web, les pages de produits, les pages de cours ou les types d'articles personnalisés utilisent souvent un grand nombre de champs pour contenir des détails, par exemple :

• Paramètres du produit (modèle, poids, matériau)
• Contenu du cours (introduction, programme, présentation de l'enseignant, FAQ)
• Description des services (étendue des services, description des prix, informations destinées aux utilisateurs)

Si tous les champs sont empilés dans la même page, la lecture sera confuse pour les utilisateurs et le professionnalisme et l'esthétique de la page s'en trouveront diminués.

Cet article vous guidera dans l'utilisation de l'applicationongletLes onglets sont regroupés pour afficher le contenu des champs.

I. Avantages des onglets

Des onglets (onglets de commutation) sont possibles :

• Regroupement de différents types d'informations pour l'affichage
• utiliser avec parcimoniepage webLongueur, pour éviter les contenus trop longs
• Améliorer l'esthétique et le professionnalisme des pages
• Permettre aux utilisateurs de trouver rapidement les informations dont ils ont besoin

Deuxièmement, sans code, la production du contenu du champ Tab Tab page méthode

Pour les nouveaux arrivants, il est recommandé d'utiliser Plugin d'édition de pages Mettre en œuvre la fonctionnalité des onglets, par exemple :

Méthode 1 : Utiliser la version gratuite d'Elementor

Elementor C'est l'un des éditeurs de pages les plus utilisés sur WordPress, et la version gratuite est livrée avec un widget d'onglets pour une utilisation facile.

Les étapes :

1) Dans l'arrière-plan de WordPress, cliquez sur [Pages], sélectionnez la page que vous voulez éditer et cliquez sur [Editer avec Elementor].

2) Recherchez "Onglets" sur le côté gauche, puis faites un glisser-déposer. Onglets Aller à la page

3) Modifier le titre et le contenu de chaque onglet.

4) Si le contenu provient d'un champ, vous pouvez copier le contenu du champ et le coller dans l'onglet correspondant.

Exemple :

• Onglet 1 Titre : Description du produit
• Onglet 1 Contenu : Copier et coller le champ de description du produit
• Onglet 2 Titre : Paramètres du produit
• Onglet 2 Contenu : Copier et coller des champs de paramètres
• Onglet 3 Titre : Questions fréquemment posées
• Onglet 3 Contenu : Copier et coller FAQ champ

5. cliquez sur [Update] pour enregistrer la page

Méthode 2 : utiliser le plugin Gutenberg Editor Block

Si vous utilisez l'éditeur par défaut de WordPress (Gutenberg), vous pouvez installer des plugins de blocage qui prennent en charge la fonctionnalité des onglets, par exemple :

• Blocs Kadence
• Spectra (anciennement connu sous le nom de Ultimate Addons for Gutenberg)

Les étapes :

• Installez et activez le plug-in (allez à l'arrière-plan [Plug-in] → [Installer le plug-in] et recherchez le nom du plug-in).

• Lors de l'édition d'une page, recherchez "Onglets" dans la sélection des blocs.

• Insérez le bloc Onglets et ajoutez le nombre requis d'onglets.

• Coller le contenu du champ correspondant dans chaque onglet
• Page mise à jour

Méthode 3 : Utilisez la fonction Tab qui est fournie avec le thème.

Certains thèmes avancés (tels que Astra ProLe composant Tab est fourni avec Blocksy Pro, qui peut être inséré directement pendant l'édition de la page sans qu'il soit nécessaire d'installer un plug-in.

Regroupement des onglets pour l'affichage des notes d'application

Grâce aux onglets, vous pouvez déplacer un grand nombre de pages dans l'ongletchampLe contenu est divisé logiquement en différentes parties, de sorte que la structure globale est plus claire. Par exemple, l'introduction, les paramètres, les questions fréquemment posées, les méthodes d'utilisation et d'autres informations sont placés séparément, de sorte que les visiteurs peuvent cliquer sur le commutateur pour afficher le contenu requis, afin d'éviter la confusion visuelle causée par l'empilement continu du contenu de la page.

Lors de la conception des onglets, vous pouvez déterminer l'ordre de regroupement et l'appellation en fonction du type de contenu du champ afin de garantir que chaque onglet présente un bloc de contenu distinct facile à comprendre et à lire.

IV. conseils

• Le contenu de la balise Tab est adapté pour placer des éléments logiquement séparésbloc de contenu
• Il est recommandé de limiter le nombre d'onglets à 3-5 afin d'éviter des choix difficiles pour les utilisateurs.

• Le contenu de chaque onglet doit être aussi simple que possible, en donnant la priorité aux informations essentielles.

V. Résumé

En utilisant des onglets pour afficher le contenu des champs par groupes, la page sera plus ordonnée, plus facile à naviguer et le design général sera plus professionnel. Pour les novices de WordPress, aucun code n'est nécessaire, il suffit d'utiliser Elementor,Blocs Kadence ou le thème est livré avec un composant, c'est un jeu d'enfant.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.