Ouvrir le menu principal

MacGeneration

Recherche

WordPress réinvente un de ses piliers avec Gutenberg

Nicolas Furno

mardi 27 juin 2017 à 13:30 • 21

Logiciels

WordPress, le CMS (outil de création de sites) le plus utilisé sur le web, est en train de préparer une petite révolution. Ses concepteurs travaillent depuis plusieurs mois sur Gutenberg, un tout nouvel éditeur d’articles qui doit remplacer à terme celui qui est proposé actuellement et depuis quelques années. Vous pouvez le tester sur un site WordPress à jour en utilisant cette extension, mais il reste encore du travail pour le finaliser.

Voici l’éditeur d’articles actuel de WordPress, le même en gros depuis plusieurs années. Cliquer pour agrandir

Malgré tout, l’extension est un bon moyen d’avoir un aperçu de ce qui devrait attendre tous les utilisateurs de WordPress, non pas dans la prochaine mise à jour majeure, mais dans la suivante. WordPress 5.0 sortira probablement dans l’année à venir et si tout se passe bien, cette version sera livrée avec cette interface pour créer et éditer du contenu :

Et voici à quoi ressemble la version actuelle de Gutenberg quand on crée un nouvel article. Cliquer pour agrandir

L’éditeur de contenus est probablement l’interface la plus utilisée dans WordPress et cela fait plusieurs années qu’elle n’a pas évolué de manière significative. Le projet Gutenberg est reparti d’une page blanche, tant en termes d’interface que de technologies. Sous le capot, très peu de PHP, le langage de développement utilisé traditionnellement sur le projet, et principalement du JavaScript.

Cela fait maintenant trois ans que WordPress ne s’intéresse plus seulement à PHP et aux technologies utilisées depuis sa naissance dans les années 2000. Sous l’impulsion d’Automattic, l’entreprise de Matt Mullenweg qui a créé WordPress, le projet exploite toujours davantage de code en JavaScript. Avec Calypso, cette entreprise proposait à tous les utilisateurs de WordPress une interface d’administration développée en React, le framework JavaScript créé par Facebook.

Même s’il fonctionne mieux dans sa version actuelle sur un ordinateur traditionnel, ce nouvel éditeur de contenus a été pensé dès le départ pour les appareils mobiles. Ici, sur un iPad. Cliquer pour agrandir

Jusque-là, ces efforts sont restés assez éloignés du Core, c'est-à-dire du WordPress open-source que tout le monde peut installer sur son serveur. Néanmoins, Gutenberg fait entrer le JavaScript et React par la grande porte du CMS, puisque ce sont ces technologies qui sont utilisées en majorité.

Un nouvel éditeur qui a d’énormes ambitions

Au-delà de la technique, c’est l’ambition de Gutenberg qui est intéressante. Cet éditeur de contenu ne veut pas rester cantonné aux simples articles de blog, il doit servir à modeler tout un site.

Le concept de base n’est plus le paragraphe de texte, mais le bloc. La page est constituée de plusieurs blocs arrangés pas tout à fait librement — on reste sur le principe d’une grille fixe —, mais avec beaucoup plus de souplesse qu’aujourd'hui. Un bloc peut être constitué d’un paragraphe, d’un titre ou d’une citation, mais aussi d’une image, d’une vidéo, mais encore d’un bout de code HTML ou même d’un widget.

Ces briques qui permettaient déjà d’enrichir les sites WordPress sans connaissance technique peuvent ainsi se retrouver au milieu d’un article. Dans la bêta actuelle, il y a un exemple : un bloc permet d'afficher les derniers articles publiés sur le site. Les autres modules pourront ajouter leurs propres blocs et ouvrir ainsi de nouvelles possibilités. Gutenberg remplacera également complètement les « shortcodes », ces blocs de texte spécifiques qui servent à ajouter du contenu à un article et qui sont souvent sources d’erreur.

L’outil d’insertion de bloc à droite et le widget qui affiche les derniers articles sur la gauche. C’est un premier exemple de la souplesse qu’apportera Gutenberg. Cliquer pour agrandir

Cette idée de sortir du cadre de l’article individuel est essentielle pour comprendre le projet Gutenberg, même si les premières versions seront sans doute plus modestes. À terme par exemple, on devrait pouvoir utiliser cet outil directement depuis le site en ligne, sans avoir à passer par l’interface d’administration. L’objectif final étant probablement d’avoir une solution aussi simple d’emploi que celles proposées par les nouveaux acteurs sur le marché, comme Wix ou Squarespace, où tout se fait directement sur les pages publiées.

En attendant, la bêta disponible pour tous les sites sous WordPress 4.8 donne un petit aperçu, encore très limité. Certaines fonctions de base sont absentes, quelques bugs peuvent conduire à des pertes de données et c’est pourquoi il est recommandé de ne pas l’utiliser pour publier des articles. Cette étape est toutefois essentielle, pour augmenter le nombre d’utilisateurs et surtout de retours.

Cliquer pour agrandir

D’ailleurs, l’intégration de Gutenberg à WordPress 5.0 ne se fera qu’à partir du moment où le module a été testé sur 10 000 sites… on en est à moins de mille pour le moment. Si vous voulez participer, les retours et signalements de bugs sont attendus sur GitHub.

illustration magazine 25 ans

MacGeneration a 25 ans !

Participez à la fête et découvrez l’histoire de votre site favori en précommandant notre magazine exclusif.

Je précommande le magazine

Antitrust : le DoJ réclame officiellement que Google vende Chrome

10:32

• 38


Apple, Anker : de nombreux adaptateurs secteur en promo (jusqu’à -33 %)

10:02

• 0


Les meilleures offres de la Black Week. Tout au long du mois de novembre

Partenaire


Le SSD Thunderbolt 5 d'OWC est disponible : le plus rapide du marché, mais aussi le plus cher

20/11/2024 à 21:30

• 14


Test de l’iMac 24" M4 : haut en couleur

20/11/2024 à 20:30

• 26


Promotion Black Friday de Godeal24 : Microsoft Office à - 80 %, c'est maintenant 📍

20/11/2024 à 20:22


macOS 15.2 : quatrième bêta développeur, et troisième bêta publique 🆕

20/11/2024 à 19:56

• 5


Refurb : -220 € sur le MacBook Air M3 en 16/1 To

20/11/2024 à 17:45

• 37


Aqara commercialise aussi un détecteur de fumée connecté compatible HomeKit (avec code promo 🆕)

20/11/2024 à 15:25


Apple vs DoJ : la Pomme va demander à un juge fédéral d’abandonner les poursuites

20/11/2024 à 15:09

• 51


Apple vend désormais elle-même des espaces publicitaires dans Apple News

20/11/2024 à 14:38

• 8


Beats : Erling Haaland fait de la pub à l'ancienne

20/11/2024 à 12:15

• 10


YouTube : IMG_0001 déterre de vieilles vidéos filmées à l’iPhone

20/11/2024 à 11:44

• 9


Incogni en énorme promotion pour le Black Friday, reprenez le contrôle de vos données en ligne ! 📍

20/11/2024 à 10:19


Bluesky dépasse les 20 millions de comptes, dont celui de MacGeneration

20/11/2024 à 09:45

• 96


Pinwheel, un gestionnaire de couleurs destiné aux développeurs par les créateurs d’iStat Menus

20/11/2024 à 08:00

• 9