Le WordPress d'aujourd'hui, décodé pour les développeurs

Histoire de WordPress

Lexique

Hooks WordPress

WP Moderne

.

S'abonner

Lexique

Éditeur de blocs

Gutenberg et l'édition par blocs : blocs, patterns, variations, block.json, Interactivity API…

35 définitions

Définitions

Éditeur de blocs

Aperçu

L'aperçu ouvre le rendu final d'une page ou d'un article tel qu'un visiteur le verrait, sans quitter l'édition ni publier réellement le contenu.

En anglais : « Preview »
Éditeur de blocs

API d’interactivité

L'API d'interactivité est un standard introduit dans WordPress 6.5 pour rendre les blocs interactifs côté visiteur avec un minimum de JavaScript, sans dépendre d'un framework front lourd.

En anglais : « Interactivity API »
Éditeur de blocs

API des données

L'API des données (@wordpress/data) centralise l'état de l'éditeur de blocs dans des magasins consultables et modifiables, que les blocs et extensions lisent via des sélecteurs et actions.

En anglais : « Data API (@wordpress/data) »
Éditeur de blocs

Attribut de bloc

Un attribut de bloc est une donnée typée et nommée que le bloc déclare pour stocker ses réglages, comme le texte, l'alignement ou une couleur, et les restituer à chaque chargement.

En anglais : « Block attribute »
Éditeur de blocs

Barre d’outils de bloc

La barre d'outils de bloc est le menu flottant qui apparaît au-dessus d'un bloc sélectionné et regroupe ses actions les plus courantes, comme l'alignement ou la transformation.

En anglais : « Block toolbar »
Éditeur de blocs

Barre latérale des réglages

La barre latérale des réglages, ou inspecteur, affiche à droite de l'éditeur les options avancées du bloc sélectionné ou, à défaut, celles du document entier.

En anglais : « Settings sidebar (Inspector) »
Éditeur de blocs

Bibliothèque de blocs

La bibliothèque de blocs, ou inserteur, est le panneau de recherche et de navigation qui liste tous les blocs et motifs disponibles pour les ajouter à un contenu.

En anglais : « Block library/inserter »
Éditeur de blocs

Bloc

Un bloc est l'unité de contenu élémentaire de l'éditeur WordPress : un paragraphe, une image, un titre ou une disposition, chacun modifiable et réorganisable indépendamment.

En anglais : « Block »
Éditeur de blocs

Bloc Boucle de requête

Le bloc Boucle de requête affiche une liste d'articles ou d'un autre type de contenu selon des critères configurables, sans écrire de code PHP, à la manière d'une boucle WP_Query.

En anglais : « Query Loop block »
Éditeur de blocs

Bloc Colonnes

Le bloc Colonnes répartit son contenu en plusieurs colonnes côte à côte, chacune étant elle-même un bloc Colonne pouvant accueillir n'importe quel autre bloc.

En anglais : « Columns block »
Éditeur de blocs

Bloc Contenu de l’article

Le bloc Contenu de l'article marque, dans un gabarit de thème de blocs, l'emplacement où s'affiche le contenu propre à chaque article ou page publiée par la boucle courante.

En anglais : « Post Content block »
Éditeur de blocs

Bloc dynamique

Un bloc dynamique ne sauvegarde pas de HTML figé dans l'article : son affichage sur le site est recalculé côté serveur en PHP à chaque chargement de page.

En anglais : « Dynamic block »
Éditeur de blocs

Bloc Espaceur

Le bloc Espaceur insère un vide vertical réglable entre deux blocs, quand les marges par défaut du thème ne suffisent pas à créer la respiration visuelle souhaitée.

En anglais : « Spacer block »
Éditeur de blocs

Bloc Groupe

Le bloc Groupe rassemble plusieurs blocs dans un seul conteneur, auquel on peut appliquer une couleur de fond, un espacement ou une largeur communs, comme une section de page.

En anglais : « Group block »
Éditeur de blocs

Bloc réutilisable

Un bloc réutilisable, désormais appelé motif synchronisé, se modifie une seule fois pour que le changement se répercute automatiquement partout où il a été inséré.

En anglais : « Reusable block (synced pattern) »
Éditeur de blocs

Bloc statique

Un bloc statique enregistre directement son HTML final dans le contenu de l'article au moment de la sauvegarde, sans recalcul côté serveur à chaque affichage du site.

En anglais : « Static block »
Éditeur de blocs

block.json

Le fichier block.json centralise, au format JSON, toutes les métadonnées d'un bloc : son nom, ses attributs, sa catégorie, ses styles et ses scripts, lus à la fois par PHP et par JavaScript.

