WordPress 5.0 et Gutenberg : ce que vous devez savoir

Vous êtes sans doute au courant de WordPress 5.0, une mise à jour majeure qui change complètement la façon dont nous créons du contenu via WordPress.

Si vous utilisez WordPress depuis un certain temps, vous savez probablement à quel point la plateforme a évolué. Ce qui était autrefois un simple outil de blog est devenu une plateforme complète de création et de gestion de sites web.

WordPress 5.0 (nommé « Bebo ») marque un changement majeur dans notre utilisation de la plateforme. Avec cette mise à jour, l'équipe WordPress s'est concentrée sur la convivialité et l'accessibilité. Ils veulent que chacun puisse concevoir des sites web magnifiques et adaptatifs pour mobile sans écrire de code.

Dans cet article, nous allons passer en revue les nouveautés de WordPress 5.0, expliquer Gutenberg et son utilisation, puis examiner comment cela affecte votre plugin de paiement préféré, WP Simple Pay.

Fonctionnalités de WordPress 5.0

L'équipe WordPress s'est fixé trois objectifs lors du développement de WordPress 5.0 :

1. Trouver un moyen pour les utilisateurs de créer plus de contenu avec des médias riches et des éléments de design au lieu de créer des pages simples axées sur le texte.
2. Créer une norme pour interagir avec l'interface utilisateur afin que la création de sites web soit intuitive. Ils ne veulent pas que vous mélangiez texte enrichi, shortcodes, HTML, code copié d'autres plateformes et autres formats. Ils veulent que vous utilisiez uniquement leur système de blocs.
3. Rendre les fonctionnalités principales découvrables. Ils veulent que vous voyiez les différents types de contenu directement devant vous (vidéo, images, séparateurs, colonnes, etc.) afin que vous n'ayez pas à chercher dans WordPress ou à bricoler des plugins tiers.

Ce sont des objectifs ambitieux, mais WordPress 5.0 les atteint tous. Regardez leur vidéo promotionnelle :

Voici une liste des principales mises à jour incluses dans WordPress 5.0.

