Éditer des pages
Blocs intégrés
PageTree fournit une série de blocs prêts à l’emploi. Ce tableau résume leur rôle et leurs principaux champs.
Liste des blocs
| Bloc | Rôle | Principaux champs |
|---|---|---|
| Titre | Titre de niveau H1 à H5. | Texte du titre, Niveau du titre (H2 par défaut), Alignement. |
| Texte | Texte mis en forme. | Contenu (éditeur de texte enrichi). |
| Citation | Citation ou témoignage avec son auteur. | Citation, Auteur, Fonction, Alignement. |
| Questions / réponses | Liste de questions dépliables (FAQ). | Titre, Questions (Question, Réponse), Ouvrir la première question, Plusieurs réponses ouvertes à la fois, Signaler comme FAQ aux moteurs de recherche. |
| Image | Image avec légende et lien facultatif. | Image, Texte alternatif, Légende, Taille (Taille d’origine, Petite, Moyenne, Grande, Toute la largeur), Alignement, Lien, Ouvrir dans un nouvel onglet. Options avancées : titre, largeur, hauteur, ajustement. |
| Galerie | Grille d’images avec légendes et agrandissement au clic. | Images (Image, Texte alternatif, Légende), Nombre de colonnes, Format des vignettes, Agrandir au clic. |
| Vidéo | Vidéo YouTube ou Vimeo, ou fichier de la médiathèque. | Adresse de la vidéo, Ou fichier vidéo (prioritaire sur l’adresse), Légende, Format (16:9, 4:3, 1:1, 21:9). |
| Fichiers | Liste de fichiers à télécharger, avec leur type et leur taille. | Titre, Fichiers (Fichier, Nom affiché). |
| Bouton | Lien présenté comme un bouton, vers une page du site ou une adresse externe. | Texte du bouton, Lien, Style du bouton (Principal, Secondaire, Contour, Lien simple), Taille, Alignement, Ouvrir dans un nouvel onglet. |
| Appel à l’action | Encadré coloré avec un titre, un texte et un bouton. | Titre, Texte, Fond, Alignement, puis Texte du bouton, Lien, Style du bouton, Ouvrir dans un nouvel onglet. |
| Bannière | Grand titre en haut de page, sur une image ou une couleur. | Titre, Niveau du titre (H1 par défaut), Sous-titre, Image de fond, Voile sur l’image, Fond, Hauteur (jusqu’à Plein écran), Alignement, bouton. |
| Image et texte | Une image à côté d’un titre, d’un texte et d’un bouton. | Image, Texte alternatif, Position de l’image, Largeur de l’image (La moitié, Un tiers), Alignement vertical, Titre, Niveau du titre, Texte, bouton. |
| Cartes | Grille de cartes avec image, titre, texte et lien. | Titre de la liste, Nombre de colonnes (2 à 4), Cartes (Image, Texte alternatif, Titre, Texte, Lien, Texte du lien). |
| Section | Regroupe des blocs en 1 à 4 colonnes, avec un fond et des marges. | Largeur du contenu, Espace au-dessus et en dessous, Espace entre les colonnes, Alignement vertical des colonnes, Empiler les colonnes, Ancre, Fond, Couleur de fond, Image de fond, Voile sur l’image. |
| Espace | Espace vide entre deux blocs. | Hauteur (Petite à Très grande), Afficher une ligne de séparation. |
| Conteneur de grille | Mise en page CSS Grid libre contenant d’autres blocs. | Modèle de grille, colonnes, rangées et zones, cellules, espacement, alignements, classes CSS, couleur de fond, comportement sur mobile. |
| Composant CMS | Insère un composant October CMS enregistré par un plugin. | Les propriétés du composant. Voir Composants CMS. |
Tous les blocs ont en plus la case Affiché ?, qui permet de les masquer sur le site sans les supprimer.
Conseils d’utilisation
- Un seul H1 par page. La Bannière utilise H1 par défaut. Si la page a déjà son titre principal, choisissez H2.
- Texte alternatif. Décrivez l’image pour les personnes qui ne la voient pas. C’est aussi utile au référencement.
- FAQ. N’activez « Signaler comme FAQ aux moteurs de recherche » que sur un seul bloc Questions / réponses par page.
- Liens. Les champs Lien acceptent une page du site ou une adresse externe.
- Boutons facultatifs. Dans l’Appel à l’action, la Bannière et Image et texte, laissez le texte du bouton vide pour ne pas afficher de bouton.
Anciens blocs
Les blocs Titre H1 et Lien ne sont plus proposés dans la bibliothèque : ils sont remplacés par Titre et Bouton. Les pages qui les utilisent les affichent toujours, et ils restent modifiables.
Le bloc Logo a été retiré : le logo fait partie du layout du thème.
Les blocs Galerie et Vidéo ont une section Ancien format : elle conserve les champs des blocs créés avant la mise à jour 2.1.