Composer une page avec des blocs

Le contenu d'une page se construit en empilant des blocs. Vous les retrouvez au même endroit pour la page d'accueil (entrée Page d'accueil, section Blocs de contenu de l'accueil) et pour les autres pages (entrée Pages, puis Modifier le contenu, section Contenu de la page).

Pour voir votre page se construire à mesure que vous écrivez, cliquez sur Éditer avec aperçu, en haut à droite de cette section : le guide « Éditer une page avec l'aperçu en direct » détaille ce mode.

Ajouter un bloc

1. Sous la liste des blocs existants, repérez la mention Ajouter un bloc et la rangée de types proposés.
2. Cliquez sur le type voulu : le bloc s'ajoute en bas de la liste, marqué Non enregistré en orange.
3. Remplissez ses champs, puis cliquez sur Ajouter à la page, en bas à droite du bloc. Ensuite, le bouton devient Enregistrer le bloc.

Pas d'idée pour démarrer ? Un modèle remplit l'accueil et crée des pages à votre place : voir « Partir d'un modèle de site ou de page ».

Les types de blocs

• Texte : un texte mis en forme (gras, italique, titres, listes, citations, liens).
• Image : une image de votre banque de médias. La liste Taille propose Toute la largeur, Moyenne ou Petite, et le champ Lien au clic (optionnel) en fait un lien.
• Image + texte : une image à côté d'un texte, à gauche ou à droite.
• Bannière : un grand titre, une phrase d'accroche et jusqu'à deux boutons, sur une image de fond si vous le souhaitez. La liste Hauteur propose Moyenne, Grande ou Plein écran. Une nouvelle bannière s'étend d'un bord à l'autre de l'écran, sur un fond aux couleurs inversées de votre site. Cliquez à nouveau sur l'image choisie pour la retirer.
• Cartes : des encarts côte à côte, chacun avec une icône (bouton à gauche de la carte, 57 icônes au choix) ou une image, un titre, un texte et un lien facultatif. Réglez Cartes par ligne (2, 3 ou 4) et la Présentation (Cartes encadrées ou Sans cadre). 12 cartes au plus.
• Témoignages : ce que disent vos clients ou vos adhérents, avec leur nom, une précision et une photo facultatives. 12 au plus.
• Tarifs : jusqu'à 4 formules côte à côte, avec nom, prix, période et ce qui est inclus (une ligne par point). Cochez Mettre en avant pour encadrer une formule, et ajoutez une Pastille (par exemple « Le plus choisi »).
• Étapes : un déroulé numéroté (premier contact, rendez-vous, suivi…). Jusqu'à 4 étapes, elles s'affichent côte à côte ; au-delà, en frise verticale. 10 au plus.
• Formulaire, sondage, rendez-vous… : un de vos formulaires, sondages, pages de rendez-vous ou albums photo, directement dans la page. Voir « Afficher un formulaire, un sondage, un rendez-vous ou un album sur mon site ».
• Galerie photo : une grille d'images, avec agrandissement au clic.
• Citation : une phrase mise en avant, avec son auteur.
• Bouton : un libellé et une adresse (par exemple « Adhérer »), placé à gauche, au centre ou à droite de la page.
• Séparateur et Colonnes : pour aérer et structurer la page.
• Équipe : un trombinoscope, avec photo, nom et rôle.
• Partenaires : les logos et liens de vos partenaires.
• Questions fréquentes : une liste de questions qui se déplient.
• Chiffres-clés : vos chiffres marquants, en grand.
• Téléchargements : les documents PDF de votre banque de fichiers.
• Vidéo : une vidéo YouTube, qui ne se charge qu'au clic du visiteur.
• Carte : votre adresse sur une carte OpenStreetMap. Le bloc reste masqué si vous avez choisi de ne pas afficher votre adresse.
• Newsletter : la zone d'inscription à votre newsletter, à placer où vous voulez.

Les liens des blocs

Les boutons, cartes, bannières, tarifs et images acceptent une adresse complète (https://…), une adresse e-mail (mailto:), un numéro de téléphone (tel:) ou une page de votre site : /contact pour la page de contact, ou /p/ suivi du nom de la page, tel qu'il s'affiche dans la liste des pages (par exemple /p/tarifs). Un lien vers une autre adresse s'ouvre dans un nouvel onglet ; un lien vers une page de votre site s'ouvre dans le même.

Aligner le texte, placer un bouton ou une image

Sous les champs des blocs Texte, Image + texte, Citation, Colonnes, Bannière, Cartes, Témoignages et Étapes, la ligne Texte : propose À gauche (le choix par défaut), Au centre et À droite. Un texte centré se place aussi au milieu de la page, au lieu de rester calé à gauche.

Pour une image en taille Moyenne ou Petite, la même ligne s'appelle Position :. Dans un bloc Bouton, c'est la liste Position du bouton, sous les champs du libellé et de l'adresse.

Habiller une section

Sous les champs de chaque bloc, le panneau repliable Style de la section règle le fond (couleur, image, encadré ou toute la largeur), l'espacement et la couleur du texte. Tous les réglages sont expliqués dans « Mettre en forme une section de mon site ».

Ordonner, dupliquer, supprimer

En haut de chaque bloc, la poignée à six points, tout à gauche, permet de le glisser à une autre place. À droite du type de bloc se trouvent les boutons Replier, Dupliquer, Monter, Descendre et Supprimer. Un bloc supprimé se récupère pendant 10 secondes avec Annuler, dans le bandeau qui s'affiche en bas de l'écran. Tous les détails sont dans « Éditer une page avec l'aperçu en direct ».

Une page accepte jusqu'à 60 blocs. Pensez à enregistrer : un bloc marqué Non enregistré ou Modifié n'est pas encore à jour sur votre site. Le bouton Tout enregistrer, en haut à droite de la section, enregistre d'un coup tous les blocs modifiés.