Éditeur WordPress : tout sur Gutenberg & le Full Site Editing de WordPress

Maddy Osman Dernière mise à jour 09.08.2021
12 Min.
Guide de l'éditeur du site WordPress  : WordPress  Édition complète du site
Dernière mise à jour 09.08.2021

En tant que féru·e de WordPress, tu as probablement entendu la nouvelle selon laquelle le Full Site Editing (FSE) arrive sur la plate-forme WordPress. Le Full Site Editing, ou édition intégrale du site, est une nouvelle fonctionnalité de WordPress qui te permet de mieux contrôler la conception de ton site web. 

Comme son nom l'indique, le Full Site Editing de WordPress vise à apporter une expérience d'édition de site web plus transparente à WordPress, similaire à celle des plugins de construction de page

Dès que le Full Site Editing est disponible sur WordPress, toi, en tant que propriétaire de site web, ne dois plus compter sur les webdesigner·euse·s de serveur frontal pour apporter les moindres modifications. 

Le Full Site Editing dans l'éditeur WordPress est une fonctionnalité attendue depuis longtemps par la communauté WordPress mais elle n'a pas été livrée avec la dernière version. Au contraire, le développement est en cours depuis un certain temps et le sera dans un avenir prévisible.

Toutefois, pour mieux comprendre ce qu'est l'éditeur de site complet WordPress, comment tu peux le tester et ce que cela signifie pour l'avenir de l'éditeur de site WordPress, le marché des thèmes et le secteur du webdesign dans son ensemble, poursuis ta lecture. 

Les sujets suivants seront abordés dans cet article :

  • Une définition du Full Site Editing de WordPress
  • Comment accéder à l'éditeur de site WordPress sur WordPress
  • L'avenir du Full Site Editing de WordPress
  • Ce que le Full Site Editing WordPress signifie pour l'avenir du marché des thèmes WordPress
  • Y aura-t-il encore un éditeur de site et un constructeur de pages WordPress à l'avenir ?
  • Y aura-t-il encore des designer·euse·s à l'avenir ?
  • Réflexions finales sur le Full Site Editing de WordPress

Qu'est-ce que le Full Site Editing de WordPress ?

Si tu observes le fonctionnement d'un site web typique WordPress, tu remarqueras que certains éléments sont toujours les mêmes, quelle que soit la page sur laquelle tu te trouves. D'autres composants, en revanche, sont définis spécifiquement pour des pages individuelles.

Définir WordPress  Édition complète du site
Modification des blocs d'en-tête dans l'éditeur de site WordPress

L'en-tête et le pied de page sont des éléments globaux qui apparaissent sur chaque page de ton site web. L'outil de personnalisation en direct ou les options de thème peuvent ajouter un degré de personnalisation à ces éléments. 

Tu peux généralement télécharger ton logo, changer les couleurs et éventuellement modifier la mise en page en termes de placement du logo et du menu. Dans le cas du pied de page, tu peux définir le nombre de widgets de pied de page et y ajouter du contenu. Si tu souhaites ajouter des éléments supplémentaires tels qu'une barre de recherche ou des icônes de réseaux sociaux, tu devras utiliser le plugin ou les ajouter via un éditeur de code. 

La personnalisation des éléments individuels de la page est tout aussi délicate. Il s'agit notamment de textes, de blocs d'images et de médias. À moins d'utiliser un plugin de construction de pages comme Beaver Builder ou de créer ton propre thème, tu n'as pas beaucoup de contrôle sur la façon dont ces éléments apparaissent sur ton site. 

C'est là que le Full Site Editing de WordPress entre en jeu. Le Full Site Editing est un ensemble de fonctions qui te permettent d'effectuer des modifications globales et des modifications de pages. Tu peux également ajouter des éléments globaux et des éléments de page à partir d'une seule interface, sans avoir à recourir à du code. 

Il comprend des styles globaux, des blocs de thème personnalisés et l'édition de modèles personnalisés. Examinons de plus près ces caractéristiques ci-dessous. 

