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 [...]

Internationaliser son thème ou extension WordPress

Personnellement, l'anglais ne me pose pas de souci. J'ai été professeur d'anglais pendant presque 10 ans, et je lis et consomme tellement de contenu en anglais, que parfois je ne me rends même pas compte que l'interface WordPress de certains de mes clients est moitié française, moitié anglaise. Selon leurs besoins, ces clients utilisent des [...]

Les fonctions indispensables de tout thème WordPress

Pour développer un thème WordPress correctement et garantir le maximum de compatibilité avec le maximum d'extensions, il y a un certain nombre de principes à respecter, et de passages obligés. Parmi ces contraintes, il y a l'obligation d'utiliser certaines fonctions indispensables. En effet, celle-ci sont critiques, car la plupart d'entre-elles exposent des hooks de WordPress [...]

Développer un thème pour WordPress

Développer un thème WordPress n'est pas forcément chose facile. Mais ce n'est pas non plus sorcier si on sait par où commencer ! 🙂 Dans cet article, je vais vous détailler mon process pour développer un thème. Ce n'est pas forcément LA solution ni LA roadmap ultime, mais c'est un process qui fonctionne pour moi, [...]