Point - Éditeur WISIWYG avec onglets

Introduction

WYSIWYG avec onglets vous permet d’utiliser l’éditeur WYSIWYG déjà familier, mais avec plusieurs boutons de chapitres qui permettent aux utilisateurs de naviguer entre eux sans quitter la page.

Prérequis

• Licence produit Point

Avantages

Souvent, les gens ne lisent pas les pages longues. Ce composant vous permet de mettre en avant les chapitres pour un aperçu immédiat "d’un coup d’œil" pour vos utilisateurs. Ils peuvent ensuite interagir avec les chapitres qui les intéressent sans avoir à naviguer.

Rapide et facile à utiliser, car vous construisez tout votre contenu sur une seule page (au lieu de pages intégrées).

Comment configurer

• Vous avez besoin d’un modèle de page qui contient le composant "WYSIWYG avec onglets".

• Créez une page dans l’administration des pages. Assurez-vous que cette page utilise un modèle de page avec ce composant.
• Allez sur la page et commencez l’édition.
• En mode édition, vous accédez aux options "WYSIWYG avec onglets" en cliquant sur la roue dentée en dessous.

• Ouvrir les paramètres et sauvegarder une fois vous permettra de commencer à ajouter du contenu à chaque onglet. Utilisez le symbole plus dans le composant "onglets" comme vous le feriez avec l’éditeur normal. Vous voudrez peut-être modifier certains paramètres avant de continuer. (Voir guide ci-dessous)

Cliquez sur chaque onglet pour modifier le contenu à l’intérieur.

Premiers pas – Édition de texte (WYSIWYG)

Les paramètres du "WYSIWYG avec onglets" se trouvent directement sous le contenu. Cela peut être difficile à trouver car le contenu ressemble beaucoup à celui de l’éditeur normal. Vous trouverez toujours les paramètres de ce composant en cherchant la roue dentée.

Paramètres généraux

Ici, vous définissez les paramètres globaux pour tous les onglets.

• Paramètres des onglets : Deux façons différentes de visualiser les boutons des onglets.
• Aligner les onglets : Gauche, droite ou centre, cela vous permet de suivre la position générale du texte ou le design de votre page.
• Pleine largeur : Étend la couleur de fond de la barre jusqu’au bord de la fenêtre.
• Inverse : Couleur du texte et des icônes sombre ou claire pour contraster avec le fond.
• Icônes : Utilisez des icônes système pour mettre en valeur les boutons.
• Position de l’icône : Positionnez l’icône à gauche, au-dessus ou à droite du texte.

Paramètres des onglets individuels

Ici, vous contrôlez chaque onglet individuellement.

• Ajouter un nouvel onglet : Cliquez pour ajouter un autre onglet à la liste. Lors de l’enregistrement, cet onglet sera disponible pour y ajouter du contenu.
• Glisser-déposer : Vous pouvez réordonner les onglets en cliquant et en maintenant le symbole à points à gauche.
• Icône : Utilisez une des icônes système pour mettre en valeur votre onglet.
• Nom : Texte à afficher sur l’onglet.
• Actions - Dupliquer : Dupliquez l’onglet pour en créer un nouveau rapidement.
• Actions - Supprimer : Supprimez l’onglet (voir la note importante ci-dessous car supprimer un onglet peut entraîner la perte de contenu)

Important à noter :

Supprimer un onglet. Cette action est irréversible et peut entraîner la perte du contenu stocké dans l’onglet. Soyez absolument sûr d’avoir copié tout contenu que vous souhaitez conserver avant de supprimer un onglet.

Comme mentionné plus haut, une fois vos onglets configurés, utilisez le symbole plus suivant pour construire comme vous le feriez avec l’éditeur normal.

Premiers pas – Édition de texte (WYSIWYG)