La mécanique de WordPress: qu’est-ce qu’il y a sous le capot?

Comme une voiture, vous n’avez jamais à vous soucier de quoi que ce soit sous le capot jusqu’à ce que quelque chose ne va pas. Avec WordPress, les développeurs web comme nous agissent comme votre garagiste du coin et essayent de comprendre ce qui s’est passé. Les mécaniciens travaillent avec des transmissions, des radiateurs, des batteries; les développeurs web travaillent avec HTML, CSS, PHP et Javascript. Dans l’article d’aujourd’hui, je ferai de mon mieux pour démystifier les éléments de la structure du système de gestion du contenu (CMS de l’anglais pour faire court), WordPress.

Tout d’abord, définissons ces termes : HTML, CSS, PHP et Javascript. Mon but ici n’est pas de vous donner une introduction à la programmation, mais une meilleure compréhension des termes.

HTML ( Hypertext Markup Language)

HTML est la première langue pour le navigateur web que vous utilisez présentement pour lire cet article. C’est la structure d’une page web, qui est divisée en éléments. Si vous suivez toujours l’analogie du garagiste, HTML représente la carrosserie d’une voiture.

CSS (Cascading Styles Sheet)

Comme son nom l’indique, CSS ajoute du style à une page web. Des couleurs, des polices d’écriture, des photos et plus encore peuvent être ajoutées et modifiées au-dessus de votre structure HTML (page web). CSS ce serait la peinture d’une voiture!

Javascript

Une page web qui est uniquement composée de HTML et CSS n’est pas très dynamique. Analogie (une dernière fois): une voiture ne serait pas en mesure d’aller loin sans roues.
Javascript est ce qui apporte des fonctionnalités dynamiques à votre site web.

PHP (Hypertext Preprocessor)

Disons que vous monter dans une voiture et tout fonctionne très bien. Où allez-vous ? Il doit y avoir une route à utiliser avec votre véhicule, sinon il n’aurait pas d’utilité. PHP est un langage script qui est équivalent aux routes et aux autoroutes qui permettent au contenu de votre site à se déplacer sur l’internet. Sur le web, les routes et les autoroutes sont appelées serveurs.

Comment WordPress utilise HTML, CSS, Javascript et PHP

Analysons comment chaque langue fonctionne ensemble. Ne vous inquiétez pas; nous n’entrerons pas dans les détails techniques.

Un site WordPress est structuré comme un site web typique du point de vue front-end. HTML, mentionné précédemment, est la structure de votre site web. Ensuite, nous avons CSS, qui permet l’ajout de couleurs, du contrôle de la taille des éléments de HTML et bien plus encore. C’est CSS qui permet à votre site Web d’être adapté à plusieurs tailles d’écran, généralement connu sous le nom de responsive design. Enfin, Javascript permet à vos éléments HTML d’être dynamique, tel que la création d’une boutique de vente de biens en ligne. Chaque fois que vous êtes à la recherche de nouvelles fonctionnalités sur votre site web via un plugin, vous y rajouterai fort probablement du code Javascript.

Et maintenant PHP et WordPress. Comme mentionné précédemment, c’est la langue qui permet aux visiteurs de remplir des formulaires sur votre site web et de l’envoyer à un serveur. PHP est généralement décrit comme un langage côté serveur, car il prend soin de déplacer les données d’un endroit sur le web à un autre. Par exemple, lorsqu’un visiteur vous laisse un message sur votre formulaire de contact sur votre site web, PHP s’occupe de l’envoi de ces informations à votre courriel ou à votre base de données.

Ce sont les rôles que HTML, CSS, Javascript et PHP jouent afin de faire fonctionner WordPress. Bien sûr, d’autres parties existent pour faire fonctionner WordPress, et nous en discuterons dans des articles ultérieurs. J’espère que vous ne lisez pas cet article tout en conduisant!

Restez à jour avec notre contenu le plus récent en vous abonnant à notre bulletin de nouvelle!