Cours d'introduction gratuit plus ressources

Donc, vous voulez apprendre le développement WordPress

Le développement de WordPress est une compétence extrêmement utile, mais difficile à apprendre, surtout si vous apprenez des choses en désordre et tentez de vous attaquer à des sujets avancés tout en restant confus sur les principes fondamentaux.

Ce cours gratuit de développement WordPress est conçu pour vous familiariser avec les bases du fonctionnement de WordPress en tant que système technique. Comme nous commençons au début, ce cours de développement WordPress constitue la base idéale pour apprendre le développement WordPress le plus rapidement possible.

Vous devez également savoir que ce cours est juste un petit aperçu de notre guide phare du développement WordPress, Opérationnel. Si vous êtes sérieux au sujet de l'apprentissage, Opérationnel est le meilleur cours de développement WordPress disponible.

Ce cours gratuit peut vous aider à démarrer et à vous familiariser avec les bases du développement WordPress, à commencer par: est WordPress, et que fait-il?

1. Commencer au début: Qu'est-ce que WordPress?

Pour apprendre le développement WordPress, vous devez savoir ce qu'est WordPress. Notre "analogie usine" est la meilleure explication globale que nous ayons trouvée de ce que WordPress, en tant que technologie, est et fait.

WordPress est une usine: une introduction technique

Résumé: Qu'est-ce que WordPress?

WordPress est une usine qui fabrique des pages Web.

Pour commencer à apprendre le développement WordPress, commencez par savoir ce que WordPress est, ce qui signifie ce que c’est utile. (Oui, c’est un système de gestion de contenu open source basé sur PHP, mais à quoi ça sert? faire?)

La meilleure définition que nous ayons trouvée est une analogie: WordPress est une usine. Plus précisément, WordPress est une usine qui permet les pages Web, en prenant les matières premières de la base de données et en les traitant par le biais de différentes «lignes d’usine» – le code principal de WordPress lui-même, ainsi que du code supplémentaire provenant de thèmes et de plugins – tout cela pour générer un produit fini prêt à être envoyé au navigateur de l’utilisateur.

L'analogie de l'usine en détail

Voici plus de détails sur l'analogie «WordPress est une usine» comme un outil pour vous aider à apprendre le développement WordPress:

1. L’environnement de la fabrique WordPress est le serveur, l'ordinateur connecté à Internet sur lequel tout est stocké. ("Achat d'hébergement" signifie achat d'espace sur un serveur.) Le serveur reçoit les demandes de production de les clients– utilisateurs exécutant des navigateurs Web – et est responsable de l'assemblage d'un produit terminé prêt à être affiché par le navigateur Web.
2. Les principales matières premières de l’usine WordPress sont ses des postes, et son entrepôt (où il stocke ces matières premières) est le MySQL base de données.
3. En réponse à un ordre de fabrication envoyé par le navigateur («assembler et renvoyer la page Web complète correspondant à l’URL que je viens de demander»), WordPress récupère les matières premières appropriées dans la base de données.
4. WordPress envoie cette matière première dans les chaînes de montage de l’usine, qui constituent l’essentiel du code de WordPress. Celles-ci confèrent à la page Web son fonctionnement interne: les bases de la nature des données qu’elle inclura et de leur ordre.
5. WordPress dispose de chaînes de montage spécialement conçues pour la gestion de l'affichage: la manière dont le produit sera «peint» pour apparaître à l'utilisateur (quelles que soient les données sous-jacentes). Ces lignes d’assemblage axées sur l’apparence sont les fichiers de modèle PHP de WordPress. thème.
6. L'usine peut faire appel à des entrepreneurs externes spécialisés pour des travaux spécifiques. Ce sont WordPress plugins, et ils peuvent entrer à tout moment du processus d’usine à l’aide de WordPress crochets système.
7. Le produit fini est le balisage HTML complet nécessaire pour afficher une page Web. L’usine expédie ce produit au navigateur de l’utilisateur demandeur à chaque chargement de page.

Lisez l'article pour comprendre l'analogie de la fabrique WordPress plus en détail. Si vous absorbez profondément l’analogie, vous aurez une image inhabituellement bonne de ce que WordPress estet c’est la première étape dans l’apprentissage du développement WordPress, même avant de regarder le code.

2. Comment programmer dans WordPress: Les quatre langages techniques clés de WordPress

La prochaine étape de votre formation de développeur WordPress consiste à connaître les langages de programmation que vous utiliserez. Cet article suivant présente les quatre principaux langages techniques de WordPress (HTML, PHP, CSS et JavaScript) et décrit leurs tâches respectives.

