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

Continuer à lire "Automatiser ses tâches de développement avec des scripts npm"

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

Continuer à lire "Pourquoi développer son thème WordPress ?"

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

Continuer à lire "Développer votre première application ReactJS"

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

Continuer à lire "Publier votre extension sur le répertoire officiel de WordPress"

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

Continuer à lire "Développer votre première extension WordPress"

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

Continuer à lire "Publier une extension sur le répertoire officiel de WordPress"

Introduction à l’approche CSS Utility First

Maintenir du code CSS peut être très compliqué. Plus le site ou l'application grossit, plus la feuille de style va grossir, et plus vous allez avoir du mal à vous y retrouver quand vous voudrez effectuer des changements. Non seulement vous perdez en lisibilité, mais en plus vous livrez au navigateur une feuille de style [...]

Continuer à lire "Introduction à l’approche CSS Utility First"

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

Continuer à lire "Traduire le JavaScript dans WordPress"

Comment WordPress gère la page d’accueil :
front-page.php, home.php,
is_front_page() et is_home()

Quand on développe un thème WordPress ou un site entier, on a souvent envie (ou besoin) de bichonner un peu notre page d'accueil. Et pour ça, il faut bien mettre les mains dans le code du thème. Pourtant, s'il y a bien un point qui prête à confusion, c'est comment WordPress gère cette page d'accueil. [...]

Continuer à lire "Comment WordPress gère la page d’accueil :
front-page.php, home.php,
is_front_page() et is_home()"

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

Continuer à lire "Créer un bloc pour le nouvel éditeur avec ACF Pro"

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

Continuer à lire "Comment créer une page de réglages pour une extension WordPress"

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

Continuer à lire "Comment migrer un site WordPress avec WPMigrateDB"

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

Continuer à lire "Utiliser React dans un thème ou une extension WordPress"

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

Continuer à lire "Apprenez à développer pour WordPress avec le WPCookBook !"

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

Continuer à lire "Comment créer un code court WordPress"

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

Continuer à lire "Comment charger les ressources JavaScript et CSS correctement dans WordPress"

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

Continuer à lire "Le nouvel éditeur de WordPress et les thèmes"

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

Continuer à lire "Créer un thème enfant"

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

Continuer à lire "Internationaliser son thème ou extension WordPress"

Créer un slider ou carrousel sans JS avec CSS scroll-snap

Personnellement, je n'aime pas les sliders ou carrousel. Je déteste arriver sur une page, commencer à lire le contenu d'une slide, pour qu'elle disparaisse de l'écran avant que je n'ai fini de la lire. Je dois alors trouver la navigation (qui est en générale assez discrète), puis recliquer sur la slide précédente pour finir ma [...]

Continuer à lire "Créer un slider ou carrousel sans JS avec CSS scroll-snap"