En anglais : « block.json »
Éditeur de blocs

Blocs imbriqués

Les blocs imbriqués sont des blocs placés à l'intérieur d'un autre bloc parent, qui gère leur emplacement et parfois leur nombre, comme les colonnes contenues dans un bloc Colonnes.

En anglais : « Nested blocks »
Éditeur de blocs

Composant RichText

RichText est le composant React fourni par WordPress pour créer une zone de texte éditable avec mise en forme en ligne (gras, italique, liens) à l'intérieur d'un bloc personnalisé.

En anglais : « RichText component »
Éditeur de blocs

Contexte de bloc

Le contexte de bloc transmet automatiquement une information d'un bloc parent vers ses blocs enfants, comme l'identifiant de l'article courant, sans passer par un attribut classique.

En anglais : « Block context »
Éditeur de blocs

Éditeur de blocs

L'éditeur de blocs, ou Gutenberg, est l'interface d'administration de WordPress qui construit articles, pages et gabarits en assemblant des blocs plutôt qu'en écrivant un texte continu.

En anglais : « Block editor »
Éditeur de blocs

Éditeur de code

L'éditeur de code est un mode d'affichage de l'éditeur de blocs qui montre et permet de modifier directement le balisage HTML brut d'un article, commentaires de bloc compris.

En anglais : « Code editor view »
Éditeur de blocs

Éditeur de site

L'éditeur de site étend les principes de l'éditeur de blocs à l'apparence globale d'un thème de blocs : gabarits, parties de gabarit, styles globaux et navigation, en un seul endroit.

En anglais : « Site editor »
Éditeur de blocs

Éditeur visuel

L'éditeur visuel est le mode d'affichage par défaut de l'éditeur de blocs, où chaque bloc apparaît directement mis en forme, selon le principe « ce que vous voyez est ce que vous obtenez ».

En anglais : « Visual editor (WYSIWYG) »
Éditeur de blocs

InnerBlocks

InnerBlocks est le composant React qui transforme un bloc en conteneur capable d'accueillir d'autres blocs, avec un contrôle sur les types autorisés et une disposition initiale.

En anglais : « InnerBlocks »
Éditeur de blocs

Liaison de données

La liaison de données (Block Bindings) connecte un attribut de bloc à une source externe, comme un champ personnalisé, pour que sa valeur affichée provienne de cette source plutôt que d'un texte saisi manuellement.

En anglais : « Block bindings »
Éditeur de blocs

Modèle de bloc

Un modèle de bloc prédéfinit, dans le code, la liste et l'agencement des blocs proposés par défaut à la création d'un contenu, sans empêcher forcément de les modifier ensuite.

En anglais : « Block template »
Éditeur de blocs

Motif

Un motif est un assemblage prédéfini de blocs, prêt à l'emploi, inséré comme point de départ modifiable et sans lien conservé avec les autres copies déjà utilisées ailleurs.

En anglais : « Pattern »
Éditeur de blocs

Portée de style

La portée de style limite l'effet d'une règle CSS à un bloc précis et à ses instances, pour éviter qu'un style destiné à un seul bloc ne déborde sur le reste de la page.

En anglais : « Style scoping »
Éditeur de blocs

Rendu côté serveur

Le rendu côté serveur produit le HTML final d'un bloc au moment où la page est demandée, en exécutant du code PHP sur le serveur plutôt qu'en réutilisant un contenu déjà figé.

En anglais : « Server-side rendering »
Éditeur de blocs

Style de bloc

Un style de bloc propose une variante visuelle alternative pour un même bloc, choisie depuis la barre latérale des réglages, sans changer sa structure ni ses données.

En anglais : « Block style »
Éditeur de blocs

Transformation de bloc

Une transformation de bloc convertit un bloc existant en un autre type de bloc, en tentant de conserver ce qui peut l'être, comme le texte ou les images qu'il contenait.

En anglais : « Block transform »
Éditeur de blocs

Variation de bloc

Une variation de bloc propose, pour un même bloc sous-jacent, plusieurs préréglages d'attributs présentés comme des choix distincts dans la bibliothèque de blocs.

En anglais : « Block variation »
Éditeur de blocs

Verrouillage de bloc

Le verrouillage de bloc empêche, totalement ou partiellement, un rédacteur de déplacer ou de supprimer un bloc précis depuis l'éditeur, pour préserver une structure de page.

En anglais : « Block locking »
Éditeur de blocs

Zone modifiable

Une zone modifiable est la portion d'un bloc où l'on peut saisir et mettre en forme du texte directement au clic, généralement produite par le composant RichText.

En anglais : « Editable area (RichText) »