Comment construire un nouveau menu

De PGVWiki
Sauter à la navigation Sauter à la recherche

Quelle utilité de vouloir construire un nouveau menu ?

PhpGedView vous permet de donner une vie à votre généalogie grâce aux différents événements qui ont tracé la vie de vos ancêtres.
Parmi ces événements, les plus intéressants sont souvent les petites histoires:

  • les anecdotes, les rumeurs,...
  • les photos ou les dessins qui retracent ces histoires ainsi que les vrais photos.

Avec ce tutoriel, vous serez capable de construire un nouveau menu qui vous permettra d'afficher le contenu que vous voudrez.
Vous permettrez ainsi à PhpGedView de donner vie à toutes les histoires de votre famille...!

Ajouter un nouveau Menu

Avant d'effectuer toute modification, sauvegardez le thème "Cloudy" et travaillez uniquement sur une copie avec un nom différent.

Vous trouverez le code PHP qui devra être modifié dans le fichier "header.html".
Prace que chaque thème a son propre type de menu, nous vous montrerons les modifications principales à apporter à partir de l'exemple du thème "Cloudy".
Dans ce cas, dans le fichier de configuration du GEDCOM, rubrique "utilisateurs", nous avons paramétré l'option "Affichage d'une liste de choix pour changer le thème" à "Non" et nous avons choisi "Cloudy" comme "thème Standard".

Vous trouverez le fichier "header.html" du thème "Cloudy" dans ce répertoire de votre installation de PhpGedView:

/phpGedView/themes/cloudy/header.html

Ouvrez ce fichier avec un simple éditeur de texte et cherchez la ligne suivante:

$my_temp_menu= array();

Les lignes suivantes construisent la première partie du menu de PGV, visible sur la page d'accueil de PGV par l'icône "Page d'accueil".
Tout ce qui figure dans ce menu (ainsi que dans les sous-menus) est encapsulé entre des balises "<td>" et "</td>".
Chaque bloc "<td>...</td>" contient une icône du menu avec ses sous-menus.
Une douzaine de rubriques du menu sont encapsulées dans un bloc "<table>...</table>".<br/ La "structure générale du menu" ressemble à ceci:

 <table>
    <tr>
       <td>
          1. rubrique 1 du menu (avec toutes les rubriques des sous-menus)
       </td>
    </tr>
    <tr>
       <td>
          2. rubrique 2 du menu (avec toutes les rubriques des sous-menus)
       </td>
    </tr>
    </tr>
       <td>
          peut-être votre propre rubrique (avec toutes les rubriques des sous-menus)
       </td>
     </tr>
     <tr>  
       <td>
          dernière rubrique du menu (avec toutes les rubriques des sous-menus)
       </td>
    </tr>
 </table>

Les codes pour le menu et les sous-menus ressemblent à ceci:

        <?php
            $menu = array();
            $menu["label"] = "...............";
            $menu["labelpos"] = "none";
            $menu["icon"] = "...............";
            $menu["class"] = "menuitem";
            $menu["hoverclass"] = "menuitem_hover";
            $menu["flyout"] = "down";
            $menu["submenuclass"] = "submenu$ff";
            $menu["items"] = array();

            $submenu = array();
            $submenu["label"] = "...............";
            $submenu["labelpos"] = "right";
            $submenu["icon"] = "...............";
            $submenu["link"] = "...............";
            $submenu["class"] = "submenuitem$ff";
            $submenu["hoverclass"] = "submenuitem_hover$ff";
            print_menu($menu);
        ?>

Avec un "copier coller" copiez les lignes de code ci-dessus et placez-les entre deux blocs , là où vous voulez mettre en place la rubrique de votre menu, comme indiqué dans la structure du menu ci-dessus.