Warning: include(../plugins/glossaire/conf_defaut2.inc): Failed to open stream: No such file or directory in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 29

Warning: include(): Failed opening '../plugins/glossaire/conf_defaut2.inc' for inclusion (include_path='.:/opt/cpanel/ea-php80/root/usr/share/pear') in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 29

Warning: Undefined variable $res_group in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 33

Warning: Trying to access array offset on value of type null in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 33

Warning: include(../plugins/glossaire/gloss_inc1.inc): Failed to open stream: No such file or directory in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 36

Warning: include(): Failed opening '../plugins/glossaire/gloss_inc1.inc' for inclusion (include_path='.:/opt/cpanel/ea-php80/root/usr/share/pear') in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 36

Warning: include(../plugins/glossaire/gloss_mob_inc2.inc): Failed to open stream: No such file or directory in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 37

Warning: include(): Failed opening '../plugins/glossaire/gloss_mob_inc2.inc' for inclusion (include_path='.:/opt/cpanel/ea-php80/root/usr/share/pear') in /home/freeguppyorg/sites/ghc.freeguppy.org/mobile/inc/inchead/glossaire_mob.inc on line 37
Centre d aide GuppY

  Accueil 
Options menus déroulants

Options des Boîtes Menus Déroulants

Dans la partie administration des données, onglet STRUCTURE, lorsque vous cliquez sur cette icône :Options de menu déroulant  vous arrivez sur la page de configuration des options des boîtes menus déroulants.

Les boîtes "menus déroulants" que vous avez créées dans la section "Boîtes menus déroulants", sont destinées à rassembler un certain nombre de menus et sous-menus sur lesquels les visiteurs pourront cliquer pour accéder à vos contenus. Dans cette partie de l'administration, vous allez donner à ces boîtes menus déroulants un certain nombre d'options : le nombre de menus à survoler, de sous-menus (niveau 02) à dérouler, puis de niveau 03 ...

Ci-dessous un exemple de menu déroulant  :

Menu déroulant  de type vertical "Espace collège" position fermé :

Les 2 Niveaux principaux (niveau 01):

Option 010 : Informatique

Option 020 : Sport

Les petites flèches indiquent que ces 2 options (menus) se dérouleront au survol de la souris pour laisser apparaitre des sous-menus (niveau 02).

Menu déroulant fermé Guppy

Le même menu, déroulé au survol de la souris pour le menu informatique :

Le menu principal et les sous-menus activés par le survol de la souris apparaissent en gris clair : menu Informatique>sous-menu Webjournal>sous-sous-menu Réseau de distribution>sous-sous-sous-menu Sur les réseaux sociaux sous forme de lien vers l'article correspondant.

Il y a 4 niveaux pour l'option Informatique :

Menu déroulant ouvert Guppy

1. Créer une option de Menu Déroulant

Prenons en exemple le menu déroulant Espace Collège du paragraphe précédent.

Nous allons configurer dans cette aide toutes les options depuis le menu principal Informatique, jusqu'au bout du Menu déroulant : Informatique >>Webjournal>>Réseau de distribution>>Sur les réseaux sociaux.

Nous allons configurer "en cascade" jusqu'à ce dernier sous-menu qui mène au contenu article.

Onglet structure >> Options de menus déroulants. Une page s'affiche permettant de sélectionner la boîte menu déroulant à laquelle vous souhaitez attribuer des options. Dans notre exemple : Espace Collège.

Options_menus_deroulants.jpg

Après sélection de la boîte menu déroulant, accès à la page qui permet de :

- voir la liste des options déjà créées s'il y en a pour cette boîte menu déroulant

- créer de nouvelles options de menu déroulant

- revenir à la sélection d'une autre boîte menu déroulant

- lorsque des options existent déjà :

-Icône dupliquer Dupliquer l'option -  Icone faire apparaître  Icône Ne pas afficher  Rendre visible ou non le menu dans la boîte menu déroulant - Icône supprimer du menu Supprimer le menu.

Procédure :

A noter : chaque option est à configurer et à enregistrer l'une après l'autre.

Conseil pour débuter : prenez un papier et un crayon (si, si !) pour faire un schéma de votre menu déroulant et notez toutes les étapes de configuration au fur et à mesure. Configurez les options du menu déroulant l'une après l'autre dans l'ordre de l'affichage souhaité.

Création de l'option n°010 (le menu informatique)

Configurer sous-item 1

creer_option_menu.jpg

  1. Cliquez sur "Créer une option de menu".
  2. Une page avec différents champs permet de :

Etat de la boite menu

  1. Réserver l'accès à un groupe privé ou non. Vous pouvez ainsi restreindre l'accès de cette option à des personnes faisant partie d'un groupe que vous avez au préalable déterminé dans "Administration Générale" "Gestion des groupes"

Determiner accès reservé aux groupes

  1. Programmer la publication de l'option.  Date du début OU date de fin au format AAAAMMJJhhmnmn (Année, Mois, Jour, heure et minutes)

Déterminer date pblication

  1. Saisissez ensuite le pseudo rédacteur et son adresse courriel dans le champ prévu.

  1. Zones de saisie Attachement-Numéro et Titre de l'option de menu.

Il s'agit de la première option (premier menu Informatique, celui qui apparaît en haut en première position dans le menu déroulant), donc:

Saisir le numéro Option et son Titre

  1. Zone de saisie "Adresse du lien"

Adresse du lien

  1. Zone Sélectionner une configuration de page : laissez à Principale par défaut puisqu'il n'y a pas de lien vers un contenu.

