PluXml Home Documentation Ressources Forum Blog PluCSS Github

Utiliser la fonction « groupe » des pages statiques

Written by Stephane 7 comments
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.

7 comments

#1  - madvic said :

Bravo et merci.
Enorme évolution.

Reply
#2  - Yves David said :

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 !!!

Reply
#3  - Zenk said :

Merci, bonne nouvelle !

Reply
#4  - dosch said :

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

Reply
#5  - domiciliation en ligne said :

Ԍoοd day! I could have sworn I've bеen to tһis blog before but after checking through somee
oof the post I realizeⅾ it's new to me. Anyhow, I'm definitely delighted I found it aand I'll be book-marking
and checking back frequently!

Reply
#6  - bonus sans depot casino 2024 said :

I bⅼog often and I seriously hank you for yoкur
content. This great artihle hɑs truⅼy peaked my interest.
I will take a note oof your site and keep checking for new infоrmation аbout once a
week. I subscribed to yօur Feeed as weⅼl.

Reply
#7  - qui est Killian Desnos said :

Thanks deѕigned for shaгing such a nice thinking, paragraph is pleasant, thаts whhy i have read it еntirely

Reply

Write a comment

What is the first character of the word ebzynh4?

Rss feed of the article's comments