PluXml Home Documentation Ressources Forum Blog PluCSS Github

Réaliser un thème statique

Written by Bazooka07 20 comments

Bonjour à toi ! Je me suis décidé à écrire ce billet suite à une remarque de Ghune dans cette discussion sur les forums. En effet, à une époque, deux versions de PluXml étaient proposées mais à l'heure d'aujourd'hui, je pense que les pages statiques pourraient amplement suffirent pour certains types de sites.

Nous allons donc voir comment modifier proprement les fichiers thèmes afin de ne garder que les pages statiques, c'est à dire grand nettoyage et optimisation de la feuille de style.


Pourquoi n'utiliser que les pages statiques ?


C'est la question évidente quand on vois l'intitulé de ce billet, et il faut l'avouer, dans certains cas de figure, les gens n'ont pas besoin de script de blog mais simplement d'un script qui pourrais gérer des pages et que l'on peut éditer facilement. Pour mon cas personnel, je n'ai pas utilisé PluXml, ( ne me tapez pas ! ) car le xHTML / Css ne me dérange pas trop, mais pour quelqu'un qui à moins de connaissances en ce domaine, ou pour une société voulant un site vitrine c'est peu pratique.


On épure les fichiers thèmes


Afin de ne pas avoir de surprises lors de la création / ou de la modification du thème, nous allons quelque-peu modifier les fichiers suivants :

Attention : Afin de vous y retrouver, j'ai supprimé certains fichiers ( voir la liste à gauche pour plus de détails ), vous ne pourrez donc en aucun cas utiliser ce thème pour un blog classique.

  • Style.css : Modifié
  • Home.php : Modifié
  • Article.php : Supprimé
  • Sidebar.php : Supprimé
  • Catégorie.php : Supprimé
  • Commentaires.php : Supprimé

Le but de la manœuvre est le suivant : enlever tout ce qui concerne la partie article pour n'avoir aucun soucis d'affichage. Pour cela je vous invite à télécharger les fichiers suivants que j'ai modifiés.

A noter : Dans cet exemple, la sidebar ( barre latérale ) a été supprimé puisqu'elle n'a plus d'utilité, enfin selon moi. Par contre il nous faut toujours avoir un article en page d'accueil, une page statique ne pouvant être assignée dans ce rôle.

Démonstration Téléchargement


Les points fort des pages statiques


Maintenant que notre thème est prêt pour utiliser nos pages, voyons ce que l'on peut faire avec.

Information : Vous pouvez voir sur les images précédentes un aperçu de la gestion des pages. Vous pouvez aussi apercevoir l'édition d'une page, vous retrouvez donc la PlxToolBar.

L'un des gros avantages dans ces pages statiques, est bien évidement l'insertion de php, ce dernier permettra de faire ce que vous voulez de vos pages. Vous pouvez par exemple y intégrer un formulaire de contact. Ces pages comme les articles gèrent aussi le xHTML / CSS / JS ce qui vous permettra facilement d'appliquer de très beaux effets.

Un autre point important qui peut vous être très utile, c'est la gestion de l'ordre des pages, pour la simple et bonne raison qu'une page statique ayant pour ordre " 0 " ne sera pas affichée dans la liste du menu, mais vous pouvez tout de même l'afficher en entrant l'adresse de celle-ci dans votre barre d'adresse. Ce petit détail vous permettra, par exemple, de créer des tutoriels sur plusieurs pages, ils vous suffit de mettre en ligne la première puis d'indiquer le lien vers la page suivante ( A faire manuellement lors de la rédaction de votre page ).

Je vous invite à retourner sur la démonstration que vous trouverez un peu plus haut, selectionnez le thème Static si celui-ci n'est pas déjà actif, puis visualisez les pages que j'ai moi-même testé pour vous donner un exemple illustré.


Compatibilité des thèmes PluXml


J'imagine que la première question que vous vous posez concerne les thèmes disponibles actuellement dans la partie ressources. Si vous décortiquez l'ensemble des fichiers que je vous ai mis à disposition un poil plus haut, vous verrez qu'il est possible pour vous d'utiliser des thèmes disponibles dans la partie ressources, mais il vous faudra mettre les mains dans la cambouis pour adapter l'affichage. Je déconseille fortement d'utiliser les feuilles de styles d'un thème sur un autre ayant une structure différente ( logique non ? ).

Ne vous inquiétez pas, nous verrons bientôt des thèmes pour PluXml statique dans les ressources, et je vous invite à visiter le Wiki Officiel afin de voir les modifications que vous pouvez apporter à votre site par le simple biais des pages statiques.

A bientôt pour une nouvelle aventure les pixrates !

20 comments

#1  - Gzyg said :

