En-tête, pied de page et navigation

L'interface de votre site (la barre supérieure et la barre inférieure) apparaît sur toutes les pages publiques. ArtInStack répartit cette tâche entre deux emplacements qui fonctionnent ensemble :

Ce que vous configurez	Où	Ce que cela contrôle
Liens de menu (URL et ordre)	Paramètres → Navigation	Les pages qui apparaissent dans les menus sur l'ensemble du site
Design de l'en-tête et du pied de page	Paramètres → En-tête et pied de page → Modifier	Logo, mise en page, colonnes, réseaux sociaux, copyright, newsletter, icône de panier

L'éditeur En-tête et pied de page est un générateur visuel séparé (de la même famille que l'éditeur de page), mais limité aux balises <header> ou <footer> uniquement. Il possède sa propre bibliothèque de blocs (et non les blocs héros, galerie ou portfolio que vous utilisez sur les pages).

Aperçu des fonctionnalités

• Onglet Navigation — Gérez des listes de liens (pages internes ou URL externes) que les blocs de menu peuvent référencer.
• Onglet En-tête et pied de page — Créez ou sélectionnez des modèles ; Modifier ouvre l'éditeur de modèles.
• Éditeur de modèles — Glissez-déposez des blocs Préréglages, Mise en page et Éléments d'en-tête ou Éléments de pied de page ; configurez-les à l'aide de Style, Attributs et Événements dans la barre latérale droite (interactions : Événements et interactions de l'éditeur de page).
• Mise en page du site — Préréglages facultatifs à l'échelle du thème qui affectent le style global de l'en-tête et du pied de page.

Architecture de l'interface

[Paramètres → Navigation]
        → éléments de menu (données pour les blocs de menu de navigation)

[Paramètres → En-tête et pied de page → Modifier l'en-tête ou le pied de page]
        → Zone de travail de l'éditeur de modèles (région d'en-tête OU de pied de page)
        → Barre latérale droite : Modifier | Calques | Blocs
              Panneau Blocs : Préréglages, Mise en page, Éléments d'en-tête/pied de page
        → Enregistrer le modèle → s'applique à toutes les pages utilisant cette valeur par défaut

Le contenu du corps de la page provient toujours de Pages → Modifier (consultez la Référence des blocs et de la mise en page de l'éditeur).

---

Partie 1 — Menu de navigation (Paramètres → Navigation)

Utilisez cette section lorsque vous devez ajouter, supprimer ou réordonner des liens qui apparaissent dans les blocs de navigation.

Étapes de mise en œuvre

1. Ouvrez Paramètres → Navigation.
2. Ajoutez des éléments pointant vers des pages publiées ou des URL externes.
3. Glissez-déposez pour réordonner.
4. Enregistrez.

Bloc Menu de navigation (dans l'éditeur de modèles d'en-tête)

Lorsque vous placez un bloc Menu de navigation dans un modèle d'en-tête, ouvrez Attributs et choisissez le menu enregistré que ce bloc doit utiliser (Sélectionner un menu). Au moment de la publication, ArtInStack injecte les liens en direct depuis Paramètres → Navigation (vous n'avez pas à saisir manuellement chaque lien dans le modèle pour ce bloc).

Les Préréglages d'en-tête (Minimal, Standard, Centré, Lignes multiples) insèrent un bloc Menu de navigation avec des liens de substitution sur la zone de travail afin que vous puissiez évaluer l'espacement. Associez le bloc à un vrai menu dans Attributs avant de vous fier au site en direct : le résultat publié utilise ce menu et non les espaces réservés.

Si un lien de menu renvoie une erreur 404 pour les visiteurs

Ne créez de liens que vers des pages publiées. Les pages à l'état de brouillon ne sont pas accessibles aux visiteurs déconnectés.

---

Partie 2 — Éditeur de modèles d'en-tête et de pied de page

Ouvrir l'éditeur

1. Paramètres → En-tête et pied de page.
2. Sélectionnez un modèle d'en-tête ou de pied de page (ou créez-en un).
3. Cliquez sur Modifier.

Vous verrez une zone de travail compacte (bande d'en-tête ou de pied de page) ainsi que le même flux de travail de barre latérale droite que pour les pages : Modifier / Calques / Blocs, puis Style, Attributs et Événements sous Modifier.

Différences entre la zone de travail des modèles et celle des pages

	Éditeur de page	Éditeur de modèles d'en-tête/pied de page
Racine de la zone de travail	Page entière	Région unique <header> ou <footer>
Bibliothèque de blocs	Héros, galeries, produits, …	Blocs d'en-tête ou de pied de page uniquement
Structure	Plusieurs sections courantes	Généralement une section → lignes → colonnes
Enregistrement	Par page	Par modèle (s'applique partout où ce modèle est utilisé)

Les modifications apportées à un en-tête ou un pied de page par défaut partagé affectent chaque page qui l'utilise. Prévisualisez le résultat sur la page d'accueil et sur une page intérieure avant d'effectuer des modifications à grande échelle.

Blocs de mise en page (en-tête et pied de page)

Disponibles sous Blocs → Mise en page (même principe que pour les pages : section → ligne → colonne).

Bloc	Utilisation
Section	La bande d'en-tête ou de pied de page ; hauteur et espacement vertical dans Attributs
Ligne	Mise en page horizontale ; largeur maximale, espacement, disposition des colonnes
Espacement	Espace vertical fixe entre les lignes

Utilisez Calques lorsque vous devez sélectionner une ligne ou une section située sous un autre contenu.

---

Modèle d'en-tête — Préréglages

Démarrages rapides sous Blocs → Préréglages (éditeur d'en-tête uniquement) :

Préréglage	Mise en page type
Minimal	Logo à gauche ; navigation + bouton de menu mobile dans une colonne extensible
Standard	Logo · navigation + menu hamburger · panier (trois colonnes)
Centré	Même structure à trois colonnes que le Standard, avec la navigation centrée dans la colonne du milieu
Lignes multiples	Première ligne : logo + titre du site · navigation · panier ; seconde ligne pour les liens secondaires

Les préréglages incluent un bouton de menu mobile avec la navigation ; les liens du tiroir mobile sont remplis au moment de la publication à partir du Menu de navigation que vous avez sélectionné dans Attributs.

---

Modèle d'en-tête — Éléments

Sous Blocs → Éléments d'en-tête :

Bloc	Utilisation
Logo	Image provenant de la Médiathèque ou espace réservé ; URL du lien (par défaut /) et hauteur dans Attributs
Titre du site	Nom du studio en texte à côté ou à la place du logo
Menu de navigation	Menu horizontal associé à un menu provenant de Paramètres → Navigation
Lien de navigation	Lien manuel unique (libellé personnalisé + URL)
Bouton CTA	Bouton bien visible (style/taille dans Attributs)
Icônes de réseaux sociaux	Ligne d'icônes avec les réseaux configurés dans Attributs
Panier	Icône de panier de la boutique lorsque le commerce est activé (couleur/taille dans Attributs)
Sélecteur de langue	Menu globe pour les langues publiées — consultez Langues des sites multilingues

Configurez l'image du logo et l'URL du lien, la sélection du menu, l'URL du CTA et les URL des réseaux sociaux dans Attributs après avoir sélectionné le bloc.

---

Modèle de pied de page — Préréglages

Sous Blocs → Préréglages (éditeur de pied de page uniquement) :

Préréglage	Mise en page type
Pied de page simple	Copyright à gauche, réseaux sociaux à droite
Pied de page empilé	Logo centré, liens, réseaux sociaux, copyright
Pied de page multi-colonnes	Plusieurs colonnes pour les liens et le texte
Pied de page newsletter	Mise en page axée sur l'inscription avec des colonnes

---

Modèle de pied de page — Éléments

Sous Blocs → Éléments de pied de page :

Bloc	Utilisation
Colonnes de pied de page	Structure multi-colonnes pour les groupes de liens
Colonne de pied de page	Une colonne à l'intérieur de la grille
Logo de pied de page	Logo plus petit pour le pied de page ; URL du lien (par défaut /) et hauteur dans Attributs
Copyright	Modèle de texte avec année automatique (© {year} …) dans Attributs
Liens sociaux	Ligne d'icônes de réseaux sociaux pour le pied de page
Newsletter	Interface de capture d'e-mails (titre, webhook et texte dans Attributs)
Termes et conditions	Lien vers les conditions générales ou la page de confidentialité
Sélecteur de langue	Même menu globe que l'en-tête — Langues des sites multilingues

---

Mise en page du site et substitutions de pages

• Paramètres → Mise en page du site — Préréglages de thème pouvant affecter la largeur de l'en-tête ou le ton du pied de page sur l'ensemble du site.
• Pages → Modifier → Paramètres de la page — Substitution du modèle d'en-tête/pied de page par page : Paramètres de page et substitutions.
• Liste de contrôle rapide : Gestionnaire de modèles · Analyse approfondie : Utilisation des modèles de page.

---

Dépannage et écueils courants

Problème	Éléments à vérifier
Le menu s'affiche mal sur le site en direct	L'ordre dans l'onglet Navigation et le menu référencé par le bloc Menu de navigation dans Attributs
L'en-tête a changé partout après une seule modification	Comportement attendu — le modèle d'en-tête par défaut est partagé ; utilisez la substitution de page pour une seule page de destination
Le panneau de blocs ne contient pas de sections héros ou galeries	Vous vous trouvez dans l'éditeur de modèles ; ces blocs résident uniquement dans l'éditeur de page
Le menu mobile est vide	Enregistrez le modèle d'en-tête ; vérifiez que Navigation contient des éléments et que le menu est sélectionné sur le bloc Menu de navigation ; republiez une page
Le logo ne renvoie pas à l'accueil	Sélectionnez le Logo (ou Logo de pied de page) → Attributs → définissez l'URL du lien (par défaut /) → Enregistrez le modèle

---

Prochaines étapes et validation

1. Ajoutez au moins trois éléments sous Paramètres → Navigation.
2. Modifiez l'en-tête par défaut → appliquez le préréglage Minimal → définissez le Logo (image + URL du lien) → associez le Menu de navigation à votre menu dans Attributs → Enregistrez.
3. Modifiez le pied de page par défaut → appliquez le Pied de page simple → mettez à jour le Copyright et les Liens sociaux → Enregistrez.
4. Ouvrez deux URL publiques et confirmez que la même interface apparaît.