"L'utilisateur le voit-il?" • WPShout

Débuter avec le développement WordPress peut être désorientant. Comme je l'ai écrit, le développement de logiciels (y compris le développement WordPress) ressemble beaucoup à la spéléologie, et essayer de faire votre premier projet de développement WordPress peut être comme se réveiller quelque part au milieu d'une grotte sombre et essayer de le comprendre à partir de là.

Ce dont nous avons besoin pour commencer dans le développement WordPress, c'est de nous orienter. Dans une grotte, nous voudrions commencer par savoir une chose très simple: "Est-ce que cela mène à l'entrée ou plus loin dans la grotte?"

Pour un développeur WordPress débutant, nous pouvons nous orienter en demandant: "L'utilisateur le voit-il?"

Depuis mes débuts en tant que développeur WordPress débutant jusqu'à présent, j'ai constaté que WordPress a un principe d'orientation similaire, ce qui peut nous aider à avoir une idée approximative de notre position, même s'il y a beaucoup de choses autour de nous que nous ne comprenons pas.

Ce principe est: "L'utilisateur le voit-il?"

Développement WordPress pour débutants: "L'utilisateur le voit-il?"

Il existe deux options pour répondre à cette question:

1. Oui, l'utilisateur le voit. Des choses comme le texte, le HTML, les images et JavaScript peuvent être directement interagies par l'utilisateur sur son navigateur, son lecteur d'écran ou tout autre appareil.
2. Non, l'utilisateur ne le voit pas. Des choses comme les fichiers PHP (qui sont la base des thèmes, des plugins et de WordPress lui-même) et les bases de données MySQL ne sont jamais visibles pour les utilisateurs, mais elles construire presque tout ce qui est.

Comprendre intuitivement la réponse à "L'utilisateur le voit-il?" est un super utile élément de mes propres compétences en tant que développeur WordPress. Donc, ce guide du développeur WordPress adopte cette approche pour introduire une grande partie du même matériel couvert dans notre cours de développement WordPress gratuit de base, et dans nos autres cours et articles. C'est une nouvelle façon de couvrir le développement WordPress pour les débutants, et si vous comprenez comment vous orienter de cette façon, vous aurez une énorme longueur d'avance sur votre voyage de spéléologie WordPress.

Ce que l'utilisateur voit

En fin de compte, ce qu'un utilisateur voit est limité à ce qu'un navigateur peut interpréter. Cela se limite à quelques éléments:

1. Contenu texte (mots, chiffres et autres symboles).
2. Balises HTML qui marquer le contenu du texte, en faisant des choses comme «mettre ce texte en italique» ou «mettre ce texte dans un paragraphe».
3. Fichiers multimédias (tels que des images et des vidéos), inclus en HTML.
4. Les styles CSS qui indiquent à HTML à quoi ressembler, comme «faire en sorte que tous les paragraphes aient une taille de police de 16 px et une couleur gris foncé».
5. Code JavaScript qui offre une interactivité spéciale, comme la lecture ou la pause d'un fichier multimédia sur un clic de bouton.

Et c'est ça: c'est la somme totale de ce que voient vos utilisateurs lorsqu'ils visitent votre site WordPress.

Ce que l'utilisateur ne voit pas

Que reste-t-il de cette liste? Énormément:

1. Tout ce qui est écrit en PHP, qui est le langage de base de WordPress et quels navigateurs ne lisent pas.
2. La plupart du code de base de WordPress lui-même, qui est écrit en PHP.
3. La plupart du code de n'importe quel thème ou plugin, qui est écrit en PHP.
4. Tous les détails sur la façon dont les données de votre site sont stockées – votre système de fichiers (les fichiers et dossiers de votre serveur) et votre WordPress base de données (les tables MySQL qui contiennent la plupart des données de votre site, également sur votre serveur).
5. Tout autre détail sur la pile LAMP, l'environnement technique «sous le capot» nécessaire au bon fonctionnement de WordPress.