Les blocs 

Avec WordPress 5.0 et l'éditeur de site WordPress, l'éditeur de blocs classique a été introduit. Les blocs sont des éléments que tu peux ajouter aux pages et aux messages. Il s'agit notamment des :

  • Images
  • Paragraphes 
  • Titres 
  • Vidéos 
  • Contenus audio 
  • Boutons 

Les blocs comprennent également des éléments globaux du site web tels que :

  • le titre de la page 
  • les slogans du site web 
  • les menus
  • CSS
  • les codes courts

Les blocs peuvent être à la fois statiques et dynamiques. Les blocs statiques sont ceux qui révèlent leur contenu au moment de la publication. Par exemple, un bloc de paragraphe est un bloc statique.

En revanche, les blocs dynamiques sont ceux qui ne révèlent leur contenu qu'après la publication d'un article ou d'une page, comme par exemple les blocs de construction de site qui affichent les derniers articles de blog ou les derniers commentaires. 

Tu peux également regrouper et réutiliser des blocs. Cela signifie que tu peux combiner deux blocs ou plus pour créer un groupe de blocs ou des modèles de blocs que tu peux réutiliser dans n'importe quel article ou page de ton site. Par exemple, les blocs pour les titres, les paragraphes, les images et les boutons peuvent être combinés pour créer un aperçu des fonctionnalités.

Les compositions de blocs

Que sont les compositions de blocs ?

Les compositions de blocs sont des groupes de blocs qui créent des mises en page complexes prédéfinies pour ton site web. Fondamentalement, les compositions de blocs étendent la fonctionnalité de regroupement des blocs.

Une fois que tu as ajouté une composition de blocs à une page, tu peux modifier le contenu pour l'adapter à ta page spécifique. Cela signifie que tu peux personnaliser chaque composition de blocs en fonction de la page sur laquelle elle se trouve. 

Par exemple, tu peux utiliser l'une des colonnes du modèle de bloc pour parler des services sur ta page de services. Sur une autre page, tu pourrais utiliser les mêmes motifs de blocs pour présenter des témoignages. 

Tu peux utiliser des compositions de blocs et les insérer n'importe où sur ta page pour les utiliser comme point de départ de ta mise en page. Certaines compositions de blocs sont prêtes à l'emploi dans l'éditeur de site WordPress. D'autres apparaissent en fonction du thème et du plugin que tu utilises. 

Les templates (ou modèles)

Les templates sont des mises en page prédéfinies qui peuvent contenir des blocs et des compositions de blocs, des attributs de blocs et du contenu de remplacement. Jusqu'à présent, les templates faisaient partie des fichiers de thèmes WordPress. Dans certains cas, certains plugins possèdaient également des données de templates. 

Les templates (ou modèles)
Utilise l'éditeur de site WordPress pour créer des compositions de blocs.

Ces fichiers de modèles étaient généralement des fichiers PHP qui pouvaient contenir un peu de HTML. Avec l'introduction des styles dans l'éditeur de blocs WordPress et des fonctions du Full Site Editing, les templates sont désormais des fichiers HTML qui contiennent des balises de blocs. 

Un template se compose de la zone de contenu et de parties de modèle comme footer.html ou header.html. Tu peux réutiliser des parties de templates dans d'autres templates. 

Image montrant les parties du modèle sous forme de fichiers HTML pour correspondre à WordPress  Modification complète du site
Parties du template de pied de page et d'en-tête sous forme de fichiers HTML

Les thèmes fondés sur les blocs

Comme leur nom l'indique, il s'agit de thèmes qui utilisent l'éditeur Gutenberg de WordPress et contiennent des styles pour divers blocs WordPress. La dernière version de thème WordPress, Twenty Twenty One, est un excellent exemple de thème fondé sur les blocs. 

