CMS minimaliste pour

Utilisation de la gestion des menus

Dans Eole CMS, les menus de votre site contiennent des items. Caque item peut contenir des sous items qui peuvent eux aussi contenir des sous-sous-items, ect ...

Ce sont les items qui contiennent les liens vers les contenus de votre site internet.

Gestions des menus:

Pour accéder à la page de gestion des menus, vous devez survoler avec votre souris l'item "Gestion des menus" et cliquer sur "Lister les menus".

C'est depuis cette page que vous pourrez gérer les menus à afficher sur votre site.

  • L'ID => C'est l'identifiant du menu dans la base de donnés. Cette information peut être utile au développeur.
     
  • Le Nom => C'est le nom que porte le menu dans l'administration, il ne sera jamais affiché dans la partie publique. En cliquant sur son nom, vous acceder a la gestion des items de ce menu.
     
  • Actif => En cliquant sur la petite "croix" verte ou rouge, vous pouvez décider d'activer ou de désactiver le menu. Un menu désactivé, ne sera plus visible dans la partie publique du site.
     
  • La Position => La position détermine l'identifiant du menu correspondant dans le fichier default.ctp du template du site. C'est une information très importante pour les développeurs.
     
  • => Permet d'editer ce menu.
     
  • => Permet de supprimer ce menu.

Si vous souhaitez ajouter ou modifier un menu, vous obtiendrez une page similaire a celle ci:

  • Le Nom => C'est le nom que porte le menu dans l'administration, il ne sera jamais affiché dans la partie publique.
     
  • La Position => La position détermine l'identifiant du menu correspondant dans le fichier default.ctp du template du site. C'est une information très importante pour les développeurs.
     
  • Class CSS => Permet d'ajouter une class CSS a la balise <ul> contenant le menu.
     
  • ID CSS => Permet d'ajouter un identifiant CSS a la balise <ul> contenant le menu.

 

Gestions des items:

Pour acceder à la page de gestion des items d'un menu, vous devez avoir cliqué sur le nom de ce menu sur la page de gestions des menus.

  • L'ID => C'est l'identifiant du menu dans la base de donnés. Cette information peut être utile au développeur.
     
  • Le Nom => C'est le texte du lien qui sera afficher dans le menu de la partie publique du site internet.
     
  • La cible => C'est le contenu vers lequel pointe l'item de menu.
     
  • Actif => En cliquant sur la petite "croix" verte ou rouge, vous pouvez décider d'activer ou de désactiver l'item. Un item désactivé, ne sera plus visible dans la partie publique du site.
     
  • La Position => En cliquant sur les petites flèches "haut" ou "bas", vous pouvez modifier l'ordre d'affichage des items dans le menu.
     
  • => Permet d'editer cet tem.
     
  • => Permet de supprimer cet item.


Si vous souhaitez ajouter ou modifier un item, vous obtiendrez une page similaire a celle ci:

  • Le Nom de l'item => C'est le texte du lien qui sera afficher dans le menu de la partie publique du site internet.
     
  • Class CSS => Permet d'ajouter une class CSS a la balise Div contenant le menu.
     
  • Class CSS => Permet d'ajouter un identifiant CSS a la balise <a> contenant le nom de l'item.
  • Item ou menu parent => C'est l'item ou le menu parent de cet item.
     
  • Lier au contenu => C'est le contenu vers lequel pointe cet item.

 

Information sur le code generé:

Voici le code html généré par Eole CMS, lors de l'affichage d'un menu (utile pour les développeur):

	<ul class="classeDeMonMenu" id="IdDeMonMenu">

	   <!-- Si cet item est l'item en cours, la classe currentItem est ajouté a la balise a -->

	   <li><a href="CibleDeMonItem" class="ClassDeMonItem currentItem">Nom de mon 1° item</a></li>

	   <li><a href="CibleDeMonItem" class="ClassDeMonItem">Nom de mon 2° item</a>

	      <ul>

	       <li><a href="CibleDeMonSousItem" class="ClassDeMonSousItem">Nom de mon sous  item</a></li>

	       <li><a href="CibleDeMonSousItem" class="ClassDeMonSousItem">Nom de mon sous  item</a></li>

	       </ul>

	   </li>

	   <li><a href="CibleDeMonItem" class="ClassDeMonItem">Nom de mon 3° item</a>

	</ul>