Formation « Développer un thème WordPress sur-mesure (Classique) »

Prérequis techniques pour développer sous WordPress

Lecture : 7 minutes • 7

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 !

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

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 :

HTML
index.html

Et voici à quoi ressemble le CSS correspondant, qui met en forme l’article et le titre précédent :

CSS
style.css

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.

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 :

PHP
archive.php

Où apprendre ?

Je vous conseille encore OpenClassrooms, Treehouse ainsi que CodeAcademy :

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.

Attention

Javascript n’est en aucun cas lié au langage de programmation Java (qui est un langage Back End).

Exemple de Javascript

Voici un exemple de Javascript écrit en jQuery :

JS
script.js

Où apprendre ?

Je vous conseille là aussi OpenClassrooms ainsi que CodeAcademy :

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.

Requête HTTP Standard
Requête HTTP Standard

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

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 WPChannelWP MarmiteWP 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é.

Conseil

Faites en sorte d’avoir un minimum de bases PHP, HTML et CSS avant de continuer afin de mieux comprendre les prochains cours.


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.

7

Questions, réponses et commentaires

  1. FATOU GNING

    Le 29 juin 2020

    Merci pour la distribution des cours

  2. Abdoul

    Le 23 juillet 2020

    Très intéressant. Merci bien !

  3. Rams-dev

    Le 10 janvier 2021

    Très intéressant je découvre plein des chose que j’ignorais. Merci bien

  4. 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)

    1. 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.

  5. 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

    1. Maxime BJ

      Le 23 octobre 2021

      C’est un monde passionnant et justement, si tu as de la passion, ça se passera bien !

Laisser un commentaire