Une fois que la version complète du Full Site Editing de WordPress sera disponible, les futures versions de thèmes fondés sur les blocs prendront en charge bien plus que la simple modification de la mise en page et de l'affichage. Tu pourras également modifier l'en-tête et le pied de page de ton site web. 

Styles globaux

Capture d'écran montrant les options de configuration des styles globaux sur l'éditeur de site WordPress
Options de configuration des styles globaux dans l'éditeur de site WordPress

Avant de nous intéresser de plus près au Full Site Editing, j'aimerais aborder brièvement les styles globaux. À l'heure actuelle, si tu souhaites modifier le style de ton site, tu dois utiliser l'outil de personnalisation en direct ou le panneau d'options de thème. Cela te permettra de modifier les polices, les choix de couleurs ou les schémas de couleurs, ainsi que d'autres styles visuels sur l'ensemble de ton site. 

De plus, chaque bloc dispose de son propre ensemble d'options de style, ce qui te donne encore plus de possibilités de personnaliser l'apparence de ton site. 

Toutefois, la méthode actuelle de modification présente certaines limites :

  • Tout d'abord, tu dois utiliser deux fonctions différentes pour effectuer ces changements.
  • Deuxièmement, si tu n'enregistres pas un bloc comme bloc réutilisable, tu dois le remodeler à chaque fois. 

Le Global Style Editing (édition de style globale) vise à résoudre ces problèmes en unifiant ces outils. Tu peux ainsi styliser des blocs et appliquer ces modifications à l'ensemble de ton site. Il t'offre une interface unique pour créer et styliser le contenu, ce qui simplifie le processus. 

Comment le plugin Gutenberg WordPress aide avec le Full Site Editing de WordPress

Maintenant que tu sais ce qu'est l'édition intégrale du site, voyons comment elle t'aide en tant qu'utilisateur·rice de WordPress. 

Comme mentionné ci-dessus, une fois que le Full Site Editing de WordPress sera disponible pour tou·te·s les utilisateur·rice·s de WordPress, il ne sera plus nécessaire de basculer entre l'outil de personnalisation et l'éditeur de site WordPress. Tu pourras créer ton contenu et y apporter des modifications stylistiques au même endroit. 

Tu peux également créer la mise en page de tes pages à partir de la même interface. Cela offre une expérience utilisateur plus fluide aux utilisateur·rice·s finaux·ales et rend l'éditeur de site WordPress plus facile à utiliser pour les débutant·e·s. 

Il permet également à quiconque n'est pas familier avec le code d'apporter des modifications à la mise en page sans avoir à faire appel à des développeur·euse·s WordPress ou à des designer·euse·s. 

Quand dois-tu utiliser l'éditeur de site WordPress ?

Tu peux utiliser le Full Site Editing pour apporter des modifications globales à ton site web. Par exemple, tu peux l'utiliser pour créer un en-tête et un titre globaux pour ton site mais ensuite utiliser des paramètres spécifiques à chaque page pour remplacer ces changements. 

Le Full Site Editing de WordPress est également utile si tu souhaites créer des mises en page prédéfinies que tes client·e·s peuvent facilement insérer dans les pages sans avoir à compter sur ton aide. Par exemple, tu peux créer des compositions de blocs qu'iels peuvent utiliser sur une page de vente ou une page de produits sans trop réfléchir. 

Full Site Editing de WordPress : date de sortie

Capture d'écran montrant WordPress  Full Site Editing en action
Le Full Site Editing de WordPress en action

À l'heure actuelle, le Full Site Editing est toujours en cours de développement. L'édition intégrale du site fait partie du projet Gutenberg de WordPress qui comporte quatre phases. Ces quatre phases sont divisées comme suit :

  • Phase 1: introduction de l'éditeur de blocs dans l'éditeur de site WordPress
  • Phase deux: extension des capacités de l'éditeur de blocs à la modification complète du site
  • Phase trois: ajout des fonctions de collaboration permettant une approche plus intuitive de la co-création de contenu.
  • Phase quatre: mise en œuvre de WordPress Core pour les pages multilingues 