Tout sur cette liste a un point commun: l'utilisateur ne le voit pas, mais c'est ce que génère ce que l'utilisateur voit.

L'utilisateur ne voit pas PHP et d'autres technologies back-end, mais ils produire ce que l'utilisateur voit.

En d'autres termes, l'intégralité du système PHP sous-jacent de WordPress – composé du noyau WordPress lui-même, ainsi que du composant PHP de tous les thèmes et plugins en cours d'exécution – existe pour créer ce que l'utilisateur voit, mais ce n'est jamais ce qu'il voit lui-même. Même chose avec Linux, Apache et la base de données WordPress: ce sont toutes des structures sous-jacentes indispensables mais finalement invisibles pour l'utilisateur.

Cette distinction entre "face à l'utilisateur" et "non face à l'utilisateur" est mieux connue sous le nom de distinction "front-end" et "back-end". Nous allons explorer cette distinction maintenant.

Comprendre le front-end et le back-end WordPress: face à l'utilisateur ou non

"Front-end / back-end" est un terme jumelé qui a en fait au moins deux significations dans WordPress – qui sont toutes deux basées sur la question fondamentale, "L'utilisateur final le voit-il?"

"Front-end / back-end" peut signifier au moins deux choses dans WordPress – toutes deux basées sur la question de base, "L'utilisateur final le voit-il?"

Commençons par la signification technique de "front-end" et "back-end". Ce n'est pas seulement une chose WordPress, c'est au cœur des descriptions de poste comme «développeur back-end» ou «concepteur et développeur front-end» qui existent dans le monde de la technologie.

Que veulent dire les techniciens par «Front-End» et «Back-End»

En général, le l'extrémité avant est "tout ce que l'utilisateur voit." C'est pourquoi développeurs web frontaux sont généralement très axés sur les technologies accessibles aux utilisateurs telles que JavaScript et CSS.

le extrémité arrière est ce que l'utilisateur ne voit pas directement. Le back-end concerne beaucoup plus de tâches informatiques telles que le stockage et la récupération de données ou la réalisation de calculs intensifs. Dans WordPress, le développement back-end se fait principalement en PHP, avec les autres éléments de la pile LAMP.

Cette signification de «back-end» et «front-end» est presque interchangeable avec «côté serveur» et «côté client», respectivement, nous vous recommandons donc vivement de lire notre explication de ces termes:

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

En un mot, le serveur est où tous les back-end le calcul a lieu; c'est fait le du côté serveur. Cela se traduit par l'envoi de données au client (navigateur Web de l'utilisateur, lecteur d'écran, programme de flux RSS, etc.), qui consomme ces données sous une forme que les humains peuvent utiliser et interagir avec – le tout sur l'extrémité avant, l'appareil de l'utilisateur lui-même.

Donc, dans WordPress comme ailleurs, "L'utilisateur le voit-il?" est la ligne de démarcation entre deux domaines distincts (bien que se chevauchant) du développement Web.

Il y a aussi «Front-End» (site Web accessible à l'utilisateur) et «Back-End» (zone d'administration WordPress)

WordPress, en particulier, héberge également une deuxième utilisation plus informelle de «front-end» et de «back-end».

Le «front-end» d'un site Web WordPress peut signifier la partie du site qu'un utilisateur voit, c'est-à-dire ses pages Web, comme mysite.com/blog ou mysite.com/about.

À l'inverse, le «back-end» peut signifier la zone d'administration d'un site WordPress – site.com/wp-admin – où un site WordPress est géré.

Mais pourquoi appelleriez-vous le / wp-admin / section un "back-end", alors qu'il s'agit en fait d'un ensemble de pages Web utilisables par l'homme visualisées dans un navigateur? C'est aussi «frontal» que possible, selon notre autre définition.

L'administrateur WordPress est parfois appelé «back-end WordPress», car les utilisateurs finaux ne le voient généralement pas directement.

