Le menu et le pied de page

Le menu se remplit tout seul

Chaque page publiée rejoint le menu automatiquement. Le blog et la boutique y apparaissent aussi, avec leurs étiquettes ou leurs collections en sous-menu.

La page d’accueil n’y figure pas d’office : le logo du site y mène déjà. Vous pouvez l’ajouter comme n’importe quelle autre page, depuis la liste des pages hors menu (voir plus bas).

Où se trouve le menu

Le menu est le même sur toutes les pages : il se règle une seule fois, depuis l’en-tête du site.

1. Dans l’éditeur, cliquez sur l’en-tête du site, en haut de n’importe quelle page.
2. Le panneau de droite devient En-tête du site.
3. Sa rubrique Menu liste les entrées dans l’ordre où elles apparaissent sur le site. Les entrées d’un groupe sont décalées vers la droite, sous lui.

Changer l’ordre des entrées

Chaque entrée commence par une poignée, les six points à sa gauche (Réordonner). Attrapez-la et faites glisser l’entrée plus haut ou plus bas, puis relâchez-la à sa nouvelle place.

Pour déplacer une entrée d’un cran, survolez-la : les flèches Monter et Descendre apparaissent sur sa ligne. L’entrée change de place avec sa voisine sans quitter son groupe, et un groupe emporte ses entrées. Pour ranger une entrée dans un groupe ou l’en sortir, utilisez la poignée.

Ranger des pages dans un groupe

Un groupe est un titre du menu qui réunit plusieurs entrées dans un sous-menu, comme « Nos services » ou « Reportages ».

1. Sous la liste, cliquez sur Ajouter un groupe : un nouveau groupe apparaît en bas du menu.
2. Pour le renommer, cliquez sur son crayon, Renommer le groupe, qui apparaît au survol de sa ligne (ou double-cliquez sur son nom), tapez le nouveau nom, puis validez avec la touche Entrée.
3. Faites glisser le groupe à sa place avec sa poignée.
4. Pour mettre une page dans le groupe, faites-la glisser juste sous lui en la décalant vers la droite : elle se place en retrait, dans le groupe. Décalée vers la gauche, elle en ressort.

Un groupe peut en contenir un autre, jusqu’à trois niveaux, comme « Reportages › 2026 ». Quand vous déplacez un groupe, ses entrées le suivent.

Seul un groupe peut contenir d’autres entrées : pour réunir des pages sous un même titre, créez un groupe à ce nom.

Sur le site, le sous-menu d’un groupe se déroule au survol, et un clic sur le groupe ouvre sa première entrée.

Pour une entrée de premier niveau qui a un sous-menu, le bouton Affichage du sous-menu choisit sa présentation : Automatique, Liste déroulante ou Panneau en colonnes. Sur un téléphone, le sous-menu reste toujours une simple liste.

À côté du blog et de la boutique, le bouton Choisir ce qui s’affiche permet de cocher les étiquettes ou les collections qui forment leur sous-menu.

Une collection de la boutique dans un groupe

Une collection peut aussi devenir une entrée à part entière, dans un groupe du menu par exemple. Sous le menu, la liste Collections hors menu : cliquer pour ajouter, puis glisser dans un groupe présente les collections qui n’y figurent pas encore : un clic sur son nom ajoute la collection au menu, puis vous la faites glisser où vous voulez, dans un groupe compris. C’est ainsi qu’un groupe repris de TOWeb 14 accueille une collection créée ensuite.

Retirer une entrée du menu

La corbeille au bout de chaque entrée, Retirer du menu, la retire du menu, et seulement du menu :

• une page n’est pas supprimée : elle reste dans votre site, à la même adresse, et passe dans la liste Pages hors menu : cliquer pour ajouter, sous le menu. Un clic sur son nom l’y remet ; faites-la ensuite glisser à sa place ;
• un groupe disparaît, mais pas son contenu : ses entrées reprennent sa place dans le menu ;
• un lien externe est retiré du menu.

Pour supprimer une page pour de bon, utilisez Supprimer la page dans le sélecteur de page : voyez Créer et organiser vos pages.

Ajouter un lien externe

Pour mener vers un autre site (votre boutique en ligne, une page de réseau social, un partenaire…) :

1. Sous le menu, à la rubrique Ajouter un lien externe, tapez le Libellé, le texte affiché dans le menu.
2. Tapez l’adresse complète, en commençant par https://.
3. Cliquez sur Ajouter un lien.

