PluxThèmes

Le début de l'intégration du thème Massively est fonctionnelle. Dans cet article nous ajouterons et corrigerons les manques et défauts pour le rendre entierement fonctionnel.

Ce sont des fonctionnalités comme les liens vers les catégorie ou les réseaux sociaux, le formulaire de contact, les traductions et l'application des styles.

Dans cet article nous allons regarder comment transformer un thème gratuit HTML pour le rendre utilisable dans PluXml.

Nous trouvons sur html5up.net le thème "MASSIVELY" qui peut convenir à PluXml.

A première vue, il y manquera au moins la liste vers les "catégories" et un fil d’Ariane .Il faudra aussi prévoir l'affichage des commentaires si l'on veut garder une certaine inter-action avec les visiteurs. Pour le reste nous nous conformerons au thème.

Ce thème est livré avec des images neutres colorées. Il faudra personnaliser l'image de fond principale.

Le thème est sous licence, licence que nous conserverons dans les fichiers et mention du thème ainsi que le lien vers son site d'origine.

La création d'un thème n'est pas aussi difficile qu'il n'y parait., il y a quelques règles à suivre et à connaître pour qu'il soit reconnu par PluXml et qu'il fonctionne dans tout les modes d'affichage de PluXml.

La premiere étape est de créer un nouveau dossier pour votre théme dans le dossier themes/ de PluXml.

Ces règles concernent principalement des noms de fichiers que PluXml va utiliser selon la page demandée, la première étape est donc de connaître et respecter ces règles en faisant l'inventaire ces fichiers requis dans un premier temps avant de les créer.

Un premier travail de préparation est nécessaire pour mettre en place votre projet de création de thème en créant simplement ces fichiers requis et en les laissant vide pour commencer. Ces fichiers sont à placer dans le dossier que vous avez créer pour votre thème.

Second volet de la série créer un thème.

Dans ce second volet nous ferons un inventaire des fichiers nécessaires et utiles.

Certains fichiers doivent être obligatoirement présent, c'est le cas par exemple de infos.xml pour qu'il soit disponible depuis l'administration.

Les fichier embarquent des parties de la page, il faut donc commencer par créer un squelette à découper et à redistribuer dans ces fichiers. La reconstruction est faites au moment d'afficher une page.

Trions nos fichier et dossiers pour y voir plus clair et passer aux étapes suivantes:

Dans cet article nous allons éditer et compléter les deux fichiers header.php et footer.php afin d'afficher l'entête, la navigation principale et le pied de page de votre site.. Ce sont les parties de pages généralement identiques sur un site.

Les quelques différences que l'ont peut malgré tout trouver dans ces parties de code commune sont généralement:

1. le titre de la page affichée dans l'onglet du navigateur
2. Une class ou une id qui permet d'identifier le mode d'affichage, type de page
3. la navigation qui met le lien vers la page en cours en évidence,
4. les balises meta pour description, keywords, author,
5. Le titre de la page,
6. et autres données non visuelles.

Ces différences étant gérer par PluXml, il n'y a pas lieu de s'en inquiéter.

Nous avons à ce stade de cette série d'articles,du code dans nos fichiers et un thème en partie fonctionnel qui n'affiche pas encore les contenus.

Dans cet article, nous allons remplir la page d'accueil home.php(ou la page blog si votre PluXml a une page statique en accueil) et afficher les contenus des articles article.php.

rappel

la structure actuelle choisie pour construire nos fichier est:

	<header></header>
	<main> <!-- c'est ici que le code de nos deux fichiers vont s'afficher --> </main>
	<footer></footer>

Nos gabarits de contenus sont actuellement construit comme ceci:

<?php if(!defined('PLX_ROOT')) exit; ?>
	<?php include __DIR__.'/header.php'; ?>
	<!-- ici viendront le HTML et les fonctions d'affichage de Pluxml / cette parie est contenu dans la balise main -->
<?php include __DIR__.'/footer.php'; ?>