Nous sommes actuellement dans la phase deux du projet Gutenberg. La version 5.8 de WordPress devrait inclure le Full Site Editing. Cette version devrait comprendre de nouveaux blocs comme Query Loop, Query Pagination, Nav Menus, Site Logo et autres qui permettent d'utiliser tout le potentiel du Full Site Editing. 

Nouveau sur WordPress 5.8 : les blocs en tant que widgets, Gutenberg Performance & Duotone

WordPress 5.8 est la deuxième des quatre mises à jour majeures prévues pour WordPress en 2021. Nous avons jeté un coup d'œil à la version bêta de WordPress 5.8. Que peux-tu attendre de la nouvelle version ? A quoi dois-tu faire attention ? Qu'en est-il du tant attendu Full Site Editing ?

Comment accéder à l'éditeur de site WordPress sur WordPress

Si tu veux essayer en pratique toutes les fonctions d'édition de site de WordPress, tu as besoin d'un site web de staging ou d'une installation locale WordPress. Après avoir créé ton environnement de test, tu dois installer le plugin Gutenberg pour WordPress et un thème de blocs tel que Twenty Twenty One. 

Une fois ces conditions remplies, tu remarqueras une nouvelle option dans le menu, du nom de WordPress Classic Editor. Tu peux y modifier n'importe quelle partie de ton site web, notamment l'en-tête, la navigation, la zone de contenu et le pied de page. 

Si tu cliques sur l'icône WordPress dans l'éditeur de site WordPress, tu pourras également voir les modèles et les parties de modèles utilisés dans le thème et créer les tiennes. Par exemple, tu peux cliquer sur plus d'options pour chaque bloc afin d'en faire une partie de template.   

Si tu cliques sur le symbole Aa dans le coin supérieur droit, tu verras des options permettant de modifier les styles globaux pour l'ensemble du site. Il s'agit notamment de modifier les polices, de changer les couleurs et d'effectuer des changements de style par type de bloc. 

Enfin, tu peux également télécharger tous tes modèles et gérer les blocs réutilisables. C'est un excellent moyen de sauvegarder tes fichiers et de les protéger de tout incident.

L'avenir du Full Site Editing de WordPress

Comme nous l'avons mentionné plus haut, l'édition intégrale du site est toujours en cours de développement et il est prévu de l'intégrer au noyau de WordPress 5.8. 

L'équipe de développement est toujours à la recherche de retours actifs. Si tu souhaites apporter ta contribution, tu peux rejoindre le programme de sensibilisation du Full Site Editing (FSE). Tu pourras ainsi nous faire part de tes commentaires sur ton expérience du Full Site Editing. 

Ce que le Full Site Editing WordPress signifie pour l'avenir du marché des thèmes WordPress

Nous avons déjà expliqué ce qu'est le Full Site Editing et comment elle fonctionne. Mais qu'est-ce que cela signifie pour l'avenir du marché des thèmes de WordPress ? Les thèmes seront-ils encore nécessaires à l'avenir ?

De nombreux thèmes ne sont pas encore optimisés pour l'éditeur Gutenberg WordPress, également connu sous le nom d'éditeur de blocs. Les utilisateur·rice·s de WordPress qui n'utilisent pas encore les thèmes optimisés pour Gutenberg dans WordPress peuvent toujours utiliser l'éditeur de site classique WordPress pour ajouter et mettre à jour le contenu de leur site web. 

Pour rendre les choses encore plus compliquées, beaucoup de ces thèmes s'appuient également sur de puissants plugins de construction de pages tels que Genesis Blocks, Divi, Themify Builder ou Elementor. Ceux-ci permettent d'éditer des sites web et de créer des mises en page avancées sans devoir faire appel à des designer·euse·s ou des développeur·euse·s de plugins supplémentaires. 

Elementor : ton guide complet sur le constructeur de pages WordPress