Le lien rejoint la fin du menu et s’ouvre dans un nouvel onglet. Faites-le glisser à sa place, ou dans un groupe, comme une page.

Pour modifier un lien externe déjà placé dans le menu, survolez sa ligne et cliquez sur son crayon, Modifier le lien, ou double-cliquez dessus. Changez le libellé, l’Adresse ou la case Ouvrir dans un nouvel onglet, puis cliquez sur Enregistrer : le lien garde sa place et son groupe.

Changer le nom d’une page dans le menu

Une page apparaît dans le menu sous son titre : l’entrée n’a pas de nom à part. Pour changer ce qu’affiche le menu, renommez la page.

1. En haut de l’écran Pages, ouvrez le sélecteur de page.
2. Survolez la page et cliquez sur son crayon, Nom dans le menu.
3. Tapez le nouveau titre et validez : le menu suit aussitôt.

Les réglages du menu

Sous la liste, la rubrique Réglages du menu propose Entrées max. : le nombre d’entrées affichées au premier niveau du menu, de 5 à 10. Au-delà, les entrées suivantes sont réunies sous une dernière entrée, Plus…, qui les déroule. Un menu court reste plus lisible.

L’interrupteur Sous-menus affiche ou retire les menus déroulants. Coupé, chaque entrée devient un lien simple, et un groupe mène à sa première page, sur ordinateur comme sur téléphone. Remis, il rend les sous-menus tels qu’ils étaient.

Le reste de l’en-tête

Dans les mêmes réglages, vous choisissez le logo (texte ou image, avec un Logo sombre pour le mode sombre) et sa Taille, et vous pouvez ajouter un Bouton d’appel qui mène à la page ou à l’adresse de votre choix. Votre logo se règle aussi dans Thème › Couleurs.

En tête de ces réglages, Disposition et Position règlent l’allure de l’en-tête et sa place quand le visiteur fait défiler la page : Normal, Épinglé, Fixe ou Superposé.

La bannière d’annonce

Une bannière d’annonce s’affiche au-dessus de l’en-tête, sur toutes les pages, pour une information courte : horaires, fermeture exceptionnelle, livraison offerte, soldes. Cliquez sur l’en-tête du site : dans le panneau de droite, la rubrique Bannière d'annonce propose Afficher une annonce, le Texte de l'annonce, un Lien facultatif vers une page ou une adresse, et Le visiteur peut la fermer.

Elle prend les couleurs du style du site et se traduit avec le reste du site. Fermée par un visiteur, elle revient quand vous changez le texte. Voyez-la dans l’Aperçu.

Le pied de page

Cliquez sur le pied de page d’une page pour le modifier : colonnes, coordonnées, liens et Réseaux sociaux. Il est commun à toutes les pages.

Dans le texte du copyright, écrivez {year} pour afficher l’année en cours, mise à jour à chaque publication : « © 2019-{year} Mon atelier ».

Pour mettre un lien derrière un nom, sans afficher son adresse, utilisez une colonne Liens : en bas de la liste des colonnes, choisissez Ajouter une colonne… › Liens, cliquez sur Ajouter un lien, tapez le Libellé et choisissez sa destination.

Dans une colonne de liens, faites glisser un lien pour changer l’ordre, à la souris ou au clavier. Un lien se choisit comme les autres liens de TOWeb : une page, un article du blog, un produit, un fichier ou une adresse externe.

Dans une colonne Texte, écrivez simplement un numéro de téléphone, une adresse e-mail ou une adresse web : sur le site, ils deviennent cliquables, et sur un téléphone le numéro lance l’appel. Une adresse écrite là s’affiche en entier : elle ne se cache pas derrière un nom.

Les liens vers vos documents juridiques (politique de confidentialité, conditions générales de vente…) s’y ajoutent d’eux-mêmes dès que vous renseignez leur adresse dans Paramètres › Cookies & RGPD (l’onglet porte le nom de la loi de votre pays), rubrique Documents juridiques du site. Le menu Choisir une page remplit l’adresse d’un document publié sur votre site, sans la taper.

La recherche du site

Paramètres › Avancé › Activer la recherche dans le site ajoute un bouton de recherche à l’en-tête. Une seule recherche trouve vos produits, vos pages, vos articles et votre documentation, avec des résultats groupés par type, les produits en premier. Elle fonctionne sans base de données, chez tous les hébergeurs.