Introduction : anatomie d’un thème

Tous les sites sont faits de la même manière, du moins pour les fondations. On va se les remettre en tête, car ça va nous aider à comprendre comment WordPress se base sur ces codes pour la conception de thèmes.

Les zones typiques d’un site

En me basant sur la structure d’un thème de type « blog » classique, je peux le découper en 4 zones :

En général, on a :

• Le Header : l’en-tête, en haut, toujours la même selon la page ;
• Le Footer : le pied de page, en bas, également toujours le même sur chaque page ;
• Le Content : Le contenu principal, différent sur chaque page ;
• La Sidebar : Une éventuelle barre latérale contenant des informations transverses ;

WordPress respecte ce découpage et on créera un fichier de thème pour chacune de ces zones.

Les composants typiques d’un site

Si je creuse un peu plus en détails, on y trouve des composants communs :

Le rôle de ces composants est de rendre le thème dynamique, et le site administrable. On retrouve :

• Les menus : un dans le header en général, et certains dans la sidebar ou le footer
• Les commentaires : à la suite d’un article (dans les pages articles seulement)
• Les widgets : dans les sidebars ou le footer pouvant afficher les derniers articles, les catégories, un contenu statique…
• La navigation : pour aller à l’article suivant ou précédent.

Dans la suite de la formation, on va apprendre à utiliser ces zones et composants mais pour le moment on va déjà mettre en place le strict minimum pour déclarer notre thème.

Dans le prochain cours, on va s’équiper de notre éditeur de code et créer les fondations de notre premier thème.