Créer un thème WordPress – 5 – La mise en page générale

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

Créer un thème WordPress – 4 – Informations sur le thème

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

Créer un thème WordPress – 3 – L’architecture des fichiers

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

Créer un thème WordPress – 2 – Installation

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

Créer un thème WordPress – 1 – Introduction

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

Les transitions Css3

Bonjour vous 🙂 ! Je vais vous parler d'une des innovations fort sympathiques du Css3 : les transitions. J'utilise cette propriété sur les liens de mon blog par exemple (ceux qui changent de couleur doucement vers le rouge - si vous avez un navigateur compatible 😉 ). En fait, les transitions vous permettent de réaliser des effets très simplement sur toutes sortes de propriétés comme la largeur d'un élément, ses couleurs, etc, sans utiliser Javascript. Elles ont pour rôle "d'adoucir" un changement d'état lors d'une action comme un survol ou une prise de focus. Lire la suite

Différencier les commentaires WordPress

Voici le problème... On voit souvent sur des blogs que les commentaires des auteurs sont différenciés des autres. J'ai mis en place cette solution sur ce blog, mais jusqu'ici avec un système en Php qui comparait l'auteur de l'article avec celui du commentaire. Vous me direz c'est la solution la plus évidente, mais cela rajoute encore quelques lignes de code à celles du thème, qui deviennent déjà vite compliquées :-?. Je vais vous présenter ici une fonction WordPress très utile que je viens juste de découvrir : comment_class( ). Lire la suite