Comprendre le fichier theme.json

Avec l'arrivée du Full Site Editing dans WordPress, il existe une nouvelle façon de développer des thèmes WordPress, et on a donc maintenant deux grands types de thèmes qui vont fonctionner différemment : les thèmes dit "classiques", et les Block Themes (ou thèmes basés sur les blocs) Les thèmes classiques sont les thèmes comme on [...]

Ajoutez des hooks dans vos développements WordPress !

Rien que cette semaine, j'ai par trois fois répondu à un client en lui disant que la fonctionnalité demandée n'était pas possible (ou du moins pas possible facilement ou sans pirouette technique) simplement parce qu'il manquait une ligne de code dans l'extension qu'il me demandait d'étendre. Une seule ligne. Un seul hook pour pouvoir faire [...]

Automatiser ses tâches de développement avec des scripts npm

Quand vous développez un thème ou une extension pour WordPress, il y a de grandes chances que vous ayiez besoin d'outils CLI, que ce soit pour compiler vos fichiers Sass, minifier vos ressources CSS et JS, générer des fichiers JSON ou .pot, packager votre extension, etc... Il existe des centaines d'outils CLI et de packages [...]

Pourquoi développer son thème WordPress ?

Vu le nombre de thèmes présents sur le répertoire officiel de WordPress ou dans l'écosystème en général, on peut effectivement se poser la question. Pourquoi ne trouverai-je pas mon bonheur dans les thèmes qui existent déjà ? Il existe déjà de nombreux thèmes très puissants et très flexibles, avec énormément d'options de personnalisation : Astra, [...]

Développer votre première application ReactJS

ReactJS est une bibliothèque JavaScript très populaire qui permet de créer des interfaces dynamiques, et elle est maintenant incluse dans le cœur de WordPress. Le nouvel éditeur est en réalité une grosse application ReactJS et WordPress mets à notre disposition plein d'outils JavaScript et d'abstractions qui sont des surcouches de React. Dans le nouvel éditeur, tout [...]

Publier votre extension sur le répertoire officiel de WordPress

Dans le dernier article, on a vu ensemble comment développer votre première extension WordPress, dans un atelier vidéo de deux heures, pendant lequel on a appris à développer une mini-extension de A à Z, en respectant au maximum toutes les bonnes pratiques de développement pour WordPress. https://vincentdubroeucq.com/developper-votre-premiere-extension-wordpress/ Il y a quelques semaines (euh..., quelques mois...) [...]

Développer votre première extension WordPress

Si vous travaillez pour des clients, vous avez surement déjà copié-collé des petits bouts de code du fichier functions.php d'un site à un autre. Vous avez peut-être une petite bibliothèque de snippets sous le coude dans laquelle vous allez piocher de temps à autre. Mais pourquoi ne pas faire profiter le monde entier de vos [...]

Publier une extension sur le répertoire officiel de WordPress

Vous avez une idée d'extension et vous voulez la partager avec des millions d'utilisateurs sur le répertoire officiel de WordPress ? Excellent ! Dans cet article, on va passer en revue les pré-requis et recommandations pour publier une extension sur le répertoire officiel de WordPress dans les règles de l'art, maximiser vos chances de le [...]

Traduire le JavaScript dans WordPress

WordPress nous fournit plusieurs outils bien pratiques pour rendre nos développements traduisibles. On en a déjà parlé dans l'article Internationaliser son thème ou extension WordPress. J'en parle aussi plus en détails dans le WPCookBook. Traduire ses développements reste relativement simple tant qu'on reste dans le domaine du PHP. Il suffit de mettre nos chaines dans [...]

Créer un bloc pour le nouvel éditeur avec ACF Pro

J'aime beaucoup le nouvel éditeur de WordPress. Je le trouve excellent. Il offre pleins de nouvelles possibilités en terme de mise en page et de styles. Bon, ok. Il y a pleins de blocs qui sont rarement utilisés, pleins d'options dans tous les sens. Ce n'est pas toujours facile de s'y retrouver. Aussi, il y [...]

Comment créer une page de réglages pour une extension WordPress

Si vous créez des extensions pour WordPress, il y a de grandes chances que vous ayiez besoin d'une page dédiée pour les réglages. Créer une page de réglages n'est pas bien compliqué, car WordPress mets à notre disposition une API pour ça. Non, pas besoin d'un framework pour créer des pages de réglages, et non, [...]

Comment migrer un site WordPress avec WPMigrateDB

WordPress est un super outil. Il nous permet d'ajouter plein de fonctionnalités à nos sites avec juste quelques clics. Du coup, on peut vite être tenté de rajouter plusieurs extensions comme ça, juste pour tester. Le souci est que par conséquent, la taille totale des fichiers du site peut vite gonfler et sa base de [...]

Utiliser React dans un thème ou une extension WordPress

Qu'est-ce que React ? React est une bibliothèque / framework JavaScript qui permet de créer des interfaces dynamiques pour le devant des sites. Elle a été crée par Facebook, et est très populaire. C'est même LA bibliothèque la plus populaire pour créer des interfaces. Elle bénéficie d'une excellente documentation, d'un très bon support (Facebook, quoi) [...]

Apprenez à développer pour WordPress avec le WPCookBook !

En tant que développeur WordPress, je suis amené à travailler sur beaucoup de sites différents, et parfois, la façon dont sont conçus ses sites rendent les demandes clients difficiles à satisfaire ! Même si elles paraissent triviales ! Par exemple, pourquoi certains clients m'ont demandé d'ajouter un élément dans un menu ? Ils ne savent [...]

Comment créer un code court WordPress

Pour des raisons de sécurité, on ne peut pas insérer un bout de code PHP dans le contenu d’un article ou d’une page. Un code court (ou shortcode) est un moyen d’insérer du contenu dynamique dans le contenu statique de vos pages ou autres publications. Un code court WordPress se présente sous la forme [mon_super_code_court]. Un code court [...]

Comment charger les ressources JavaScript et CSS correctement dans WordPress

Imaginons que nous ayons besoin d'ajouter une feuille de styles supplémentaire pour notre thème. C'est-à-dire un besoin hyper courant, que tout le monde a eu et aura encore. C'est d'ailleurs la première chose que l'on doit faire quand on crée un thème enfant ! Il y a plusieurs façons de charger le CSS et le [...]

Le nouvel éditeur de WordPress et les thèmes

Le nouvel éditeur de WordPress est dans le coeur depuis la version 5.0. C'est une avancée majeure dans l'évolution de WordPress, dans la façon dont on va concevoir et rédiger notre contenu, mais c'est aussi une petite révolution pour les concepteurs de thèmes. On a beaucoup de nouvelles fonctionnalités et blocs disponibles, ça c'est cool. [...]

Créer un thème enfant

Si vous avez besoin de personnaliser votre thème — et croyez-moi, vous en avez besoin ou en aurez besoin tôt ou tard ! — alors il faut absolument créer un thème enfant. C'est ultra simple, mais c'est une étape qui, si elle est négligée, va vous coûter énormément ! Donc dans ce court article, on [...]