Notez que, comme dans l'autre utilisation de ces termes, «front-end» signifie «face à l'utilisateur» et «back-end» signifie «là où vous assemblez les choses face à l'utilisateur».

Donc, la réponse, encore une fois, est due à l'intuition de base que le frontal est "ce que les utilisateurs voient" et le back-end est "où nous configurons les choses pour que les utilisateurs voient les bonnes choses".

Développement WordPress pour débutants: certaines choses "L'utilisateur le voit-il?" Explique

Au début du développement de WordPress, "L'utilisateur le voit-il?" est une question centrale qui explique un large éventail de sujets techniques apparemment sans rapport avec WordPress.

En voici quelques-unes:

1. PHP écho et revenir

Une distinction fondamentale en PHP est entre écho et revenir. Quelle est cette distinction? L'utilisateur voit écho—Il est imprimé en HTML — tandis que revenir n’est pas encore imprimé.

Pour en savoir plus, consultez nos articles sur les deux instructions en PHP:

Apprendre PHP pour le développement WordPress: comprendre l'écho de PHP

Apprendre PHP pour le développement WordPress: comprendre le retour de PHP

2. le_ et obtenir le_ Balises de modèle

Ces deux types de balises de modèle—Les fonctions PHP WordPress spécialisées — sont, encore une fois, divisées selon qu'elles impriment quelque chose de visible par l'utilisateur. le_ des balises comme le titre() faire, et obtenir le_ des balises comme get_the_title () non.

Au fond, c'est simplement la différence entre écho et revenir—Et plus bas, il s'agit de deux ensembles de fonctions selon que nous sommes prêts à montrer notre travail à l'utilisateur final ou non.

La magie des balises de modèle de publication the_ () et get_the_ ()

3. Le rôle approprié des thèmes et plugins WordPress

En général, un thème WordPress ne devrait contrôler que afficher. Que signifie «afficher»? Cela signifie «ce que l'utilisateur voit».

Plugins pouvez affecter l'affichage (bouton de partage social ou plugins de formulaire de contact seraient deux des nombreux exemples), mais ce qu'ils sont vraiment Il s'agit d'ajouter des fonctionnalités sous-jacentes: des choses invisibles pour les utilisateurs, mais dont vous avez besoin pour créer les bonnes choses visibles par l'utilisateur. Beaucoup des meilleurs plugins WordPress – Yoast, WooCommerce, Advanced Custom Fields, MemberPress et d'innombrables autres – correspondent exactement à ce moule de création de structures de données sous-jacentes qui sont invisibles pour les utilisateurs, et qui améliorent et renforcent finalement l'expérience utilisateur.

Si vous vous trompez, vous entrez dans le gros problème du fluage des thèmes:

La menace du thème Creep WordPress

Et la façon principale de ne pas tout gâcher est, encore une fois, de simplement demander "L'utilisateur voit-il cela?" Si la réponse est non, ce n'est probablement pas un excellent choix pour votre thème.

Développement WordPress pour débutants: où aller à partir d'ici

Ce ne sont pas seulement les exemples ci-dessus. Beaucoup d'autres distinctions cruciales dans WordPress se résument à comprendre si nous sommes – dans un fichier donné sur une ligne de code donnée –construire l'infrastructure sous-jacente, ou réellement utiliser cette infrastructure pour afficher les choses aux utilisateurs. À quels autres exemples pouvez-vous penser?

Si vous voulez comprendre le développement WordPress en profondeur, commencez par nos cours gratuits sur le sujet, peut-être en commençant par celui-ci:

Apprendre le développement WordPress: le cours de base

Et si vous êtes pressé et que vous souhaitez apprendre le développement WordPress de la manière la plus rapide, la plus profonde et la plus logique possible, nous vous recommandons fortement notre cours premium Opérationnel:

Merci d'avoir lu!

Crédit d'image: Alex Barth