Dans cette rubrique, je partage mes connaissances mais également mes découvertes autour du développement web. Je parle de HTML, CSS, PHP, Javascript et de CMS (essentiellement WordPress). Vous trouverez également des articles sur mon environnement de travail et les outils que j’utilise pour développer des sites. Je reviens également sur les derniers projets et scripts que j’ai mis en ligne.
Le développement web en quelques mots
Le développement web consiste à développer des applications pour le web au travers de langages informatiques. Il repose sur HTML, CSS, PHP et Javascript mais pas uniquement, il existe d’autres langages utilisés. Parmi les différents langages, il faut également différencier ceux qui vont s’exécuter au niveau du serveur et ceux qui vont s’exécuter côté client (au niveau du navigateur). Le développeur web peut avoir une spécialité comme front-end ou back-end voire être full stack (les deux à la fois). Les technologies évoluant rapidement et vu la variété de langages, il peut également avoir une spécialité technique : développeur PHP / Python / Javascript / WordPress par exemple.
Articles ayant pour thème : Développement
Coldark : un thème dark ou clair pour VS Code
Comme j’utilise souvent VS Code, je souhaitais un thème qui corresponde à mes goûts et à mes besoins. J’ai donc créé un thème proposant deux versions : dark et light. Je l’ai nommé Coldark et, évidemment, il est open source.
Créer un thème pour VS Code
Lorsqu’on utilise souvent un outil, c’est encore plus appréciable quand il correspond à nos goûts. VS Code propose de nombreux thèmes, mais aucun ne me convenait parfaitement. J’ai donc créé mon propre thème.
Les MU Plugins de WordPress
WordPress propose deux types d’extensions : celles que vous avez sans doute l’habitude d’utiliser et les MU Plugins (pour « Must-Use Plugins »). Si vous ne connaissez pas ce deuxième type, je vais vous les présenter et vous expliquer quand et comment les utiliser.
Minimalist + WooCommerce
Le thème Minimalist évolue et supporte désormais WooCommerce, le plugin WordPress pour transformer son site en e-commerce. Ceux qui souhaitent une boutique en ligne minimaliste peuvent ainsi l’utiliser.
Respecter les WordPress Coding Standards
Les « coding standards » sont des normes à respecter pour écrire le code d’une application. WordPress possède ses propres normes : les WordPress Coding Standards (WPCS). Elles concernent PHP, CSS, Javascript et l’accessibilité. Nous allons voir comment configurer nos outils pour pouvoir les respecter.
WordPress Gutenberg : Alignfull & alignwide
L’éditeur Gutenberg propose deux nouvelles options pour l’alignement « alignwide » et « alignfull ». Pour les activer, il faut ajouter une ligne dans le fichier function.php. Ensuite, il faut définir les styles pour chacun des alignements. Pour y parvenir, plusieurs approches sont possibles.
Git : utiliser plusieurs dépôts distants
Il est parfois utile d’avoir deux dépôts distants différents (« remote repository ») pour un même dépôt local (« local repository »). Pour une telle configuration, il faut utiliser l’option set-url.
Minimalist : un thème WordPress Gutenberg
Minimalist est un thème WordPress responsive conçu pour être utilisé avec Gutenberg. Il n’intègre aucune option supplémentaire ; il est comme son nom l’indique minimaliste. Cependant, il supporte les différentes fonctionnalités de Gutenberg et notamment les alignements « full » et « wide ».