• WordPress prend désormais officiellement en charge la version 7.3 de PHP.
• Le nouveau pack de langue JavaScript vous permet d'ajouter des chaînes traduisibles directement dans le code JS.
• Les meta boxes sont sauvegardées lorsque vous appuyez sur le bouton « aperçu ».
• Le brouillon est sauvegardé lorsque vous appuyez sur le bouton « aperçu ».
• Optimisation mobile améliorée.
• Vous pouvez recadrer les images d'arrière-plan avant de les publier.
• La classe CSS wp-image a été ajoutée afin que vous puissiez utiliser des attributs de taille pour les images.
• Plusieurs améliorations significatives de la WordPress Rest API (qui aide les développeurs à créer des applications qui s'intègrent à WordPress).
• L'éditeur classique a été remplacé par l'éditeur Gutenberg (plus d'informations à ce sujet dans un instant).

Pourquoi l'équipe WordPress a-t-elle apporté ces changements ?

En termes simples, WordPress doit concurrencer d'autres solutions de création de sites web, comme Squarespace, Wix, Shopify, etc. Oui, ces plateformes attirent des communautés de niche, mais elles restent des concurrentes pour WordPress. La part de marché de WordPress continue de croître, mais celle de ses concurrents aussi.

Nouveau Thème : Twenty Nineteen

Les designers de WordPress aiment introduire un nouveau thème chaque année. WordPress 5.0 a également inclus le tout nouveau thème par défaut, Twenty Nineteen.

Comme la plupart des thèmes de l'équipe WordPress, Twenty Nineteen est moderne, minimaliste, léger et professionnel. Il est hautement personnalisable et rend très bien sur les appareils mobiles.

Plus important encore, le nouveau thème est spécifiquement conçu pour le nouvel éditeur de blocs Gutenberg. Comme l'éditeur Gutenberg est tout nouveau, c'est l'un des rares thèmes disponibles qui fonctionne parfaitement. L'équipe WordPress indique qu'elle mettra à jour les anciens thèmes WordPress (jusqu'à Twenty Ten) au fil du temps pour prendre en charge Gutenberg.

Éditeur de blocs Gutenberg

Le nouvel éditeur est le changement le plus spectaculaire de WordPress 5.0. Il remanie complètement la façon dont nous créons du contenu pour les pages et les articles. Gutenberg est disponible en tant que plugin autonome depuis plusieurs mois maintenant, vous avez donc peut-être déjà expérimenté avec lui. C'est maintenant l'éditeur par défaut de WordPress.

« L'objectif global de Gutenberg est une expérience de création d'articles et de pages qui facilite la création de mises en page riches », décrit l'équipe WordPress.

Si vous avez déjà utilisé un constructeur de pages comme Thrive Architect, Elementor, Visual Composer ou Beaver Builder, vous reconnaîtrez le nouveau système par défaut de WordPress.

Gutenberg est un éditeur sophistiqué basé sur des blocs. Au lieu de taper ou de coller votre contenu dans une grande zone de texte, vous « construisez » le contenu avec des blocs modulaires.

Différents blocs ont des objectifs différents. Par exemple, le bloc d'image est pour les images. Le bloc de titre est pour les titres. Le bloc de paragraphe est pour — vous l'avez deviné — les paragraphes. Chaque bloc a un objectif spécifique et vous ne pouvez pas les utiliser autrement.

WordPress 5.0 est livré avec plus de 40 blocs par défaut. Vous pouvez installer des plugins supplémentaires provenant de sources tierces avec leurs propres blocs. Si vous voulez plus de blocs, consultez Atomic Blocks, Stackable, Advanced Gutenberg Blocks ou CoBlocks.

Comment fonctionne Gutenberg ?

Pour ajouter un bloc, il vous suffit de le sélectionner dans le menu ou en cliquant sur l'une des icônes « + » sur votre page. Vous pouvez déplacer les blocs en les faisant simplement glisser vers un nouvel emplacement.

Cette méthode d'empilement de blocs de contenu vous donne le contrôle sur la conception finale sans toucher au code. Vous voulez déplacer cette image au-dessus d'un autre paragraphe ? C'est un simple glisser-déposer de souris sans aucune reformatage ni code dupliqué laissé dans le HTML.

De plus, les blocs de mise en page offrent plus de fonctionnalités que nous en avons jamais eu auparavant. Vous pouvez créer des colonnes, des sauts de ligne, des boutons et des widgets (pour les shortcodes) rapidement et facilement.

Chaque bloc est livré avec son propre panneau de paramètres afin que vous puissiez construire votre contenu exactement comme vous le souhaitez. Lorsque vous cliquez sur un bloc, un menu sur le côté droit de votre interface change pour afficher les paramètres de ce bloc.

Si vous créez un bloc que vous souhaitez utiliser ailleurs (soit sur cette page, soit ailleurs sur votre site), vous pouvez l'enregistrer comme réutilisable. Cela vous donne la possibilité d'ajouter rapidement le bloc avec ces paramètres sur cette page ou sur toute autre page.

Vous pourriez penser que ce nouveau style de création de contenu « par construction » est plus compliqué que de simplement taper dans une zone de texte, mais WordPress l'a encore simplifié en ajoutant de nombreux raccourcis clavier. Ces commandes vous aident à ajouter, supprimer et manipuler rapidement des blocs afin que vous puissiez créer du contenu rapidement.

Nous verrons sans aucun doute de nombreuses mises à jour de vos plugins et thèmes préférés dans les mois à venir (s’ils ne sont pas déjà arrivés). Ils voudront apporter des modifications pour s’adapter à Gutenberg.

Gutenberg et WP Simple Pay

Alors, comment Gutenberg affecte-t-il WP Simple Pay ?

Heureusement, cela n’affecte pas grand-chose. Si vous souhaitez ajouter un formulaire WP Simple Pay à une page, ajoutez simplement un nouveau bloc, trouvez le bloc Shortcode dans la catégorie Widgets, puis collez votre shortcode.

Alternativement, vous pouvez coller votre shortcode dans un bloc de paragraphe. Le bloc devrait se convertir automatiquement en bloc de shortcode.

La beauté de Gutenberg est que le système de blocs maintiendra votre formulaire de paiement sur sa propre ligne, il n’y aura donc pas de conflit de mise en forme avec d’autres éléments de la page.

Aller de l'avant

Bien qu’il soit possible d’installer un plugin qui ramène l’éditeur classique, nous vous recommandons de vous familiariser avec l’éditeur de blocs dès que possible. Une fois que vous l’aurez pris en main, vous réaliserez que vous pouvez créer rapidement des pages et des articles incroyables sans toucher au code.

Franchement, nous pensons que Gutenberg et WordPress 5.0 ne sont que le début d’un changement vers l’accessibilité et la conception de niveau professionnel. WordPress — et d’autres systèmes de gestion de contenu — veulent que vous construisiez l’intégralité de votre site Web sur leur plateforme, avec le moins d’outils tiers possible.

Vous trouverez de nombreuses critiques sur le Web concernant le déploiement de Gutenberg et de WordPress 5.0, mais nous sommes impatients de voir comment les gens l’utiliseront et pour l’avenir de WordPress.

Oh, et si vous trouvez un bug, assurez-vous de le signaler ! WordPress dépend de sa communauté dévouée pour obtenir des commentaires afin qu’ils puissent continuellement améliorer leur produit.