Les quatre langues à connaître pour comprendre WordPress

Résumé: les quatre langages techniques de WordPress

Ce cours de base sur le développement de WordPress ne peut pas vous enseigner les langages de codage en profondeur, mais il peut vous indiquer les langues à apprendre et leurs tâches.

Par ordre d'importance, voici les quatre langages techniques utilisés dans le développement WordPress:

1. PHP, le langage de programmation principal de WordPress. PHP est la langue principale dans laquelle le logiciel WordPress est écrit, la langue principale des thèmes et des plugins WordPress, ainsi que la langue dans laquelle vous écrivez le plus en tant que développeur WordPress.
2. CSS, un langage de contrôle déclaratif présentation, à quoi ressemblent les pages Web pour l'utilisateur. CSS peut contrôler pratiquement tous les aspects de la présentation, des tailles aux marges, en passant par les couleurs, les polices et le comportement réactif sur différents appareils. Lorsque vous souhaitez donner à un site WordPress une apparence particulière, CSS commence là où les fonctionnalités du générateur de page et les options de thème s'arrêtent.
3. HTML, la langue du web. Le HTML est un langage déclaratif que les navigateurs Web interprètent pour transformer un flux de code en une page Web visible contenant du texte, des images et tout le reste. Si vous ne comprenez pas le langage HTML, vous ne pourrez certainement pas développer WordPress en profondeur, mais il est également vrai que vous écrirez souvent du code PHP dont la fonction est de se transformer en HTML plutôt que d’écrire directement au format HTML.
4. JavaScript, pour la programmation du front-end. JavaScript est un langage de programmation très puissant qui peut être utilisé pour toutes sortes de choses, mais un développeur WordPress l'utilisera principalement pour contrôler les aspects dynamiques de la présentation, ce qui implique une interaction complexe avec l'utilisateur lorsque celui-ci visite vos pages Web. Aussi cool que cela puisse paraître (et qu’il soit), vous pouvez effectuer énormément de développement WordPress sans connaître davantage que du code JavaScript très élémentaire. Découvrez donc d’abord les trois autres langues.

3. Comment WordPress communique avec votre navigateur Web: «Côté serveur» et «Côté client» dans WordPress

Un élément clé de l’apprentissage rapide du développement WordPress est de bien comprendre quelles parties des processus WordPress résident sur l’ordinateur de l’utilisateur («côté client») et quelles parties résident sur le serveur Web hébergeant le site («serveur»). côté").

Comprendre «côté serveur» et «côté client» dans WordPress

Résumé: Côté serveur et côté client dans le développement WordPress

De nombreuses questions très confuses dans l’apprentissage du développement WordPress, telles que «L’utilisateur peut-il voir le code PHP que j’écris?» – peuvent être résolues en comprenant comment du côté serveur et le côté client interagir dans WordPress.

En bref:

Processus côté serveur

Du côté serveur les processus sont tout ce qui se passe sur votre serveur: l'ordinateur connecté à Internet (et probablement loué à un hôte Web) sur lequel vous hébergez votre site Web.

Les processus importants côté serveur incluent:

• Insertion et extraction d’informations dans la base de données WordPress, la base de données MySQL qui stocke la plupart des données de votre site.
• Intégralité du traitement PHP de WordPress: le serveur évolue dans la logique définie par les milliers de fichiers PHP de WordPress, ainsi que par les fichiers PHP de vos thèmes et de vos plugins. Cette tout se produit sur le serveur – les navigateurs ne peuvent pas lire PHP – et ce n’est que lorsque celui-ci est transformé en HTML utilisable (ainsi que les fichiers JavaScript et CSS et quelques autres éléments) qu’il est renvoyé au client pour créer une page Web.

Processus côté client

Côté client les processus se produisent dans l'environnement du client: l'ordinateur (ou le téléphone, ou autre) demandant au serveur des informations et les transformant généralement en pages Web visualisables et interactives.

Les processus importants côté client incluent:

• Fabrication demandes pour les ressources — tout, du balisage HTML aux feuilles de style CSS en passant par les fichiers JavaScript, les fichiers image, etc.
• Le rendu reçu HTML, CSS, images, etc. dans une page Web consultable par l'homme.
• Gestion des interactions utilisateur de toutes sortes via des éléments tels que les formulaires HTML, les pseudosélecteurs CSS et notamment via JavaScript.

Au fur et à mesure de votre apprentissage du développement WordPress, vous apprendrez de manière détaillée comment le serveur et le client s’engagent dans un flux de données continu. Lisez l'article complet pour plus d'informations et un schéma détaillé.

