Cette fois ci, on commence le code, le vrai, le dur 😛 ! Rassurez-vous, encore une fois rien de compliqué. Je prendrai le temps qu'il faut pour vous expliquer chaque étape du code.

Nous allons commencer dans l'ordre avec l'en-tête de page, donc le fichier header.php, qui une des parties les plus simples dans un thème WordPress.

Lire la suite

Maintenant que nous avons installé WordPress et configuré notre thème, nous allons pouvoir commencer à coder 😉 !

Je vais d'abord vous présenter la structure que j'ai choisie pour la suite du tuto. C'est une structure très simple mais complète, que vous retrouverez souvent sur les blogs. Donc rien de bien original pour l'instant, mais il faut bien commencer par quelque chose !

Voici donc cette structure suivie d'un petit schéma :

• En-tête : Titre et description du blog, menu
• Contenu : les différents articles ou pages
• Barre latérale : fonction de recherche, liste de catégories, liens...
• Pied de page : mentions légales

Lire la suite

Pour pouvoir trouver notre thème dans l'interface d'administration de WordPress, il va falloir le renseigner un peu, lui donner un nom, une description etc. Toutes ces informations doivent se trouver en commentaires dans le fichier style.css, en utilisant une syntaxe clé/valeur, un peu comme les fichiers .ini. Par la suite, cela vous sera très utile si vous voulez héberger votre thème sur WordPress.org. Lire la suite

C'est parti pour les choses sérieuses ! Nous allons aborder la création de thème de manière générale d'abord... Pour la suite de ce tutoriel, je vais considérer que nous avons un dossier nommé wordpress où est installé WordPress (ingénieux non ?). Ce dossier contient donc les traditionnels dossiers wp-admin, wp-content et wp-includes. Comme vous le savez sûrement déjà, les thèmes sont placés sous wordpress/wp-content/themes/. Pour loger tous les fichiers de notre thème, nous allons créer un dossier dans themes/. Par exemple, wordpress/wp-content/themes/montheme. Lire la suite

Pour pouvoir créer notre thème en toute sérénité, nous allons commencer par installer tout ce qu'il nous faut en local. Il va nous falloir un serveur web, WordPress bien entendu, ainsi qu'un peu de contenu pour tester tout ça... Lire la suite

Je vais vous proposer ici un sujet dont on ne traite pas assez (en français en tous cas), la création de thème pour WordPress. L'originalité de ce tutoriel réside dans le fait que le code sera expliqué pour XHtml, puis dans une seconde partie pour Html 5. Je tenterai d'expliquer le plus finement possible les différences entre ces 2 langages.

Lire la suite