créer un thème - étape fichiers 02
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:
| Dossier de votre thème | |||
|---|---|---|---|
| Mode d'affichage fichiers obligatoires |
fichiers accessoires aux differents modes |
Autres utiles, administration |
Sous-Dossiers utiles et conseillés |
|
|
|
|
Préparons le squelette de nos pages
Ce tutoriel part du principe que vous avez les compétences pour créer une page HTML.
Si ce n'est pas le cas ou que vous avez un doute, voici une référence utile:Notions de base en HTML., il n'est pas nécessairement utile de connaître le langage PHP, il faudra simplement prendre soin de bien insérer les parties PHP à copier/coller aux endroits indiqués dans votre squelette.
Le squelette des pages va être distribuer dans les différents fichiers du thème.
Les fichiers de la colonne Mode d'affichage afficheront les contenus , ceux de la deuxième colonne ne dépendent pas du contenu à afficher et serviront à la majorité des pages de votre site.
Vos pages se construirons principalement avec les fichiers suivants:
header.phpXX.phpoù XX correspond au mode d'affichage de PluXml.footer.php
Coté structure HTML, pour distribuer les contenus en zones principales, nous pouvons commencé avec :
<header id="header"></header>
<main id="main"></main>
<footer id="footer"></footer>Vous l'aurez compris, header.php va recevoir le doctype, et toute la partie <head> de votre document HTML, l'entete visuelle de votre site et son menu de navigation principale.
Le fichier suivant affichera le contenu spécifique de la page demandée (selon le mode d'affichage)
Et footer.php affichera votre pied de page
Nous pouvons déjà éditer et modifier nos fichier pour le mode d'affichage de la façon suivante:
home.php, article.php, categorie.php, static.php, tag.php, archive.php, erreur.php
<?php if(!defined('PLX_ROOT')) exit; ?>
<?php include __DIR__.'/header.php'; ?>
<!-- ici viendront le HTML et les fonctions d'affichage de Pluxml -->
<?php include __DIR__.'/footer.php'; ?>Pour le fichier header.php , nous pouvons par exemple commencer avec :
<!doctype html>
<html lang="XX">
<head>
<meta charset="XX">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XX</title>
<link rel="stylesheet" href="https://pluxthemes.com/XX/styles.css" media="all">
</head>
<body>
<!-- entête et navigation classiquement contenu dans header.php -->XX sera remplacer par des fonction de PluXml.
Et footer.php y mettre:
<!-- fin de page chargée depuis le fichier footer.php -->
</body>
</html>Interlude
Nous avons maintenant l'essentiel pour que nos pages se construisent à la demande, il reste a intégré dans nos fichiers le HTML et les fonctions d'affichage des données.
Vous pouvez voir les fonctions d'affichage de PluXml ici: fonctions $plxShow
Dans le prochain article , nous allons construire les fichiers header.php et footer.php.
Le fichier sidebar.php sera abordé avec la personnalisation des gabarits un peu plus tard lorsque vous vous serez familiarisé avec la class plxShow.
Vue d'ensemble
| Articles de la série: "créer un thème" |
articles connexes | Ressources externes |
|---|---|---|
| étape fichiers 01 | MAJ d'un vieux thème | |
| étape fichiers 02 | ||
| étape fichiers 03 | thème multilingue | |
| étape fichiers 04 | affichage des commentaires. | |
| étape fichiers 05 | le fil d'Ariane | |
| étape fichiers 06 | ||
| archive ZIP du thème construit dans ce tutoriel themedututo.zip. | ||
| étape CSS 01 | meta "viewport" | |
| étape CSS 02 | la balise "link" | |
| étape CSS 03 | Outils de verification du W3C. | |