4. Principe de base du développement WordPress: le système de crochets de WordPress

Au fur et à mesure que vous apprenez le développement WordPress, vous allez presque immédiatement vouloir comprendre les bases du système de programmation événementiel de WordPress: les hooks WordPress, également appelés actions et filtres. Nous avons rédigé un cours de développement WordPress gratuit sur les points d'ancrage, qui, à notre avis, est le guide le plus clair sur ce sujet crucial du développement WordPress.

Cours: Une introduction complète au système de crochets WordPress

Les principes de base du système de crochets de WordPress

Tout d’abord, sachez que ce sujet est difficile à comprendre au début. C’est probablement le système le plus déroutant à apprendre dans WordPress, du moins parmi les systèmes qu’un développeur WordPress doit traiter au quotidien.

Les crochets vous permettent de «vous accrocher» à n’importe quelle partie de WordPress

Dans WorPress, un crochet est un type spécifique de fonction PHP qui signifie en gros «insérer ou modifier du code ici». Vous pouvez «vous connecter» à n’importe quelle partie du fonctionnement de WordPress et insérer votre propre code.

WordPress possède deux types de crochets: les crochets d'action et les crochets à filtre

Crochets d'action vous permet de vous connecter et de faire quelque chose d'arbitraire – par exemple, ajoutez une feuille de style CSS ou un fichier JavaScript, ou exécutez tout autre code PHP que vous souhaitez exécuter.

Crochets de filtre laissez-vous accrocher et modifier quelque chose — par exemple, modifiez le titre d'un message donné avant qu'il ne soit imprimé sur la page Web. Les filtres vous permettent toujours de travailler avec quelque chose et vous demandent de le modifier et de le restituer.

Utiliser des crochets, écrire des fonctions crochues

Il existe une syntaxe spécifique qui vous permet d’ajouter votre propre code sur un hook WordPress existant. Vous écrivez ce code sous la forme d'un fonction accrochée: une fonction qui "accroche" votre code.

Pour crochets d'action, nous écrivons fonctions d'action, et les connecter avec WordPress add_action () une fonction. Un exemple est:

add_action ('wp_footer', 'wpshout_action_example');
fonction wpshout_action_example () 
echo "WPShout était ici.";

Pour crochets de filtre, nous écrivons fonctions de filtrage, et les connecter avec WordPress add_filter () une fonction. Un exemple est:

add_filter ('the_title', 'wpshout_filter_example');
fonction wpshout_filter_example ($ title) 
retour 'Crochu:'. $ title;

Pour en savoir plus sur les crochets: Nous avons créé tout un cours gratuit explorant ce concept crucial. Jetez un oeil à mesure que vous avancez dans le développement de WordPress.

5. Premier domaine d'application: développement du thème WordPress

OK, vous comprenez ce qu'est WordPress (une fabrique de pages Web), vous comprenez quelles langues vous avez besoin (principalement PHP), vous comprenez ce qui vit où (côté client et côté serveur), et vous comprenez le système de base piloté par les événements (hooks). ) qui fait tic tac le tout.

Vous êtes prêt pour la prochaine étape de notre cours de base pour développeurs WordPress, qui consiste à apprendre les bases du développement de thèmes WordPress.

C’est un cours à lui tout seul, qui vous présentera les concepts fondamentaux des thèmes WordPress: la hiérarchie des modèles, The Loop, et functions.php.

Cours: Développement de thèmes WordPress (Concepts de base)

Autres cours de développement WordPress

Nous avons été heureux d’offrir ce cours de développement WordPress gratuit. Vous devriez maintenant avoir un sens beaucoup plus clair des principes fondamentaux du développement de WordPress.

Si cela vous a plu et que vous voulez vraiment comprendre pleinement le développement de WordPress, Opérationnel est le meilleur cours de développement WordPress qui soit. La vraie clarté dans le développement de WordPress commence ici.

Et, bien entendu, WPShout dispose d'une vaste collection de ressources gratuites pour vous aider à apprendre le développement WordPress aussi profondément que possible. Nos autres cours, en particulier, sont organisés pour vous aider à apprendre, étape par étape, les sujets clés du développement WordPress.

Jetez un coup d’œil autour de vous et amusez-vous. Si vous avez des questions sur l’apprentissage du développement WordPress, nous aimerions avoir de vos nouvelles dans les commentaires ci-dessous, par courrier électronique ou dans notre groupe Facebook. À votre santé!

Excellent contenu d'apprentissage WordPress