Création d’un thème sous wordpress.

Nous allons voir comment réaliser soit même un thème pour WordPress. Ce n’est pas très compliqué pour peut que l’on ai des connaissances dans ces trois langage de programmation ( (X)Html, PHP, et CSS ).

Je vais prendre comme exemple  le thème du site. Il comprend 12 fichiers, les voici un par un.

  1. Le modèle pour la page d’accueil : index.php.

    C’est la page centrale du votre blog, il contient vos différents articles et pages.
    La structure du fichier se compose de fonctions qui font appel aux documents « header.php », « footer.php », « sidebar.php » et le contenu de vos articles.
    C’est ici qu’arriveront généralement vos visiteur.

  2. En-tête : header.php

    L’ en-tête contient toutes les informations qui doivent être à l’intérieur de la baise <head> de votre page web XHTML, comme le <doctype> , les balises <meta> et des liens vers des feuilles de style. Il comprend également l’ouverture de du corps d’un document XHTML avec la balise <body> et l’en-tête « visible » de votre blog (qui comprend généralement le titre de votre site, et peuvent aussi inclure des menus de navigation, un logo, la description de votre site, etc…)

  3. Pied de page : footer.php

    Le pied de page contient les informations qui va au bas de votre page XHTML, telles que des liens vers d’autres pages ou les catégories de votre site, les droits d’auteur, les informations de contact, et d’autres détails… A vous de voir!

  4. La barre latérale : sidebar.php

    La barre latérale est une colonne verticale étroite souvent plein à craquer avec beaucoup d’informations sur un site Web. Elle est habituellement placé sur la gauche ou à droite de la page Web, même si dans certains cas, un site mettra en vedette deux sidebars, une de chaque côté du contenu principal où se trouvent vos messages.

  5. Archives : archive.php

    C’est une copie du fichier index.php, à une seule petite différence, au lieu d’afficher le contenu des articles en entier, nous y afficherons que les premières lignes de ceux-ci.
    Vous retrouvez donc sur une seule page les liens vers tous vos articles archivés. Ça permet de créer des modèles pour personnaliser cette passerelle vers vos archives.

  6. Modèle de page : page.php

    Encore une copie du fichier index.php.
    Les « Pages » contiennent des rensignements tels que « About Me », « Contactez-moi », etc… Les « Pages » vivent en dehors de la chronologie normale du blog, et sont souvent utilisés pour présenter des informations sur vous ou sur votre site qui sont en quelque sorte intemporelle, une information qui est toujours applicable. Vous pouvez utiliser Pages pour organiser et gérer tout type de contenu.
    Par exemple, ce tutoriel est écrit sur une « Page ».

  7. Article seul : single.php

    Et bien deviner quoi, ET OUI!, encore une copie! Celle-là va vous permettre d’afficher vos articles seul.

  8. Commentaires : comments.php

    Fichier nécessaire pour afficher les commentaires sur votre blog.

  9. Formulaire de recherche : searchform.php

    Le nom me semble clair!
    Il s’agit d’un fichier modèle qui est souvent inclus dans la barre latérale de nombreux thèmes et génère la forme boîte de recherche

  10. Résultats de recherche : search.php

    Ce n’est pas une page de recherche , il s’agit simplement d’un modèle qui affiche les résultats de recherche.

  11. Fonctions du thème : functions.php

    Fichier nécessaire pour, entre autre, « widgetiser » la sidebar.

  12. La feuille de style : style.css

    Pour mettre en forme tout çà.

Sous windows, je vous conseil l’excellent Notepad++ comme éditeur de texte, bien plus complet que notepad, l’éditeur par défaut de windows, bien que celui-ci puisse faire l’affaire.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">