Anatomie d’un thème WordPress – Template blog

Quelques éléments pour comprendre le fonctionnement de WordPress

Dans cette infographie, je vous propose de nous pencher sur le CMS (logiciel de gestion de contenus en ligne) WordPress.

Je parle assez souvent de Wodpress, car c’est la meilleure plateforme pour créer et gérer un blog. Le blog étant, de nos jours, le meilleur moyen pour être visible sur Internet…

Vous comprendrez donc l’importance de bien connaître votre outil. Pour cela, je vous propose de découvrir rapidement comment est constitué un thème créé pour WordPress.

Avant tout, revenons sur les grandes parties d’un blog WordPress :

1. Le CMS WordPress
   1. C’est le programme que nous installons sur un serveur. Il gère tous les contenus, l’ensemble du blog. C’est la matrice…
2. Le thème
   1. C’est le design, l’habillage du site. C’est ce qui est garant de l’unité du blog. On l’appelle également « Template ».
3. Les plug-ins
   1. Ce sont des petits programmes qui viennent s’ajouter au CMS WordPress pour compléter ses fonctionnalités ;
   2. Ils permettent de rendre votre blog plus riche ;
   3. Attention, plus il y a de plug-ins et plus vous risquez d’alourdir votre blog et de ralentir son temps de téléchargement (pas conseillé !) ;
   4. Attention également aux plug-ins qui ont des failles de sécurités ou des bugs ;
   5. Vérifiez toujours la compatibilité de votre plug-in avec la version de votre CMS WordPress…
   6. Consultez les commentaires pour savoir s’il existe des risques quelconques à l’installation de ce programme.
4. Les documents multimédias
   1. Ce sont tous les fichiers que vous téléchargez (images, PDF, vidéos, enregistrements audio…).
5. Les widgets
   1. Ce sont des éléments qui s’affichent sur le blog selon des positions bien définies (colonne de gauche, de droite, dans l’entête/header, dans le pied de page/footer) ;
   2. Ils permettent d’ajouter des contenus, d’améliorer la navigation (articles les plus lus, catégories…) ou des fonctionnalités intéressantes (Facebook Likebox, Boutons de partages…).
6. Les pages
   1. Attention, les pages ne sont pas des articles ;
   2. Les pages reprennent la philosophie d’un site classique. Elles permettent de créer des « pages » dans le menu principal afin d’apporter du contenu spécifique (Qui sommes-nous, page de contact…).
7. Les articles / posts
   1. Les articles sont pour la plupart du temps présenté par ordre chronologique (de plus récent au plus ancien) depuis la page d’accueil du site.
   2. Ils peuvent être regroupés par catégorie ou par tag (mot-clé).

Pour plus d’information sur le CMS WordPress, je vous recommande de vous référer au Codex de WordPress :

• Démarrer avec WordPress
• Style et disposition sur WordPress
• Fonctionnalités de WordPress

Comment faire la différence entre une page et un article sur WordPress ?

Voici un podcast que je vous ai préparé pour vous expliquer la différence entre les deux :

Podcast: Play in new window | Download

Le décor ainsi planté, je vous invite à découvrir l’infographie réalisée par Techking :

Ce document vous présente les 9 principales parties constituantes du template regroupées en 4 zones :

1. Zone 1 – Le Header (En-tête)
   1. Zone d’insertions du logo, de la bannière principale du blog, du menu principal et d’autres fonctionnalités telles que des boutons de partages ou la zone de du moteur de recherche interne (Searchbox).
2. Zone 2 – La Sidebar
   1. Zone de chargement des widgets ;
   2. Peut-être à droite ou à gauche (il arrive également qu’il y en ait en footer et en dessous du header !).
3. Zone 3 – Le Footer (pied de page)
   1. Clôture le blog ;
   2. Permets d’afficher le menu bas avec les mentions légales, les conditions de vente, le plan du site…
   3. Permets d’afficher quelques widgets.
4. Zone 4 – Zone appelée « LOOP »
   1. L’Index
      1. Il affiche tout ou partie des articles (liste de posts) en page d’accueil.
   2. Les Archives
      1. Affichée par mots-clés (tags), catégories, dates ou par auteur.
   3. Les pages
      1. Affiche les titres des pages, leurs contenus, les commentaires et autres tags.
   4. Le Single ou Post
      1. Affiche que le titre, le contenu, les catégories et tags d’un post.
   5. Les commentaires
      1. Affiche l’avatar (photo, représentation graphique de la personne qui a laissé le commentaire), les commentaires et les pingbacks quand il y en a un (permet de tenir au courant le propriétaire d’un site/contenu à mentionnant son site ou un lien de son site).
   6. La fonction de recherche (moteur de recherche sémantique interne)
      1. Affiche une liste des résultats de recherches

J’espère que cet article et cette infographie vous permettront de mieux appréhender WordPress et vous aideront dans la construction de votre projet en ligne.

Bon jeudi à vous little Guroos ;D

Jérémy BOYE

Print PDF