Avant de se lancer dans la conception de notre premier thème nous allons vérifier les prérequis techniques nécessaires à la bonne compréhension de cette formation.
Le saviez-vous ?
Le développement de thèmes WordPress est à la portée de tous et ne nécessite que quelques bases en web, et de la motivation !
Sommaire du cours
Bien souvent j’entend autour de moi des gens dire qu’ils préfèrent n’utiliser que des thèmes premium car le développement web est difficile.
Mais la philosophie de WordPress a toujours été de se rendre accessible au plus grand nombre tout en permettant aux développeurs aguerris de pouvoir ajouter des fonctionnalités avancées.
La bonne nouvelle c’est que vous n’avez pas besoin d’être un développeur expert en PHP pour créer des thèmes sur mesure avec WordPress. Ce dernier possède toute une gamme de fonctions qui vont grandement nous simplifier la tâche.
WordPress est extensible et flexible, ce qui nous permettra d’ajouter nos fonctionnalités et modifier le comportement natif sans pour autant se prendre la tête !
Voici les quelques prérequis que je recommande toutefois avant de vous lancer :
HTML et CSS
Le HTML et le CSS sont les bases d’une page web affichée dans votre navigateur.
- Le HTML est le fond : il représente au travers de balises les blocs, paragraphes, titres, images, liens de votre page ;
- Le CSS est la forme, il permet la mise en page du contenu : couleurs, espacements, tailles, polices…
Ce ne sont pas des langages de programmation et de ce fait ils sont plus simples à apprendre. Néanmoins ne négligez pas leur apprentissage : il faut pas mal de maitrise pour concevoir des pages efficaces, responsives, avec une mise en page précise et belle, surtout sur des gros projets.
Ce n’est pas très grave si vous ne les maitrisez pas bien pour le moment, mais il vous sera absolument nécessaire de bien connaitre ces 2 langages lorsque vous créerez votre premier thème par vous-même.
Exemple de HTML et CSS
Voici le code HTML d’un hypothétique article :
Et voici à quoi ressemble le CSS correspondant, qui met en forme l’article et le titre précédent :
Où apprendre ?
Pour apprendre ou réviser vos bases HTML et CSS, il existe aujourd’hui pleins de ressources intéressantes comme OpenClassrooms, KhanAcademy et si vous êtes à l’aise avec l’anglais je peux également vous conseiller TeamTreeHouse.
Apprenez comment utiliser le HTML et le CSS pour faire des pages web. Le HTML est le langage à balises avec lesquelles vous encadrez les contenus, pour renseigner les navigateurs sur les en-têtes, les listes, les tableaux, etc. Le CSS est le langage de feuilles de style avec lequel vous présentez la page en indiquant aux navigateurs comment changer la couleur, la fonte, la mise en page et plus.
Vous rêvez d’apprendre à créer des sites web ? Débutez avec ce cours qui vous enseignera tout ce qu’il faut savoir sur le développement de sites web en HTML5 et CSS3 !
Learn HTML (HyperText Markup Language), the language common to every website. HTML describes the basic structure and content of a web page. If you want to build a website or web application, you’ll need to know HTML.
Le PHP
Le PHP est le langage de programmation le plus en vogue sur Internet. Presque tous les hébergeurs le proposent aujourd’hui, et comme WordPress est fait en PHP, vous n’aurez aucun mal à trouver un hébergement compatible.
Le succès de PHP vient en partie de la simplicité à l’apprendre. Si vous commencez la programmation, PHP est un bon point d’entrée dans le monde du développement web.
Comme je le disais plus haut, il n’est pas nécessaire de maitriser parfaitement la programmation en PHP pour commencer à développer un thème WordPress, car ce dernier vous facilite grandement la tâche avec des fonctions et outils prêts-à-l’emploi.
Si vous n’avez jamais fait de PHP, je vous recommande de commencer par voir au moins les bases du langage.
Exemple de PHP
Voici un bout de code PHP qui permet d’afficher un résumé d’article :
Où apprendre ?
Je vous conseille encore OpenClassrooms, Treehouse ainsi que CodeAcademy :
PHP est un langage de création de sites web dynamique très populaire. Son rôle est de générer des pages web HTML. Il permet de créer des blogs, des forums, des espaces membres… Facebook et Wikipedia sont des sites célèbres développés en PHP.
PHP is a widely-used general-purpose scripting language that is especially suited for Web Development and can be embedded into HTML.
Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends.
Le JavaScript
Si vous avez un peu suivi l’actualité du web ces derniers temps vous aurez sûrement remarqué l’effervescence de la communauté JS : des nouvelles librairies et frameworks qui sortent tous les jours à ne plus savoir où donner de la tête.
Et si vous avez suivi l’actualité WordPress vous avez sûrement entendu Matt Mullenweg, l’un des principaux créateurs de WordPress, annoncer que WordPress aurait de plus en plus de javascript en son coeur.
Alors rassurez-vous, vous n’aurez pas forcément besoin de JS dans votre développement de thème et vous pourrez largement vous contenter de quelques bases en JS natif et surtout en jQuery.
jQuery est une librairie utilisée dans la majeure partie des sites et applications qui permet de rendre plus simple et ludique l’écriture de Javascript.
Donc même si ce n’est pas obligatoire, je vous conseille à terme d’apprendre au moins les rudiments de jQuery, qui permettra de rendre vos sites plus interactifs.
Exemple de Javascript
Voici un exemple de Javascript écrit en jQuery :
Où apprendre ?
Je vous conseille là aussi OpenClassrooms ainsi que CodeAcademy :
Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d’éléments à la manipulation du DOM en passant par l’animation, les requêtes AJAX, l’utilisation et la création de plugins, la création de jeux et bien d’autres choses encore !
Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends.
Les serveurs et le Web
Vous n’avez pas besoin d’être un expert en réseaux mais il est important de connaitre au moins les bases du fonctionnement d’Internet comme les serveurs, les hébergements, les noms de domaine et quelques notions de requêtes HTTP.
C’est toujours plus pratique de connaitre les fondements sur lesquels on va s’appuyer par la suite !
Il faut bien comprendre que WordPress, écrit en PHP, génère depuis le serveur des pages au format HTML qu’il envoie au client, votre navigateur, via Internet.
Ensuite chaque ressource est appelée depuis le client : scripts, styles, polices d’écritures, images… le tout via le protocole HTTP (ou même HTTPS – sécurisé).
On aura notamment besoin de ces notions plus tard, lorsque l’on parlera de performances web. On fera une petite révision à ce moment là.
Les bases de WordPress
Avant de vous lancer dans le développement de thèmes sur mesure il est toujours bien de connaitre déjà un minimum WordPress : comment l’installer, activer un thème et des extensions, créer des pages et des articles.
Si vous débutez avec WordPress, je vous conseille alors de commencer avec la formation WordPress chez WPChef ou de lire des blogs comme WPChannel, WP Marmite, WP Formation ou encore GeekPress.
On va tout de même revoir certaines bases essentielles dans cette formation, comme la distinction entre les articles, les pages, et les taxonomies.
English please ! 🇬🇧
Et enfin il vous faudra un minimum de compétences en anglais car les outils et documentations ne sont pas toujours proposées en français.
Rassurez-vous car il ne faut pas non plus un gros niveau ! Le niveau scolaire suffira amplement même si en France, on est mal lotis. Pour vous entrainer, c’est le moment de passer votre Netflix en anglais sous-titré 😉.
En résumé
WordPress est développé principalement en PHP et lorsque l’on crée un thème nous avons besoin de connaitre HTML et CSS, et si on veut aller un peu plus loin dans l’interactivité des pages, Javascript. Quelques bases de WordPress et d’anglais nous serons bien utiles pour apprendre en toute sérénité.
Dans le prochain cours on va se poser la question de l’utilité de créer son thème sur mesure dans une ère ou les thèmes premium prévalent.
FATOU GNING
Le 29 juin 2020
Merci pour la distribution des cours
Abdoul
Le 23 juillet 2020
Très intéressant. Merci bien !
Rams-dev
Le 10 janvier 2021
Très intéressant je découvre plein des chose que j’ignorais. Merci bien
Saskya
Le 15 mars 2021
Bonjour,
Je voudrais me lancer comme freelance : est ce qu’avec une formation sur les bases pour chaque langage, je pourrais déjà me lancer ? (je me perfectionnerai ensuite)
Maxime BJ
Le 23 mars 2021
Ça va dépendre de ce que tu veux proposer comme services ! Si c’est pour de la création de sites Internet, tu n’as pas forcément besoin de savoir coder (comme on l’apprend sur wpchef.fr). Quand tu te lances sur la voie du code, il va falloir pas mal de temps avant de réussir à être opérationnel, mais en tous cas c’est par la pratique que tu apprendras, donc au final, mieux vaut se lancer tôt et apprendre au fur et à mesure.
sarah
Le 23 octobre 2021
Bonjour, je débute une formation le 2 novembre, et j’ai hâte et a la fois stresser mais votre articles ma rassurer.
Hâte maintenant de découvrir ce monde, en attendant je me renseigne sur divers articles.
🙂 Merci
Maxime BJ
Le 23 octobre 2021
C’est un monde passionnant et justement, si tu as de la passion, ça se passera bien !