Apprendre Git – Partie 3 – Travailler avec un dépôt distant

Dans la première partie de cette mini-série Apprendre Git, on a fait connaissance avec Git. On a appris à initialiser un dépôt, on a fait nos premiers commits et on a découvert comment Git fonctionne. Dans la deuxième partie la série, on a parlé des branches. Les branches sont un concept central dans Git. On [...]

Continuer à lire "Apprendre Git – Partie 3 – Travailler avec un dépôt distant"

Apprendre Git – Partie 2 – Les branches

Dans la première partie de cette mini-série Apprendre Git, on a découvert l'outil de contrôle de version Git. On l'a installé, configuré brièvement et on a fait nos premiers commits. On a même vu comment restaurer des fichiers en cas de souci. Dans cette deuxième partie de Apprendre Git, on va parler des branches. Qu'est-ce [...]

Continuer à lire "Apprendre Git – Partie 2 – Les branches"

Apprendre Git – Partie 1 – Les bases

Dans ce premier article d'une petite série "Apprendre Git", on va parler ... de Git. Git est un outil très populaire qui est devenu pratiquement indispensable dans tout workflow moderne de développement. Git est un outil puissant mais qui peut être intimidant pour le non-initié. Dans cet introduction, on va faire de vous des initiés [...]

Continuer à lire "Apprendre Git – Partie 1 – Les bases"

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

Continuer à lire "Comprendre le fichier theme.json"

10 choses simples à ne pas oublier quand vous développez vos thèmes WordPress

Vous avez reçu une maquette pour un site vitrine simple, et vous devez maintenant développer le thème pour le client. La maquette ne contient que quelques pages (4 ou 5) et vous vous dites donc que ça ne va pas être très long ni très compliqué. Doucement ! Ce n'est pas parce que 5 pages [...]

Continuer à lire "10 choses simples à ne pas oublier quand vous développez vos thèmes WordPress"

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

Continuer à lire "Ajoutez des hooks dans vos développements WordPress !"

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 !"