Utilisez la section Texte lorsque vous souhaitez afficher un ensemble de texte en colonnes. Vous pouvez ajouter un Section de texte à une page pour relier facilement différentes pages du site Web ou pour ajouter des liens avec leurs descriptions.
Au fur et à mesure que vous ajoutez les éléments de la liste à cette section, les paramètres et le style que vous avez spécifiés lui seront appliqués. Cette section sera utile pour présenter l'équipe, les différents produits que vous vendez et à de nombreuses autres fins.
Dans cet article :
- Qu'est-ce qu'une section de texte ?
- Ajouter une section de texte
- Ajouter et modifier des éléments de liste
- Éléments de la liste de séquencement
- Suppression d'éléments de la liste
- Modification de la disposition des sections
- Gérer les éléments
- Options de style
- Le style carrousel
- Exemple en direct
Section de texte
- Si vous souhaitez ajouter du texte ou un lien dans un texte sans images, vous pouvez ajouter une section de texte.
Ajouter une section de texte
- Une section peut être ajoutée à une page. Vous pouvez soit ajouter une section à une page déjà existante, soit créer une nouvelle page au sein de votre site Web.
- Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.
- Vous verrez maintenant le catégories de rubriques sur le panneau de gauche.
- Choisissez le Menu (1) option et cliquez sur le Texte onglet (2) où vous pouvez choisir différentes mises en page (3).
- Choisissez n'importe quelle disposition de section et cliquez dessus pour l'ajouter à votre page.
- Vous pouvez gérer la largeur de la section à partir du paramètres de section et la largeur du contenu de la style de contenu.
- Gardez les titres, les sous-titres et les descriptions courts et clairs.
- Dans le champ de description, appuyez sur le Entrer bouton pour donner un saut de ligne et le Maj + Entrée bouton pour commencer à partir de la ligne suivante.
Ajouter et modifier des éléments de liste
Ajouter un élément de liste
Une fois que vous avez ajouté la section :
- Cliquez sur le Modifier le contenu (1) bouton pour ouvrir le panneau des éléments de la liste.
- Cliquez sur le Ajouter un article (2) bouton pour ajouter un nouvel élément de liste.
- Vous aurez l'option de Dupliquer et supprimer (3) les éléments de la liste.
Modifier l'élément de la liste
Cliquez sur l'élément de liste que vous souhaitez modifier. Il ouvrira les options d'édition d'éléments de liste particuliers.
- Ajouter un Objet (1), Sous-titre (2), et Description (3) de l'élément de liste.
- Vous ne trouverez peut-être pas l'option de sous-titre et de description dans des éléments de liste particuliers en fonction de la mise en page que vous choisissez.
Avant d'ajouter la description, vérifiez ceci. .
4. Action au clic
Vous pouvez personnaliser le comportement de clic des éléments individuels dans le Liste de texte section. Vous trouverez ci-dessous les options disponibles :
- Accéder à un lien
La sélection de cette option ouvre la Créateur de liens, vous permettant d'ajouter un lien hypertexte vers cet élément. Le lien peut diriger les utilisateurs vers une autre page de votre site Web ou vers une URL externe. En savoir plus à propos Créateur de liens. - Ouvrir dans la Lightbox
Cette option affiche l'élément dans une version agrandie Visionneuse vue lorsque vous cliquez dessus. Dans ce mode, le Sous-titre et Description associé à l'élément n'apparaîtra pas dans la vue grille mais sera visible en mode Lightbox. - Pas d'action
Choisissez cette option pour rendre l'élément non cliquable. Lorsque cette option est sélectionnée, cliquer sur l'élément ne déclenchera aucune action.
5. Ouvrir le lien dans une nouvelle fenêtre : Définissez le lien pour qu'il s'ouvre dans un nouvel onglet ou dans le même onglet. Cela ne sera visible que lorsque Accéder à un lien l'option est sélectionnée sous le Action au clic menu.
6. Boutons et liens : Ajoutez n'importe quel type de Lien à l'élément de la liste. Vous pouvez ajouter un bouton/un lien image/une icône sociale/un lien texte. Apprendre encore plus.
7. Sauvegardez : Après avoir effectué les personnalisations, enregistrez les modifications.
8. Remplacement du style de carte
Vous pouvez remplacer les paramètres de style de carte globaux à partir de la section Paramètres de style et personnalisez la fiche de chaque élément individuellement dans la section Liste d'images. Cela vous permet d'appliquer des styles uniques à différents éléments de la liste pour une meilleure personnalisation.
Apprendre encore plus à propos de l'option Cartes dans la section dynamique.
Voir la modification d'un élément de liste de texte en action :
Éléments de la liste de séquence
- Vous pouvez facilement faire glisser et déposer les éléments de la liste pour modifier la séquence.
Supprimer un élément de liste
Une fois que vous avez ajouté un élément de liste, vous pouvez le modifier ou le supprimer.
- Cliquez sur le Supprimer icône à côté de l'élément de la liste.
- Cliquez sur le Supprimer bouton dans la fenêtre de confirmation.
- Enregistrer les changements.
Les éléments de la liste une fois supprimés ne peuvent pas être récupérés.
Disposition des sections
- Cliquez sur le Modifier le contenu (1) bouton.
- Choisissez le Mise En Page (2) onglet.
- Sélectionnez n'importe quelle mise en page et Enregistrer (3) vos modifications.
Section Gérer les éléments du texte
La section Liste de textes comprend un Onglet Eléments qui vous permet de gérer facilement la visibilité des différents éléments de la section. À l'aide de simples commutateurs à bascule, vous pouvez activer ou désactiver des éléments spécifiques sans avoir à supprimer ou modifier les éléments eux-mêmes.
- Cliquez sur le Modifier le contenu (1) bouton.
- Choisissez le Éléments (2) onglet.
- Après avoir effectué les modifications, appuyez sur le bouton Enregistrer (3) bouton.
Options des sections
- Afficher le titre: Activez ou désactivez la visibilité du titre pour la section Liste de texte.
- Afficher les boutons: Contrôlez si les boutons sont affichés au niveau de la section.
Options des articles
- Montrer le titre: Contrôle si le titre est affiché.
- Afficher le sous-titre: Activer ou désactiver les sous-titres.
- Montrer la description: Gérer la visibilité des descriptions d'articles.
- Afficher les boutons:Décidez si les boutons des éléments individuels doivent être affichés.
Donnez du style à votre rubrique
- Cliquez sur le Modifier le contenu (1) bouton.
- Choisissez le Style (2) onglet.
- Modifiez le style des éléments de la liste et Enregistrer (3) vos modifications.
Vous aurez plusieurs options de style pour cette section :
- Options d'affichage
- Affichage mobile
- Alignement
- Taille du texte
- espacement
- Titre de la section
- Options de carte
- Options d'ombre
- Boutons et liens
Options d'affichage
- Choisissez d' Afficher les éléments in lignes et colonnes or carrousel
- Si vous avez choisi le lignes et colonnes option, les éléments de la liste seront disposés en lignes et en colonnes. Dans ce cas, vous devez spécifier le nombre de lignes et de colonnes.
- Si vous avez choisi le carrousel option, les éléments de la liste seront présentés sous forme de diaporama. En savoir plus.
- Mettez le Le nombre de colonnes pour la liste de textes. Vous pouvez choisir de 1 à 10 colonnes.
- Spécifie le Espace entre les colonnes des éléments de la liste.
- Spécifie le Espace entre les lignes des éléments de la liste.
Si l'option Carrousel est sélectionnée à l'étape 1, vous verrez les options supplémentaires suivantes :
- Activer le défilement fluide:Permet le défilement continu des éléments dans le carrousel pour une expérience fluide et visuellement attrayante.
- Glissement automatique: Fait pivoter automatiquement les diapositives sans interaction de l'utilisateur.
- Afficher la progression de la lecture automatique: Affiche un indicateur de progression pendant que la lecture automatique est active pour une meilleure visibilité.
- Délai de lecture automatique: Définit l'intervalle de temps entre chaque transition de diapositive lorsque la lecture automatique est activée.
- Boucle du carrousel: Permet une boucle continue des diapositives, de sorte que le carrousel redémarre de manière transparente après la dernière diapositive.
- Commandes du carrousel: Choisir la Commandes de navigation. Vous pouvez choisir entre Aucun contrôle, Flèches – En bas au centre/En haut à droite/En bas à droite, Chevron, Points et Défilement horizontal.
Affichage mobile
- Réglez le nombre de Colonnes de la grille pour les appareils mobiles. Vous pouvez le définir sur un maximum de 3 colonnes.
- Définir la espacement entre les grilles (en pixels).
Disposition des colonnes spécifique à l'appareil basée sur les paramètres du studio :
Alignement
- Alignement du contenu : Alignez le contenu horizontalement dans la liste de texte. Vous pouvez les définir pour qu'ils soient alignés à gauche, à droite ou au centre.
Taille du texte
- Cliquez sur le Modifier le style de texte bouton pour visiter le Design section et gérer vos tailles et styles de police.
- Mettez le Objet style de police pour les éléments de liste de la section.
- Mettez le Sous-titre style de police pour les éléments de liste de la section.
- Définir la valeur par défaut Description style de police pour les éléments de liste de la section.
Vérifiez également: Style de texte du site Web. - Activez cette option pour animer n'importe quels nombres Présent dans le Objet et Sous-titre Lorsque cette option est activée, les valeurs numériques s'affichent avec une animation de comptage dynamique, ce qui les rend plus attrayantes visuellement.
espacement
- Spécifie le Largeur du contenu pour les éléments de la liste.
- Spécifie le Espace sous le titre de la section en px.
- Spécifie le Espace sous les titres des éléments de la liste (en %).
- Spécifie le Espace sous les sous-titres des éléments de la liste (en %).
Titre de la section
- Aligner horizontalement le texte du titre de la section. Vous pouvez le définir à gauche, au centre et à droite.
- Activer/désactiver le Cloison entre le titre de la section et le contenu de la section.
- Mettez le épaisseur du diviseur (en px).
- Spécifie le Couleur du séparateur du sélecteur de couleurs.
- Choisissez un Style de séparation de la liste déroulante.
- Mettez le Largeur du titre pour définir la largeur du titre de la section, à partir d'un minimum de 50 %.
Options de carte
- L'entreprise pour gérer les cartes.
Options d'ombre
- Écran – Choisissez d'afficher toujours l'ombre derrière les éléments de la liste ou uniquement au survol.
- Style – Choisissez parmi les préréglages existants ou créez une ombre personnalisée.
Si vous avez choisi l'option personnalisée, visitez ce Générateur d'ombre de boîte pour créer une ombre personnalisée. Enfin, copiez et collez le boîte ombre CSS. - Si vous avez choisi l'option de préréglages, alors Choisissez les styles d'ombre de la liste déroulante.
Les paramètres de style seront appliqués à tous les éléments de la section. Ils ne peuvent pas être modifiés pour chaque élément de la liste individuellement.
Boutons et liens
- L'entreprise pour gérer le style des boutons et des liens.
Le style carrousel
Le style Carrousel affiche les éléments de la liste sous forme de diaporama, c'est-à-dire que les éléments de la liste défileront les uns après les autres.
Découvrez comment fonctionne le style carrousel :
Afficher l'élément de la liste de texte en tant que carte
- Quand vous choisissez de Afficher carte sur votre liste de texte, les éléments de la liste auront un arrière-plan avec la couleur de la carte que vous avez spécifiée dans le Design .
Regarde aussi: Couleurs et espacement du site Web.
Jetez un oeil:
Voici une liste de texte en direct :
