Cette page explique comment modifier chaque partie du site depuis Ghost. Rien ici ne demande de toucher au code : tout se fait dans l'éditeur.
Le principe
La page d'accueil est faite de sections, et chaque section est une page. Si la page existe, la section apparaît. Si elle n'existe pas, ou si elle est vide, ou si elle porte l'étiquette #hidden, la section disparaît — sans rien casser.
Ces pages ont un identifiant (le « slug ») qui ne doit pas changer : c'est par lui que le site les retrouve. Le renommer fait disparaître la section, sans message d'erreur.
Les pages de la page d'accueil
| Slug | Section |
|---|---|
| index-hero | le bandeau vert du haut |
| index-atouts | le bandeau violet juste en dessous |
| index-formes | « Commencez par la forme » |
| index-fait-main | « Le fait main » |
| index-tissus | « Le tissu fait tout », le bandeau orange |
| index-surmesure | « Vous imaginez, je façonne », le bandeau violet |
| index-avis | « Ce qu'on m'écrit » |
| index-atelier | « Bonjour, moi c'est Sophie » |
| index-agenda | le titre au-dessus des dates |
| index-newsletter | le bandeau vert du bas |
La page « Accueil » elle-même sert à deux choses : sa photo à la une est la grande photo du bandeau vert, et son texte s'affiche sous le bandeau violet, avant les autres sections.
Les trois champs, toujours les mêmes
| Champ | Ce qu'il devient |
|---|---|
| Titre | le titre de la section |
| Extrait | la phrase sous le titre (dans les réglages de la page, « Excerpt ») |
| Contenu | ce que la section répète : les photos, les cartes, les boutons |
| Photo à la une | la photo de la section, quand elle en a une (l'accueil, l'atelier, le sur-mesure) |
L'extrait n'est pas le début du texte : c'est un champ à part, dans les réglages de la page. Laissé vide, la ligne n'apparaît pas.
Deux sections font exception, et leur titre ne s'affiche pas : le bandeau vert du haut, dont le grand titre est le premier titre (Heading) écrit dans le contenu, et le bandeau violet, qui n'a pas de titre du tout. Dans les deux cas le champ Titre ne sert plus qu'à retrouver la page dans l'admin et à Google.
Ajouter une entrée
Une forme, un tissu
Dans le contenu de index-formes ou index-tissus, ajoutez une carte Image par entrée, et écrivez sa légende : la légende devient le nom sous la photo. Une image = une case. Il n'y a pas de nombre imposé.
Une carte du « fait main », un avis
Dans le contenu de index-fait-main ou index-avis, écrivez un titre (Heading) puis un paragraphe, autant de fois que nécessaire. Chaque paire titre + paragraphe devient une carte. Pour les avis, le titre est le prénom et la date, le paragraphe est le message.
Un mot en jaune
Dans le contenu de index-hero, écrivez le grand titre comme un titre (Heading) tout en haut, puis le paragraphe en dessous. Mettez en italique le mot à faire ressortir : il s'affiche en jaune, et pas en italique. Cela marche dans le grand titre comme dans le paragraphe.
Le bandeau violet
Dans le contenu de index-atouts, écrivez une liste à puces : un argument par ligne (« Fait main », « Pièce unique »…). Le losange orange entre les arguments est ajouté tout seul, il n'y a rien à taper.
La photo du bandeau « Vous imaginez, je façonne »
Ce bandeau affiche la photo à la une de la page index-surmesure, à droite du texte. Tant qu'il n'y en a pas, le texte occupe toute la largeur du bandeau : rien ne casse.
Un bouton
Dans le contenu de index-hero ou index-surmesure, ajoutez une carte Bouton. Le lien se choisit dans la fenêtre de l'éditeur, il n'y a pas d'adresse à taper.
Une date d'agenda
Créez une page, étiquetez-la #agenda. Le titre est le type et le lieu (« Marché de créateurs — Groffliers »), l'extrait est la date et le lieu (« 6–7 juin 2026 · Groffliers (62) »), le contenu est le détail. Les trois prochaines s'affichent sur l'accueil, toutes sur la page Agenda.
La page « Qui suis-je »
Cette page s'écrit entièrement dans l'éditeur, d'un seul tenant : il n'y a pas de sous-pages à créer.
- La photo à la une est le portrait, en haut à droite ; l'extrait est la petite ligne orange au-dessus du titre ; le titre est le grand titre.
- Chaque chapitre commence par un petit titre (Heading 3) : c'est l'étiquette orange dans la marge, et le trait au-dessus est ajouté tout seul. Le grand titre du chapitre (Heading 2) vient juste après, puis les paragraphes.
- Pour le parcours, écrivez une liste à puces. Dans chaque puce : la date et le titre en gras, puis un retour à la ligne (Maj + Entrée) et le texte.
- Pour les étapes de fabrication, écrivez une liste numérotée et mettez le nom de l'étape en gras au début : les numéros 01, 02… sont ajoutés tout seuls.
- Une photo insérée seule occupe toute la largeur.
- Pour l'encadré de fin, insérez une carte Rappel (Callout) jaune, puis les cartes Bouton juste en dessous.
Les étiquettes
| Étiquette | Effet |
|---|---|
| #hidden | masque la section ou la date, sans la supprimer |
| #agenda | la page devient une date de l'agenda |
| #footer | la page est listée dans « Informations », en bas |
| #contact | la page est listée dans « Contact », en bas ; son titre est le texte du lien |
| #collection | la page est une collection (page Collections) |
| #creation | la page est une création (page Créations) |
Les étiquettes qui commencent par # sont internes : elles ne s'affichent nulle part sur le site.
Ce qui ne se modifie pas ici
- Le menu du haut et le bouton Contact : Réglages → Navigation.
- Le nom en haut à gauche, le texte de bas de page et les libellés des boutons « En savoir plus » : ils sont dans le thème.
- Les couleurs et les polices : elles sont dans le thème aussi.
À savoir
- Une section vide se cache toute seule : tant qu'il n'y a pas au moins une image ou une carte, elle n'apparaît pas.
- Ne renommez pas le slug d'une page index-… : la section disparaîtrait silencieusement.
- Ces pages sont visibles à leur propre adresse (par exemple /index-formes/), où elles s'affichent sans mise en forme. C'est normal.
- Le formulaire d'inscription à la lettre d'information ne fonctionne pas encore.