En-tête, pied de page et menus du site - ArtInStack Documentation

Chaque page publique affiche un en-tête et un pied de page. Les mises en page intégrées sous Settings → Site layout sont le parcours par défaut — suffisant pour mettre rapidement en ligne un site fonctionnel sans ouvrir l’éditeur de modèles.

Pour la plupart des sites, vous n’avez besoin que de :

Settings → Navigation — créer des menus (les liens).
Settings → Site layout — choisir une mise en page d’en-tête/pied de page intégrée et assigner un menu à chacun.

Le nom du site, le logo et le slogan facultatif viennent de Settings → General (et Theme pour les couleurs et polices).

Besoin d’un contrôle plus fin — colonnes personnalisées, bloc newsletter, panier placé à la main, ou design ponctuel ? Utilisez Settings → Header & Footer et suivez Modèles d’en-tête et de pied de page personnalisés. Lorsque vous sélectionnez un modèle personnalisé comme défaut du site sous Site layout, il remplace la mise en page intégrée correspondante.

Tâche	Où
Ajouter ou réordonner des liens	Settings → Navigation
Choisir l’apparence intégrée d’en-tête/pied de page + attacher des menus	Settings → Site layout → Header / Footer
Concevoir un en-tête ou un pied de page personnalisé	Settings → Header & Footer

Créer un menu

Ouvrez Settings → Navigation.
Créez un menu (ou ouvrez un menu existant).
Ajoutez des éléments : pages publiées, portfolios ou URL personnalisées.
Glissez pour réordonner. Utilisez l’indentation pour imbriquer des éléments sous un parent (pour les colonnes de pied de page — voir ci-dessous).
Enregistrez.

Liez uniquement des pages publiées. Les pages brouillon renvoient 404 aux visiteurs.

Vous pouvez utiliser le même menu pour l’en-tête et le pied de page, ou des menus séparés.

Assigner menus et mises en page (Site layout)

Ouvrez Settings → Site layout.
Ouvrez la section Header.
Laissez Custom header sur Use basic layout (ou effacez un modèle personnalisé s’il en est sélectionné un).
Choisissez un Navigation menu (ou None — voir le repli ci-dessous).
Choisissez une mise en page d’en-tête de base (Minimal, Centered logo, Split, Stacked, Transparent, ou No header).
Ouvrez la section Footer et faites de même : mise en page de base + menu.
Enregistrez les paramètres du site.
Prévisualisez une page publique.

Mises en page d’en-tête (intégrées)

Mise en page	Ce que voient les visiteurs
Minimal	Logo à gauche ; liens et outils de compte à droite
Centered logo	Logo au milieu ; liens répartis autour
Split navigation	Logo et liens à gauche ; dernier élément du menu affiché comme bouton à droite
Stacked	Logo au-dessus ; liens en dessous
Transparent	Style en surimpression pour usage sur un hero
No header	En-tête masqué sur tout le site

Split : le dernier élément du menu assigné devient ce bouton. Placez « Contact » ou « Book » en dernier si vous voulez cela comme appel à l’action.

Mises en page de pied de page (intégrées)

Mise en page	Ce que voient les visiteurs
Simple	Marque, liens plats, réseaux sociaux, puis copyright / Terms
Multi-column	Colonne de marque plus colonnes de liens depuis les groupes de menu imbriqués
Centered	Marque et liens centrés
Newsletter	Formulaire d’inscription plus colonnes de liens facultatives
Minimal	Copyright et Terms uniquement
No footer	Pied de page masqué

Le copyright est à gauche de la barre inférieure ; Terms et Sign In (lorsque le portail client est activé sur votre offre) sont à droite.

Pieds multi-colonnes et imbrication

Pour Multi-column, imbriquez les liens sous des éléments de premier niveau dans le menu de pied de page assigné :

Explore          ← column heading
  Portfolio
  Blog
Studio           ← column heading
  About
  Contact

Chaque groupe de premier niveau devient une colonne. Les menus plats (sans imbrication) s’affichent comme une liste de liens sans titre à côté de la marque.

Lorsqu’aucun menu n’est assigné

Header : Accueil plus quelques pages publiées (automatique).
Footer : Aucune colonne de liens tant que vous n’assignez pas de menu (copyright et Terms s’affichent toujours).

Icône panier dans l’en-tête

Sur les en-têtes intégrés, l’icône panier apparaît lorsque :

Votre offre inclut les tirages ou les produits numériques, et
Settings → E-commerce → Show cart in header est activé.

Les modèles d’en-tête personnalisés ont encore besoin d’un bloc Cart dans l’éditeur de modèles — voir Modèles d’en-tête et de pied de page personnalisés.

Sélecteur de langue et Sign In

Lorsque vous publiez plus d’une langue de site, un contrôle de langue peut apparaître dans l’en-tête. Sign In apparaît lorsque le portail client est activé sur votre offre (il ouvre le portail client de votre site). Détails : Langues multilingues du site.

Dépannage

Problème	À vérifier
Mauvais liens dans l’en-tête	Site layout → Header → quel menu est sélectionné ; ordre dans Navigation
Pied de page avec colonnes vides	Imbriquez les liens sous des éléments de premier niveau, ou choisissez Simple au lieu de Multi-column
Design personnalisé non visible	Site layout est peut-être encore en mise en page de base — ou un modèle personnalisé est sélectionné et le remplace
Pas d’icône panier	L’offre doit autoriser tirages ou produits numériques ; activez Show cart in header ; en-tête intégré uniquement (le personnalisé nécessite un bloc Cart)
Le bouton Split affiche la mauvaise page	Ce bouton est le dernier élément du menu d’en-tête — réordonnez dans Navigation

Vérifier votre travail

Créez un menu avec quelques pages publiées sous Navigation.
Sous Site layout, assignez-le à Header et Footer et choisissez des mises en page.
Pour multi-colonnes, imbriquez au moins deux groupes, enregistrez et prévisualisez.
Ouvrez deux URL publiques et confirmez le même en-tête et pied de page.