Félix Girault
développeur pile complète
Si vous souhaitez offrir plus de choix de personnalisation pour vos thèmes WordPress, voici un article qui devrait vous intéresser !
Nous allons voir ensemble comment mettre en place une page d'options disponible dans l'administration, pour laisser vos utilisateurs modifier votre thème en toute sécurité, sans requérir de connaissances particulières.
Comme à mon habitude, je parlerai ici de la version 3 (ou supérieure) de WordPress.
Lire la suiteEt voilà, on arrive au bout de ce tutoriel WordPress ! Cette partie sera très, très courte, étant donné le peu de choses que l'on trouve en général dans le pied de page. Ici, on va juste y ajouter une ligne de copyright, et des scripts à charger en fin de page. Ensuite, votre thème sera totalement fonctionnel et assez complet pour commencer sérieusement son design !
Lire la suiteBienvenue dans cette dixième partie, où nous allons aborder l'un des éléments les plus importants d'un thème WordPress : La barre latérale ! C'est ici que l'on pourra afficher les différents widgets, comme un formulaire de recherche, une liste de catégories, de tags, etc.
Étant donné que ces widgets sont gérés par WordPress, dans l'administration, nous allons pouvoir faire fonctionner cette barre sans efforts, avec un minimum de code. Nous verrons ensuite comment aller un peu plus loin pour des cas particuliers. Par exemple, créer plusieurs emplacements pour les widgets (on voit parfois des designs à deux barres latérales, ou une dans le pied de page...).
Lire la suiteDans cette partie, nous allons ajouter un petit peu de vie et d'interactivité à notre thème en y ajoutant des commentaires.
Un petit peu d'histoire tout d'abord... Avant, le code dédié aux commentaires était semblable à celui de l'affichage des articles. Depuis la version 3, WordPress nous propose une fonction toute faite pour afficher la liste des commentaires sur un articles. Il est fortement recommandé de l'utiliser, non seulement parce qu'elle vous simplifie le travail, mais aussi particulièrement si vous souhaitez héberger votre thème sur wordpress.org. De même, il existe une fonction pour l'affichage d'un formulaire de réponse.
Rassurez-vous, ces fonctions sont totalement paramétrables, vous en faîtes ce que vous voulez !
Lire la suiteDans cette partie, nous allons traiter les choses un peu plus en finesse. Dans la partie précédente, nous avions rempli notre index.php pour afficher une liste d'articles. Ici, nous allons travailler sur les fichiers single.php (article unique) et page.php (page unique).
Comme je vous le disais, le fichier index.php représente la plus grosse part du travail. Maintenant, nous allons nous contenter de le reprendre en y apportant de légères modifications. Je vais donc vous demander de recopier tout le contenu de de index.php dans les fichiers single.php et page.php. Ensuite, commençons 🙂 !
Lire la suiteCet article sera probablement la plus grosse partie de notre tutoriel consacré à la création de thème WordPress. Nous allons voir un paquet de choses nouvelles, essentielles au fonctionnement d'un thème, aussi basique qu'il soit. Toute cette partie sera axée autour du fichier index.php qui, si vous vous souvenez bien, est le fichier que WordPress affiche quand il n'en trouve aucun plus spécifique.
Avant de commencer, un petit rappel de ce que vous devez avoir dans votre index.php :
Lire la suiteCette 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 suiteMaintenant 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 :