Aujourd’hui, nous allons commencer à entrer dans le vif du sujet. Je vais essayer de ne pas faire d’articles trop long pour que vous puissiez assimiler le tout au fur et à mesure.
Si vous tombez par hasard sur cet article, mieux vaut que vous commenciez par le début, sinon vous risquez d’être rapidement perdu…
Présentation des fichiers templates:
Donc, aujourd’hui nous allons commencer à s’intéresser de plus près au blog sous Wordpress et notamment à son thème et à ses templates. Tout d’abord, il faut savoir qu’un thème pour Wordpress est composé de 3 éléments:
- la ou les feuilles de style: c’est ce qui va donner le style, l’apparence que vous voulez à votre blog. Ce sont ce qu’on appelle les CSS, les Cascading Style Sheets.
- les images: on va trouver dans le thème toutes les images utilisées par la feuille de style pour habiller votre blog.
- les Templates: ce sont les fichiers, les différents éléments en PHP, qui vont composer la page web de votre blog visuellement. Les plus connus sont le header, index, sidebar et footer:
Remarque: dans le schéma ci-dessus, on assimilera pour l’instant le contenu, “Content” au fichier index.php, étant donné que l’on ne va aborder que celui-ci pour le moment. Sachez cependant que le contenu peut se référer à d’autres fichiers que l’index.
Voyons un peu plus dans le détail, ce que comportent ces 4 fichiers PHP:
- Le Header (header.php): il contient toutes les infos figurant en haut de votre blog. On y trouve notamment les infos contenues par la balise <head> comme le DocType, les balises META, les liens vers les feuilles de styles CSS, ainsi que d’autres infos utiles pour un bon référencement de votre blog. En bref, le header héberge les infos importantes pour un bon affichage de votre blog dans un navigateur. Enfin, le header comporte l’entête de votre blog, avec son titre et sa description.
- l’index (index.php): il contient le contenu de votre blog, vos articles et différentes pages. En fait, il ne le contient qu’indirectement puisque c’est dans le Loop Wordpress que l’on va trouver les règles qui vont déterminer ce qui doit être affiché dans l’index. Mais nous parlerons du Loop dans un prochain tutoriel.
- la sidebar (sidebar.php): C’est la colonne qui va afficher différentes informations comme la blogroll, les derniers articles, les derniers commentaires, soit tout l’ensemble de widgets pour une meilleure navigation dans le blog. Elle pourra se trouver à gauche, à droite ou au-dessous du contenu. D’un point de vue codage, elle sera située entre le contenu et le footer.
- le footer (footer.php): Situé en bas de page (comme son nom l’indique), il “ferme” la page et contient différentes informations comme celles de copyright, de l’auteur ou encore de la plateforme utilisée.
Dans le prochain article, nous allons voir comment sont organisés ces fichiers templates. Je ne veux pas trop vous assomer d’un coup! Je préfère faire plusieurs petits articles au début plutôt qu’un seul gros, histoire que l’assimilation soit plus facile !
N’hésitez pas à poser des questions ou à faire des remarques.
Tutoriel suivant: 4. Hiérarchie des templates
Fran6
![[]](http://m3.moostik.net/img/?pseudo=fran6art&option=invisible)
Très interessant, si je connaissait déjà les éléments présentés ci-dessus, j’ai hâte de voir la suite !
Merci Benji, pas toujours facile de bien rédiger ce genre de billet…J’espère en tout cas être suffisamment clair !!
Oui c’est clair, et je tenais à t’encourager pour ce projet d’articles, c’est, en plus d’être interessant : très utile !
Bravo à toi, j’attend aussi la suite avec impatience.
Cyril
Merci pour ton soutien Cyril !
comme benji pour le moment je connais les éléments présentés mais j’attends la suite avec impatience
Bien expliqué !