Elementor est l'un des constructeurs de pages WordPress les plus populaires à l'heure actuelle. Et pour cause : Elementor regorge de fonctionnalités qui rendent la création de sites Web personnalisés plus facile que jamais. Dans cet article, tu apprendras tout ce que tu dois savoir sur Elementor.

Par conséquent, ces utilisateur·rice·s peuvent être réticent·e·s à abandonner les outils qu'iels connaissent en faveur d'une expérience d'édition entièrement nouvelle.

WordPress a clairement indiqué que l'édition intégrale du site est l'objectif ultime de la plate-forme. En outre, l'édition intégrale du site est sur le point d'être introduite dans la prochaine version de WordPress 5.8. Toutefois, les développeur·euse·s pourraient vouloir attendre un certain temps avant d'introduire la modification complète du site, jusqu'à ce que les utilisateur·rice·s en fassent la demande. 

Même si les utilisateur·rice·s sont lent·e·s à passer à l'édition complète du site, les développeur·euse·s doivent trouver un moyen d'implémenter l'édition complète du site dans leur thèmes pour donner aux utilisateur·rice·s plus de flexibilité dans l'édition de leur site. En outre, les développeur·euse·s de thèmes devraient également trouver un moyen de réduire la probabilité que les sites web se brisent entre les mains d'utilisateur·rice·s moins expérimenté·e·s. 

Les thèmes traditionnels pourraient exister pendant un certain temps encore, mais compte tenu des projets de WordPress, les développeur·euse·s de thèmes devraient se plonger dans le Full Site Editing et explorer les nouvelles fonctionnalités et possibilités qu'elle offre. Iels pourront ainsi mettre en œuvre ces fonctionnalités sur leur thèmes.  

Y aura-t-il encore un éditeur de site et un constructeur de pages WordPress à l'avenir ? 

Le marché des thèmes de WordPress n'est pas la seule chose sur laquelle l'édition intégrale du site aura un impact. Les plugins de construction de pages sont une autre partie de l'écosystème WordPress dont l'avenir peut sembler sombre. 

Il ne fait aucun doute que les plugins de construction de pages tels qu'Elementor et Divi sont très populaires parmi les utilisateur·rice·s de WordPress, en particulier celles et ceux qui ne sont pas familier·ière·s avec le code. Les plugins de construction de pages, tout comme les thèmes de WordPress, continueront à fonctionner lorsque le Full Site Editing sera intégré au noyau. 

Mais resteront-ils compétitifs ? Compte tenu de l'importante base d'utilisateur·rice·s dont dispose les plugins de construction de page, il est peu probable que les utilisateur·rice·s sautent le pas immédiatement après le lancement. La raison principale est qu'iels sont familier·ière·s avec les fonctionnalités et les outils que ces plugins offrent. 

Si tu abandonnes un outil familier pour le Full Site Editing, tu devras apprendre à travailler avec l'éditeur de site WordPress, ce qui prend également un certain temps. 

Dans cette optique, les plugins de construction de pages ne sont pas près de disparaître. En fait, les utilisateur·rice·s auront plus de choix lors de la création de leur site web et pourront décider de l'option qui leur convient le mieux.

Y aura-t-il encore des designer·euse·s à l'avenir ?

Le marché autour des thèmes et des page builders étant clos, parlons du dernier groupe qui sera touché une fois que le Full Site Editing de WordPress sera officiellement lancé : les webdesigner·euse·s

Tout d'abord, ce qui est évident est qu'avec l'introduction de fonctionnalités telles que les constructeurs de pages et l'édition complète du site, la difficulté de démarrage dans la conception d'un site web est réduite. Tout le monde peut créer un site web fonctionnel, qu'il s'agisse d'un blog personnel, d'un site web pour une petite entreprise ou d'un site web de portfolio. 

