Admin Structure

Structure des contenus / éditoriale

Élément	Champ	Usage page parent	Usage page enfant	Impact SEO
Titre	title WordPress	Titre de section	H1 de la page enfant	Indexable si contenu complet
Accroche	fi_accroche	Phrase d’introduction courte	Accroche sous le titre	Renforce le contexte sémantique
Description courte	fi_description_courte	Texte affiché dans la page parent	Résumé éventuel	Nécessaire pour différencier parent/enfant
Contenu détaillé	content WordPress	Affiché seulement si pas de description courte	Contenu principal de la page enfant	Indexable seulement si description courte + content
Image principale	image à la une	Image du bloc média	Image hero ou média principal	Alt optimisé conseillé
Galerie	fi_galerie	Galerie max 4 images	Galerie complète	Améliore l’expérience, peu d’impact direct SEO
Vidéo	fi_video	Vidéo affichée sur l’image à la une	Vidéo complète dans le bloc média	Intéressant si titre/texte autour de la vidéo
Disposition média	fi_disposition_media	Auto / gauche / droite	Identique ou forcée	Aucun impact SEO direct
Position galerie	fi_position_galerie	Sous image / sous section / masquée	Galerie complète	Aucun impact SEO direct

tableau logique SEO

fi_description_courte	Content	Affichage dans la page parent	Page enfant	Balise robots
Oui	✔	fi_description_courte	content complet	index
Oui	✘	fi_description_courte	page possible mais non référencée	noindex
Non	✔	content	page possible mais non référencée	noindex
Non	✘	rien	brouillon / section vide	noindex

Modèles de rendu

Nom affiché	Nom technique	Description	Classe CSS principale
Hero principal	`hero_main`	Hero de page parent ou page d’accueil.	`ch-section--hero-main`
Hero intérieur	`hero_inner`	Hero de page enfant ou page intérieure SEO.	`ch-section--hero-standard`
Section éditoriale	`section`	Bloc éditorial universel avec texte, image, galerie et/ou vidéo.	`ch-section--standard`
Grille d’enfants	`grid`	Affichage automatique des pages filles sous forme de cartes.	`ch-section--grid`

Variantes média

Nom affiché	Nom technique	Champs nécessaires	Classe CSS principale
Image seule	`image`	`featured_image`	`ch-media--image`
Image + galerie	`image_gallery`	`featured_image` + `fi_galerie`	`ch-media--image-gallery`
Image + vidéo	`image_video`	`featured_image` + `fi_video`	`ch-media--image-video`
Image + vidéo + galerie	`image_video_gallery`	`featured_image` + `fi_video` + `fi_galerie`	`ch-media--image-video-gallery`

Tableau CSS

Sections

Classe	Rôle	Variantes / valeurs	Usage
`ch-section`	Conteneur principal pleine largeur	—	Toutes les sections
`ch-section--hero-main`	Hero principal	Image de fond ou image à la une	Accueil, page parent principale
`ch-section--hero-standard`	Hero intérieur	Titre, accroche, image à la une	Page enfant SEO, page intérieure
`ch-section--standard`	Section éditoriale	Média + texte	Usage principal
`ch-section--grid`	Grille automatique	Cartes d’enfants	Liste des pages filles

Inner : largeur interne de la section

Classe	Rôle	Largeur	Usage
`ch-section__inner`	Largeur standard	1320px à définir	Cas général
`ch-section__inner--narrow`	Lecture confortable	900px à définir	Articles, FAQ, textes longs
`ch-section__inner--full`	Pleine largeur	100%	Hero, galerie immersive, carte

Header

Classe	Rôle	Source	Usage
`ch-section__header`	Bloc titre	—	Titre + accroche
`ch-section__title`	Titre de section	`title`	H1 ou H2 selon contexte SEO
`ch-section__hook`	Accroche	`fi_accroche`	Sous le titre

Layout : organisation média / texte

Classe	Rôle	Structure	Usage
`ch-layout`	Ligne principale neutre	Ordre HTML naturel	Contient média + contenu
`ch-layout--media-text`	Média à gauche	`\| média \| texte \|`	Disposition explicite
`ch-layout--text-media`	Média à droite	`\| texte \| média \|`	Disposition explicite
`ch-layout--alternate`	Alternance automatique	Une section sur deux	Pages avec plusieurs sections successives
`ch-layout--50-50`	Colonnes équilibrées	50 / 50	Image et texte équivalents
`ch-layout--45-55`	Média plus étroit	45 / 55	Chambres, suites, services
`ch-layout--55-45`	Média plus large	55 / 45	Pages très visuelles

Colonnes

Classe	Rôle	Contenu	Usage
`ch-layout__media`	Colonne média	Image, vidéo, galerie	Bloc visuel
`ch-layout__content`	Colonne texte	Description courte ou content	Bloc éditorial

Médias

Classe	Rôle	Contenu	Usage
`ch-media`	Bloc média universel	Image, vidéo, galerie	Base du système
`ch-media--image`	Image seule	Image à la une	Cas simple
`ch-media--image-gallery`	Image + galerie	Galerie limitée ou complète	Chambres, lieux
`ch-media--image-video`	Image + vidéo	Bouton lecture sur image	Présentation vidéo
`ch-media--image-video-gallery`	Image + vidéo + galerie	Bloc complet	Pages très riches

Exemples de composition

Nom	Structure	Layout	Variante média	Usage
Standard image gauche	`\| image \| texte \|`	`ch-layout--media-text ch-layout--45-55`	`image`	Section classique
Standard image droite	`\| texte \| image \|`	`ch-layout--text-media ch-layout--45-55`	`image`	Alternance visuelle
Chambre / suite	`\| image + galerie \| texte \|`	`ch-layout--media-text ch-layout--45-55`	`image_gallery`	Chambres, suites, lieux
Galerie sous section	`\| image \| texte \|` `galerie dessous`	`ch-layout--media-text ch-layout--50-50`	`image_gallery`	Restaurant, événements, ambiance
Vidéo avec couverture	`\| image vidéo \| texte \|`	`ch-layout--media-text ch-layout--50-50`	`image_video`	Présentation immersive
Média complet	`\| image vidéo + galerie \| texte \|`	`ch-layout--media-text ch-layout--55-45`	`image_video_gallery`	Page riche, lieu important
Grille enfants	`[carte] [carte] [carte]`	—	—	Liste de chambres, services, pages filles

► Cookies nécessaires Toujours actif

Les cookies nécessaires activent des fonctionnalités essentielles du site comme les connexions sécurisées et les ajustements des préférences de consentement. Ils ne stockent pas de données personnelles.

► Cookies fonctionnels Remarque

Les cookies fonctionnels supportent des fonctionnalités comme le partage de contenu sur les réseaux sociaux, la collecte de retours, et l’activation d’outils tiers.

► Cookies analytiques Remarque

Les cookies analytiques suivent les interactions des visiteurs, fournissant des informations sur des métriques comme le nombre de visiteurs, le taux de rebond et les sources de trafic.

► Cookies publicitaires Remarque

Les cookies publicitaires diffusent des annonces personnalisées basées sur vos visites précédentes et analysent l’efficacité des campagnes publicitaires.