Tutoriel : Configurer le menu principal

Il est essentiel de comprendre qu’il est possible de configurer vos menus de page grâce à l’outil Woody.

Différents menus, dont ceux principaux, peuvent être paramétrés directement dans votre Back Office.

Voyons cela…

Accès au menu principal

Différents menus sont disponibles dans votre Back Office Woody.

« Menus » est utilisé notamment pour paramétrer vos menus principaux. Accédez à « Menus » puis « Menu principal ».

Une fois arrivé sur votre page de configuration, cliquez sur  » Ajouter une entrée de menu ».

Une fenêtre « Entrée de Menu » disposant de sous-menus « Liste des blocs », « Disposition des blocs » et « Plus d’options ».

Capture Decran 2024 07 03 A 15.58.54Capture Decran 2024 07 03 A 15.58.54
©Capture Decran 2024 07 03 A 15.58.54

Entrée de menu

Pour bien configurer l’entrée de menu,

Veuillez sélectionner une page dans le menu déroulant « Sélectionner » – par exemple « Découvrir ».

Si vous souhaitez personnaliser le titre de l’entrée de menu, activez le bouton « Personnaliser le titre », un champ s’ouvre alors, remplissez le avec les caractères souhaités.

La seconde étape est d’ajouter un bloc de sous-menu, trois possibilités s’offrent à vous :

  • Liste de liens
  • Liste d’images
  • Liste de boutons

Les sous-menus

Choisissez votre bloc.

Un bloc s’ouvre alors disposant de 3 menus :

  • Titre du bloc
  • Contenu
  • Mise en page

Concernant le menu « Titre du bloc », un champ de titre de bloc s’ouvre, ici il sera utile lorsque vous ouvrirez l’éditeur. (Disposition des blocs). Vous pouvez choisir d’afficher ce titre sur le site en activant le bouton, et de choisir son alignement.

Concernant le menu « Contenu », vous pouvez choisir quelle page liée au lien en train d’être créé. Cliquez sur la page désirée, elle passera alors dans la colonne droite du tableau.

Pour la liste de bouton, la différence est seulement la possibilité d’ajouter un bouton dans le contenu.

Concernant le menu « Mise en page », vous pouvez choisir le nombre de colonnes de votre bloc, et réglez les options avancées.

Pour la liste d’image, la différence est que vous pouvez choisir un template de mise en page et choisir le nombre de colonnes de votre bloc.

Disposition des blocs

Cliquez sur « Disposition des blocs » puis ouvrez l’éditeur.

Un gabarit d’écran de disposition s’ouvre alors sur votre droite d’écran. Vous disposez aussi de vos blocs de votre entrée de menus à gauche de votre écran (ici Test 1 et Test 2).

Il vous suffira de glisser déposer vos blocs à l’intérieur de votre cadre.

Vigilance ! Le cadre correspond à l’entièreté de votre entrée de menu, vos blocs devront donc être équilibrés lors du glisser déposer. Pour cela vous pouvez augmenter leur taille en maintenant le clic sur les différents angle du bloc, puis étirez.

Ici, le but sera d’étirer le bloc « test 1 » jusqu’en bas à droite de votre gabarit d’écran de disposition.

Pour clore votre dispositions de blocs, cliquez sur la croix de fermeture en haut à droite de votre écran de disposition.

Capture Decran 2024 07 03 A 16.24.27Capture Decran 2024 07 03 A 16.24.27
©Capture Decran 2024 07 03 A 16.24.27
Capture Decran 2024 07 03 A 16.33.16Capture Decran 2024 07 03 A 16.33.16
©Capture Decran 2024 07 03 A 16.33.16

Exemple de menu

Ici, nous pouvons voir en exemple le menu « Découvrir » disposant de plusieurs listes d’images et de liens.

Aussi, vous pouvez apercevoir le rendu (première image ci dessous), la configuration de l’entrée de menu et les choix de sous menus  associés (deuxième image ci dessous), et la configuration de l’éditeur de l’entrée de menu (troisième image ci dessous) :

Capture Decran 2024 07 09 A 17.13.51Capture Decran 2024 07 09 A 17.13.51
©Capture Decran 2024 07 09 A 17.13.51
Capture Decran 2024 07 09 A 17.15.38Capture Decran 2024 07 09 A 17.15.38
©Capture Decran 2024 07 09 A 17.15.38
Capture Decran 2024 07 09 A 17.17.41Capture Decran 2024 07 09 A 17.17.41
©Capture Decran 2024 07 09 A 17.17.41
Fermer