option_deroulant15.jpg

         9. Zone Icône de l'option de menu. Vous pouvez choisir une icône qui se positionnera à côté du titre de l'option, cliquez alors sur le bouton Parcourir le serveur. Dans notre exemple, il n'y a pas d'icône.

        10.  Choix de l'ouverture du lien : laissez le choix par défaut "dans la même fenêtre" puisqu'il n'y a pas de lien vers un contenu.

        11.  Et enfin, n'oubliez pas de cliquer sur le bouton ENREGISTRER pour... enregistrer !

        12.  Passons à l'option suivante (dans notre exemple : 2ème sous-menu de l'option 010 Informatique : Webjournal)

2. Etape suivante : créer une autre option pour le 2ème sous-item de l'option Informatique

Configurer le 2ème sous-menu Webjournal du menu principal n° 010  Informatique. Vous allez encore créer une autre option de menu.

Configurer sous-item 020

  1. Cliquez sur créer une option de menu.
  2. Reprendre les étapes de 2 à 5 du paragraphe 1.
  3. Zones de saisie Attachement-Numéro et Titre de l'option de menu. Il s'agit du  2ème sous-menu du menu Informatique n°010 donc:

Configurer le n° attachement pour cette option

  1. Reprendre les étapes 7 à 11 du paragraphe précédent.
  2. Passons à l'option suivante : (dans notre exemple  : Réseau de distribution qui est le 3ème sous-menu du 2ème sous-menu Webjournal du menu n°010 Informatique).

3. Etape suivante : créer une autre option de menu pour le sous-menu Réseau de distribution

Configurer Réseau de distribution qui est le 3ème sous-menu du 2ème sous-menu Webjournal du menu n°010 Informatique

option_deroulant06.jpg

Vous allez encore créer une autre option de menu.

  1. Cliquez sur créer une option de menu.
  2. Reprendre les étapes de 2 à 5 du paragraphe 1.
  3. Zones de saisie Attachement-Numéro et Titre de l'option de menu. Il s'agit du  3ème sous-menu du 2ème sous-menu Webjournal du menu Informatique n°010 donc en cascade depuis le début, ça donne :

Configurer le n° attachement pour cette option

  1. Reprendre les étapes 7 à 11 du paragraphe précédent.
  2. Passons à l'option suivante : (dans notre exemple  : Sur les réseaux sociaux qui est le 2ème sous-menu du 3ème sous-menu Réseaux de Distribution du 2ème sous-menu Webjournal du menu n° 010 Informatique)

4. Etape suivante : créer une autre option de menu pour le sous-menu Sur les réseaux sociaux.

C'est ce dernier qui amènera le visiteur d'un clic sur le contenu correspondant. Il faudra donc mettre un lien cette fois-ci.

Configurer Sur les réseaux sociaux : 2ème sous-menu du 3ème sous-menu Réseaux de distribution du 2ème sous-menu Webjournal du menu Informatique n°010

option_deroulant08.jpg

Vous allez encore créer une autre option de menu.

  1. Cliquez sur créer une option de menu.
  2. Reprendre les étapes de 2 à 5 du paragraphe 1.
  3. Zones de saisie Attachement-Numéro et Titre de l'option de menu.
  4. Il s'agit du  2ème sous-menu  du 3ème sous-menu Réseaux de distribution du 2ème sous-menu Webjournal du menu Informatique n°010 donc en cascade depuis le début :

Configurer le n° attachement pour cette option

  1. Adresse du lien : saisir cette fois une adresse URL :

ici, l'article correspondant porte le n° ID 402 (pour voir le n°ID de votre article, RDV dans Administration des données>>Articles).

Saisir exactement :

articles.php?lng=fr&pg=402

dans la zone de saisie. N'oubliez pas la zone de 2ème langue si vous l'avez activée sur votre site.

option_deroulant10.jpg

  1. Choix de configuration de page pour afficher votre article : par défaut mis sur Page Principale, mais vous pouvez choisir une autre page secondaire si vous en avez créé une. A noter : les pages secondaires se créent dans Config Boîtes et permettent de proposer des contenus supplémentaires sans alourdir l'affichage dans les colonnes latérales du site.
  2. Choix d'une icône, si vous le souhaitez.
  3. Choix de l'ouverture de la fenêtre dans votre navigateur, laissez le choix par défaut, Dans la même fenêtre, ou en choisir une autre selon ce que vous désirez.
  4. Et bien sûr, n'oubliez pas d'enregistrer !

5. Pour nous amuser un peu dans cette aide !

Les autres options pour le menu déroulant Sport visibles en couleur jaune sur l'image :

Configurer d'autres items et sous-items

n° Attachement : 020

Titre : Sport

n° Attachement  : 020-010

Titre : Foot en salle

n° Attachement  : 020-040

Titre : Pelote

n° Attachement  : 020-040-020

Titre : Mur à gauche

6. Le bouton Dupliquer

Et pour vous simplifier les manipulations et éviter de vous tromper : vous pouvez utiliser le bouton Dupliquer l'option  Icône dupliquer  à cliquer dans la liste de toutes les options créées. Puis vous la modifiez en rajoutant à la suite le n° Attachement qui manque pour faire une cascade de plus dans la même option. Bien-sûr, vous changez le titre et  vous ajoutez une URL si besoin, puis vous enregistrez.

Exemple : J'ai dupliqué cette option :

Dupliquer l'option

Je fais les modifications, visibles en rouge, pour ajouter un sous-menu de plus dans la cascade après le sous-menu Pelote :

Faire les modif en rouge avant d'enregistrer

Amusez-vous bien !

 

Liens connexes :

Administration
Boîtes Menus Déroulants
Articles
Gestion des groupes

Date de création : 15/05/2019 @ 17:26
Dernière modification : 15/05/2019 @ 17:26
Catégorie : Structure
Page lue 6802 fois
Haut

© 2004-2024

Document généré en 0.02 seconde