Simple et clair, ça devrait bien aider ceux qui se posaient la question ! :)
Perso, j'utilise deux Pluxml en "static-only" : un avec le menu des pages en sidebar, l'autre avec un menu horizontal...
Je vais essayer de prendre le temps de proposer les deux thèmes dans "Ressources".

Reply
#2  - ti_pierre said :

@Gzyg : Je vais aussi contribuer avec des thèmes statiques, je pense que ça manque en effet dans les ressources. Merci pour le retour ;-)

Reply
#3  - gcyrillus said :

Bonne introduction pour expliquer ou rappeller que pluxml est et peut-etre utilisé aussi comme un framework php basé sur xml .
GC

Reply
#4  - Ghune said :

Super ! Ca manque en effet de thème mais c'est une excellente initiative !
Un outil aussi simple pour faire un site statique, ça n'existe nulle part ailleurs...

Reply
#5  - Ghune said :

Un essai (j'ai péniblement adapté, il y a plein de choses qui ne sont sûrement pas très propres mais ça marche :
http://marie.francoise80.free.fr/valmoloc/

Reply
#6  - Lewo said :

Une petite erreur dans ce billet :
"Ne vous inquiétez pas, nous verrons bientôt des thèmes pour PluXml statique dans les ressources, et je vous invite à visiter le Wiki Officiel afin [...]"
L'adresse vers le Wiki ne pointe pas là ou il faudrais (http://wiki.pluxml.org/)

Reply
#7  - marama said :

@Lewo : Merci c'est corrigé ;)

Reply
#8  - bg62 said :

perso je ne le voyais pas tout à fait comme cela ... mais plutôt comme une manière de pouvoir créer un site qui s'ouvrirait sur une page statique, avec d'autres bien sur, mais pourrait toujours bénéficier des gros avantages du blog, c'est à dire de continuer à faire vivre son site !
le blog en page d'accueil pour un "statique" ça fait étrange, mais avoir la possibilité de le paramétrer pour qu'il soit dans un autre onglet , "news" (ou autre ...) par exemple , là ce serait top !
@+

Reply
#9  - shaitan said :

Bonjour,

Si j'utilise le thème static proposé en pièce jointe j'ai une erreur: Fatal error: Call to undefined function selectSkin() in /home/shaitan/www/shaitan/themes/Static/header.php on line 12

Je suis quasiment certain d'être complètement à coté de la plaque. J'espère que vous pourrez m'aider.

Reply
#10  - ti_pierre said :

@shaitan : Erreur de nul, c'est ma faute, j'ai oublié de virer le selecteur de thème. J'ai répondu sur les forums ;)

Reply
#11  - shaitan said :

Merci, je vais voir ça.

Reply
#12  - Pauline said :

Bonjour Bonsoir , alors voila , je voudrai crée une page statique , avec un lien qui menerai a mon blog par la suite . ( comme ceci : http://kjphotography.canalblog.com/ ) Hors , cela fais bien 2 h que je cherche sur google . Est ce que quelqu'un peut m'aider ? Me renseigner ? M'indiquer quel site allé voir ? Ou meme carrement me donner une reponse precise avec des liens ? :D

Reply
#13  - marama said :

@Pauline : Je t'invite à poser cette question sur le forum => http://forum.pluxml.org

Reply
#14  - h2o said :

@ti_pierre qui dit ; "Erreur de nul, c'est ma faute, j'ai oublié de virer le selecteur de thème. J'ai répondu sur les forums ;)"
Je ne comprends pas pourquoi, 2 semaines plus tard, c'est toujours un zip "problématique" qui est en ligne... :(

Reply
#15  - Faire des économies said :

Bravo pour les explications, j'envisage d'en réaliser un bientôt

Reply
#16  - Ghune said :

Merci encore pour ces explications. Le lien pour télécharger le site en version statique n'est plus disponible, dommage. Et sinon, va-t-on voir d'autres thèmes un jour ? Ce serait sympa ! Et puis c'est probablement beaucoup plus simple.
Un menu en haut, ou sur les côtés, et hop !

Reply
#17  - Paul said :

Salut,
c'est moi ou le lien Téléchargement est cassé ?
en tt cas merci pour cet article tres utile.

Reply
#18  - Stéphane said :

@Paul :
Effectivement le lien est cassé. on va réparer ça rapidement. merci de l'avoir signaler.

Reply
#19  - Lo said :

Bonjour, la page de téléchargement n'est plus accessible.

Reply
#20  - Enrollment started for In-Person Shadow Teacher 2022-2023 in Cando city said :

Thank you a bunch for sharing this with all folks you really understand what you're speaking
approximately! Bookmarked. Kindly additionally visit my site =).
We could have a link exchange contract among us

Reply

Write a comment

What is the second character of the word 5ps3f6?

Rss feed of the article's comments