De plus, les utilisateur·rice·s ne doivent plus compter sur les designer·euse·s pour apporter de petites modifications à leurs sites web. Même si l'avenir des webdesigner·euse·s peut sembler sombre, les concepteur·rice·s ne doivent pas s'inquiéter de leur avenir professionnel.  

D'une part, tu dois garder à l'esprit que les utilisateur·rice·s de WordPress ne veulent pas tou·te·s bricoler des sites web. Les sites web personnalisés, adaptés aux besoins de la clientèle, ont toujours une grande valeur car ils se distinguent des sites à l'emporte-pièce souvent créés par des utilisateur·rice·s ordinaires qui construisent elles et eux-mêmes leur site web. 

D'autre part, les concepteur·rice·s comprennent comment concevoir visuellement un site web pour amener les utilisateur·rice·s à effectuer les actions qu'iels souhaitent, sans compter le fait qu'iels peuvent traduire la vision de leurs client·e·s en un site web qui s'aligne sur leurs objectifs. 

Enfin, iels peuvent également t'aider à régler les détails techniques du site web tels que le référencement, l'optimisation du chargement des pages, la sécurité et d'autres types de maintenance. Il existe même des possibilités pour les webdesigner·euse·s d'élargir leur offre de services en proposant des consultations et des séances de stratégie comme services d'entrée de gamme jusqu'à des formules complètes de conception de sites web.

En conclusion : le guide de l'éditeur du site WordPress et du Full Site Editing

Comme tu peux le constater, le Full Site Editing de WordPress est un changement très attendu dans la façon dont nous créons et concevons du contenu et dont les développeur·euse·s créent de nouveaux thèmes. 

Elle apporte des fonctionnalités passionnantes pour les créateur·rice·s de contenu et les développeur·euse·s afin d'unifier et de rationaliser le processus de conception, et de donner aux utilisateur·rice·s finaux·ales plus de pouvoir et de liberté. Grâce à ces nouvelles fonctionnalités, iels pourront concevoir leurs sites web de manière plus ergonomique. 

Le Full Site Editing offrira une expérience utilisateur plus fluide et aura un impact sur le marché des éditeurs de sites WordPress, des thèmes de WordPress et des constructeurs de pages. Si l'on peut penser que cela sonne la fin pour les webdesigner·euse·s, la vérité est tout autre. 

Les webdesigner·euse·s ne disparaîtront pas et ne tomberont pas dans l'oubli une fois que le Full Site Editing et les thèmes fondés sur les blocs seront disponibles. Les webdesigner·euse·s peuvent continuer à proposer leurs services car tou·te·s les propriétaires de sites web n'ont pas le temps, la motivation et l'inspiration nécessaires pour concevoir ou mettre à jour leur propre site web. 

En outre, les webdesigner·euse·s peuvent étendre leurs services pour inclure des conseils stratégiques sur les meilleures pratiques de webdesign, l'optimisation du référencement, les considérations sur la sécurité et les audits de sites web. 

Le Full Site Editing de WordPress est imminent. Il est temps de s'y mettre et d'explorer toutes les merveilleuses possibilités qu'il offre en matière de création de sites web et de contenu. En attendant, assure-toi de sécuriser ton hébergement web chez RAIDBOXES. Tu peux ainsi t'assurer que ton site web est prêt à gérer les changements à venir sur WordPress. 

Tes questions à propos du Full Site Editing de WordPress

Quelles sont les questions que tu te poses à propos du Full Site Editing de WordPress ? Nous nous réjouissons de lire ton commentaire. Tu t'intéresses à WordPress, au webdesign et au développement ? Suis alors RAIDBOXES sur Twitter, Facebook, LinkedIn ou via notre newsletter.

Maddy Osman est une spécialiste en stratégie de contenu SEO. Elle travaille avec des client·e·s sélectionné·e·s dans les domaines de WordPress et de l'hébergement web. Avec une formation en webdesign et WordPress, elle a une profonde compréhension du SEO, et sait exactement comment connecter les marques avec un contenu pertinent pour le SEO.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.