PluXml.org

Blog ou CMS à l'Xml

Vous êtes ici : accueil » article » Utiliser la fonction « groupe » des pages statiques

14juil2010 4

Utiliser la fonction « groupe » des pages statiques

Classé dans : Tutoriaux

La version 5.0 de PluXml introduit la notion de « groupe » de pages statiques.
Nous allons voir comment organiser l’affichage des pages statiques dans la sidebar grâce à cette nouvelle fonctionnalité. Depuis la sortie de PluXml 5.0 nous pouvons regrouper l'affichage des pages statiques. Nous allons voir comment utiliser et mettre en pratique cette nouveauté à travers un exemple, afin d'obtenir ceci:



Ici les pages « Statique 1 » et « Statique 2 » sont dans le groupe appelé « Présentation ».
Les pages statiques 3 et 4 sont affichées dans le groupe « Organisation »
La page « Statique 5 » ne fait partie d’aucun groupe. Elle est affichée au même niveau que « Présentation » et « Organisation »

Pour notre exemple nous devons donc créer 5 pages statiques « Statique 1 », « Statique 2 », etc… à partir de l’interface d’administration, menu « Pages statiques » tel que ci-dessous :


(cliquer pour agrandir)

C’est la colonne « Groupe » qui nous intéresse ici.

Pour que les pages statiques 1 et 2 appartiennent au même groupe « Présentation » il faut renseigner le champ correspondant avec le même nom de groupe :

« Présentation » pour les pages 001 et 002
« Organisation » pour les pages 003 et 004

La page statique 005 ne fait partie d’aucun groupe. Le champ groupe de la ligne « Page 005 » reste vide.

Il faut maintenant adapter notre thème pour mettre en place l’affichage. Nous allons modifier le fichier sidebar.php
Editez le fichier /themes/defaut/sidebar.php de votre PluXml et en dessous de la ligne :



Ajoutez les lignes suivantes :


(cliquer pour agrandir)


Nous avions l’habitude dans les versions précédentes de PluXml d’utiliser la fonction $plxShow->staticList pour afficher les pages statiques sous forme de menus horizontaux dans le fichier header.php

Depuis la version 5.0, la fonction staticList accepte un troisième paramètre permettant de définir l’affichage des groupes de façon verticale :




#group_id : id du groupe
#group_class : nom de la classe css utilisée pour formater l’affichage
#group_name : nom du groupe

Pour le nom du groupe la classe css utilisée est « static-group »
Pour les pages statiques la classe css utilisée est « static-menu »

Il nous reste donc à mettre en forme l’affichage grâce au fichier css de notre thème en ajoutant les lignes suivantes à la fin du fichier style.css
#sidebar .item-0 .static-group { padding-left:10px; font-weight : bold; background-color : #CCCCCC; }
#sidebar .item-0 .static-menu { padding-left: 30px; background-color : #EEEEEE; }
#sidebar .item-0 li a.active  { color : #999999; }
#sidebar .item-0 li a:hover  { color : #999999; }

Conclusion


La gestion des groupes de pages statiques offrent de nouvelles possibilités d’affichage pour mieux organiser par thématique vos pages statiques. Sa mise en place reste très simple car peu de code à ajouter dans votre thème, et son utilisation est très facile grâce à l’interface d’administration des pages statiques.

4 commentaires

#1 mardi 03 août 2010 @ 16:31 madvic a dit :

Bravo et merci.
Enorme évolution.

#2 dimanche 08 août 2010 @ 21:02 Yves David a dit :

Vraiment un gros plux euh, je veux dire un gros plus !!! Cette fonction manquait ! Maintenant on peut attaquer de plus gros projets avec Plux... SUPER, grand merci à l'équipe et longue vie à PluXml !!!

#3 mercredi 11 août 2010 @ 10:30 Zenk a dit :

Merci, bonne nouvelle !

#4 vendredi 25 mars 2011 @ 22:49 dosch a dit :

bonsoir, un peu en retard... je viens de redécouvrir pluxml, que j'avais utilisé longtemps en... 2007...
Je suis un peu perdu avec la notion de page static mais là n'est pas la question,; j'ai mis en place le menu vertical pour les page statics, super...
je voulais savoir s'il est possible d'avoir sur cette base un menu accordéon?
j'avoue ne pas voir comment m'y prendre (plus graphiste que codeur)
pourriez vous m'aiguiller,
merci beaucoup

Les commentaires sont fermés.