En date du 6 décembre 2018, WordPress 5.0 Bebo est là !. Si vous avez ignoré toutes les autres mises à jour cette année, c’est le moment de vous y mettre car c’est la plus grosse mise à jour pour 2018 (peut-être 2019). WordPress est en train de réorganiser complètement la façon dont les utilisateurs et les développeurs utilisent le CMS avec leur nouvel éditeur Gutenberg. Il ne s’agit plus que de blocs. Nous avons également un nouveau thème Twenty Nineteen qui sera le thème par défaut des nouvelles installations.

Comme pour toute nouvelle version de WordPress, nous recommandons toujours de tester. Cela peut sembler être un disque rayé, mais comme cette version a un impact sur tout, de l’éditeur aux plugins tiers, et même sur votre thème, le test n’est pas facultatif ! Si vous ne testez pas, les choses pourraient facilement se casser. C’est une version où vous ne voulez pas juste cliquer sur le bouton de mise à jour.

Ceci étant dit, plongeons dans ce à quoi vous pouvez vous attendre avec la version 5.0 de WordPress.

WordPress 5.0 change tout ! 💥Vérifiez ce qui est nouveau dans la plus grande sortie de l'année. Cliquez pour Tweet

WordPress 5.0 change tout (Quoi de neuf)

Toujours à la recherche de cet hébergeur WordPress parfait ?

Essayez l'hébergement WordPress Premium de Kinsta pour découvrir votre site sans problèmes.
  • Contrôles stylisés représentant la gestion Entièrement infogéré
  • Bouclier avec une tique représentant la sécuritéSécurisé comme le fort knox
  • Fusionner des lignes représentant des migrationsMigrations gratuites
  • Trois chevrons droits représentant la vitesse du serveurVitesse ultime
  • Flèche circulaire avec un point central représentant les sauvegardesSauvegardes quotidiennes
  • Hexagones décalés représentant notre pile de serveursPlatforme Google Cloud
Avec WordPress 4.8 (Evans) nous avons obtenu une multitude de nouveaux widgets et d’améliorations, ainsi qu’une amélioration pratique du fonctionnement des liens dans l’éditeur visuel.

Avec WordPress 4.9 (Tipton) nous avons vu un pas important vers une façon plus centrée sur l’utilisateur de personnaliser et de gérer les sites Web, avec de grandes améliorations au Customizer, de nouvelles fonctionnalités intéressantes aux widgets, un éditeur de texte puissant pour éditer le code.

La plupart des mises à jour passées ont été relativement mineures et pour beaucoup d’entre nous, n’ont pas eu beaucoup d’impact sur nous. WordPress 5.0 est différent. Plutôt que d’ajouter des améliorations mineures ici et là, cette version est entièrement axée sur les deux choses suivantes :

  1. Le nouvel éditeur WordPress de Gutenberg
  2. Le thème Twenty Nineteen WordPress

À part cela, les modifications mineures et les corrections de bugs ne sont examinées qu’au cas par cas. En réalité, tout tourne autour de Gutenberg. 📇

Au premier abord, cela peut sembler ne pas beaucoup changer, mais cela ne pourrait pas être plus loin de la vérité ! Gutenberg est une tentative de faire avancer WordPress en tant que CMS dans le domaine de la construction de sites Web. En fait, l’équipe de WordPress prévoit de s’éloigner de l’ancien cycle de publication où nous ne recevons que de petites mises à jour pour n’en recevoir qu’une seule où nous verrons de plus grands changements à la fois. Cependant, ils ont également dit que le plan est d’avoir une mise à jour mineure deux fois par mois maintenant que WordPress 5.0 est publié. Vous pouvez voir ce qu’ils ont prévu pour la phase 2 de Gutenberg.

Alors qu’est-ce que Gutenberg exactement ? Le manuel de Gutenberg fait un excellent travail de synthèse :

Gutenberg a commencé comme une transformation de l’éditeur WordPress – une nouvelle interface pour ajouter, éditer et manipuler du contenu. Il vise à faciliter la création de contenus riches et flexibles grâce à une interface utilisateur basée sur des blocs. Tous les types de composants de page sont représentés sous forme de blocs modulaires, ce qui signifie qu’ils sont accessibles à partir d’un menu de blocs unifié, déposés n’importe où sur une page, et directement édités pour créer la présentation personnalisée que l’utilisateur souhaite.

Il s’agit d’une modernisation et d’une transformation fondamentale du fonctionnement de l’expérience WordPress, créant de nouvelles opportunités tant pour les utilisateurs que pour les développeurs. Gutenberg présente de nouveaux cadres, modèles d’interaction, fonctionnalités et expériences utilisateur pour WordPress…

En d’autres termes, dans WordPress 5.0, vous n’aurez plus le même éditeur WordPress classique ou éditeur de texte que celui que vous avez utilisé au cours de la dernière décennie. 😱 Il va maintenant ressembler à ceci :

Éditeur Gutenberg

Éditeur Gutenberg

En fait, vous avez peut-être déjà vu un message à ce sujet dans votre tableau de bord WordPress. Ceci a été ajouté dans la version mineure de WordPress 4.9.8 comme un moyen de donner aux utilisateurs un avertissement que cela se produit vraiment.

Message Gutenberg WordPress 5.0

Message Gutenberg WordPress 5.0

Gutenberg est le seul éditeur par défaut sur les nouvelles installations de WordPress 5.0. Ne vous inquiétez pas, vous pouvez toujours installer le plugin Classic Editor si vous le souhaitez. Cela vous permettra de continuer à l’utiliser avec le nouvel éditeur Gutenberg.

Cependant, un avertissement, l’équipe de WordPress a dit que le plugin de l’éditeur classique sera officiellement supporté jusqu’au 31 décembre 2021. Nous vous recommandons donc vivement de plonger dans Gutenberg et WordPress 5.0 le plus tôt possible..

Pourquoi est-ce que ça arrive ? Il y a deux raisons à cela.

1. WordPress doit faire face à la concurrence

La première est que même si la version hébergée de WordPress est open source, Automattic, l’équipe derrière WordPress.com est toujours une entreprise. Elle doit rivaliser avec toutes ces autres solutions de création de sites Web telles que Wix et Squarespace. Si vous regardez la part de marché de WordPress, de 2017 à 2018, la croissance en glissement annuel est d’environ 17,3%. Bien que cela semble formidable, jetez un coup d’œil à certains des concurrents. Squarespace a augmenté de 180% et Wix de 233%.

Et si le projet open source et l’activité sont techniquement séparés, ils vont de pair l’un avec l’autre. En d’autres termes, WordPress a besoin de rattraper son retard ! Pourquoi pensez-vous que tous les plugins de constructeurs de pages grandissent à un rythme incroyable ? C’est parce que les gens ont besoin de moyens plus faciles pour construire leurs sites Web et écrire du contenu. Même d’autres plateformes de publication comme Medium et Ghost ont franchement une bien meilleure expérience d’écriture si vous voulez simplement bloguer.

Quand il s'agit de WordPress, il s'agit toujours de parts de marché. 📈 Cliquez pour Tweet

Ce n’est pas nécessairement une mauvaise chose. Après tout, c’est la concurrence qui fait avancer le produit et la communauté plus rapidement.

2. Besoin d’une réécriture

Deuxièmement, Gutenberg est maintenant construit sur React, un framework JavaScript très populaire utilisé et maintenu par des entreprises comme Facebook et Instagram. Nos développeurs chez Kinsta adorent React, et en fait, nous l’avons utilisé lorsque nous avons décidé de lancer notre propre système d’affiliation. De plus, Gutenberg profite de nombreuses autres technologies modernes telles que l’API REST, ESnext + JSX, WebPack, etc. Riad Benguella a un excellent article sur la façon dont Gutenberg change le développement de WordPress.

En raison de sa structure, il ouvre un tout nouveau monde pour les développeurs en termes de « développement de blocs ». Souvenez-vous, sur Gutenberg, tout est une question de blocs. Vous entendrez probablement beaucoup parler de ce terme.

Mais cela peut aussi compliquer les choses, car les développeurs ont généralement besoin d’apprendre de nouveaux langages. Cependant, heureusement, la communauté WordPress est venue à la rescousse et il existe de grands projets open source tels que create-guten-block. Il s’agit essentiellement d’un dev-toolkit zéro-configuration (#0CJS) pour développer des blocs WordPress Gutenberg en quelques minutes sans configurer React, webpack, ES6/7/8/Next, ESLint, Babel, etc.

Vous voudrez probablement aussi regarder Atomic Blocks et Stackable.

Atomic Blocks

Atomic Blocks

On pourrait penser qu’avec tout cela, l’objectif serait d’améliorer les performances ? Nous espérons que c’est le cas, mais de nombreux rapports font état d’un ralentissement de la performance jusqu’à présent.

Note : Certains d’entre eux devraient être lus avec prudence car l’équipe de Gutenberg a poussé beaucoup de mises à jour. Et maintenant que WordPress 5.0 est officiellement arrivé, vous pouvez vous attendre à beaucoup plus.

L’autre inconvénient est que la plupart (pas tous) des thèmes et plugins WordPress doivent être réécrits pour fonctionner avec Gutenberg. Principalement ceux qui interagissent avec l’éditeur WordPress. Yoast SEO est un excellent exemple d’un développeur de plugin WordPress qui s’est lancé très rapidement ! Ils ont repoussé leur première mise à jour de Gutenberg en juillet 2017, et n’ont cessé d’en publier de nouvelles depuis. Même s’ils se sont d’abord inquiétés de l’accessibilité de Gutenberg.

Si vous voulez plonger dans toutes les fonctionnalités de Gutenberg et vraiment voir comment cela fonctionne, jetez un coup d’oeil à notre analyse en profondeur de l’éditeur Gutenberg WordPress.

Thème Twenty Nineteen

WordPress 5.0 inclut également le nouveau thème minimal Twenty Nineteen. Il est livré avec le support complet de Gutenberg, à la fois sur le front et le back-end. Nous reviendrons plus en détails sur ce thème dans un prochain article. 😉

Thème WordPress Twenty Nineteen

Thème WordPress Twenty Nineteen

Ce que pense la communauté de Gutenberg

Avec plus de 32 % de tous les sites Web sur Internet alimentés par WordPress, tout changement majeur comme celui-ci ne manquera pas de susciter une certaine controverse. Après tout, soyons honnêtes, l’éditeur WordPress n’a pas beaucoup changé au cours de la dernière décennie.

Si vous regardez le plugin WordPress de Gutenberg, avec plus de 700 000 installations actives, il a une note de 2,3 sur 5 étoiles. Avec plus de 900+ à 1 étoile. Bien que cela ne semble pas bon, il est important de réaliser que les gens évaluent Gutenberg depuis qu’il est en version bêta. De plus, avec un changement aussi énorme, il y aura forcément des commentaires de la part d’utilisateurs qui sont tout simplement résistants au changement.

Évaluation de Gutenberg WordPress

L’évaluation de Gutenberg WordPress

Nous avons effectué un sondage sur Twitter (nous vous encourageons à voter) pour savoir ce que les utilisateurs pensent de Gutenberg en ce moment. Avec plus de 450 votes jusqu’à présent, 42 % disent qu’ils ne l’ont pas beaucoup utilisé et qu’ils n’ont donc pas vraiment d’opinion de toute façon. Avec WordPress 5.0 et Gutenberg qui se rapprochent rapidement, cela fait peur. Une autre tranche de 28% la déteste, 19% disent l’aimer et 11% disent qu’elle leur plaît de plus en plus.

Ian de Declious Brains a également un très bon article où il partage beaucoup de préoccupations sur Gutenberg. Peu importe comment vous le regardez, du fait que WordPress pousse tous ces nouveaux langages et technologies, les sites, une fois mis à niveau vers WordPress 5.0, vont simplement casser. Il n’y a pas moyen de l’empêcher. A moins que chaque plugin et thème que vous utilisez n’ait été entièrement mis à jour, ce qui n’est pas le cas dans la plupart des cas, vous risquez d’être dans un monde de souffrance quand il s’agit de dépannage.

Et qui en est le plus touché ? Agences, pigistes et développeurs. C’est pourquoi cette grosse mise à jour pourrait vous inquiéter.

Si tout cela ne suffit pas, ClassicPress a émergé. C’est un fork dur de WordPress (sans Gutenberg) qui dessert le marché des sites Web d’entreprise basés sur CMS. Le problème ici est de savoir si nous allons commencer à nous fragmenter. Même leur équipe ne sait pas encore comment ils vont gérer la compatibilité des plugins et des thèmes. Quoi qu’il en soit, c’est certainement un projet intéressant à surveiller.

ClassicPress

ClassicPress

Date de sortie officielle de WordPress 5.0

Alors maintenant, la question que vous vous posez probablement tous, c’est quand WordPress 5.0 sortira-t-il ? L’équipe principale de WordPress a fixé la date de sortie au 19 novembre 2018 pour commencer. Toutefois, il s’agit d’une date provisoire.
Le 6 décembre 2018, WordPress 5.0 est maintenant officiellement sorti !
Si vous travaillez avec des clients qui utilisent WordPress, il faut garder cela à l’esprit. Vous pouvez bien sûr installer l’éditeur classique ou simplement reporter la mise à jour à plus tard.
Quoi qu’il en soit, vous devriez avoir un plan de match pour les vacances ! La dernière chose que vous voulez, c’est que votre client vous appelle pour se plaindre que son site ne fonctionne plus après sa mise à niveau vers WordPress 5.0. Si vous travaillez avec des clients fonctionnant sous WordPress, il faut garder cela à l’esprit. Vous pouvez bien sûr installer l’éditeur classique ou simplement reporter la mise à jour à plus tard.

Quoi qu’il en soit, vous devriez avoir un plan de match pour les vacances. La dernière chose que vous voulez, c’est que votre client vous appelle pour se plaindre que son site ne fonctionne plus après sa mise à niveau vers WordPress 5.0.

Vous avez des problèmes de temps d'indisponibilité et de WordPress ? Kinsta est la solution d'hébergement conçue pour vous faire gagner du temps ! Découvrez nos fonctionnalités

Comment se préparer et mettre à jour vers WordPress 5.0

Nous ne saurions trop insister sur l’importance de tester WordPress 5.0 et Gutenberg. Vous devez vraiment vous assurer que tous vos plugins et thèmes fonctionnent correctement. Si vous avez une solution sur mesure, assurez-vous de commencer à contacter un développeur WordPress pour la faire mettre à jour. Ce n’est pas quelque chose que votre hébergeur WordPress pourra réparer pour vous.
Il est important de noter qu’à moins que vous n’ayez spécifiquement configuré WordPress pour la mise à jour automatique des versions majeures, vous devrez mettre à jour manuellement vers WordPress 5.0. Par défaut, WordPress ne met à jour automatiquement que les versions mineures dans sa propre branche, comme 4.9.7 à 4.9.8, pas les versions majeures comme 4.9.8 à 5.0.

Kinsta ne force pas non plus les mises à jour majeures.

WordPress 5.0 et WooCommerce

WooCommerce a publié une déclaration officielle concernant la sortie de WordPress 5.0. Si vous utilisez WooCommerce, assurez-vous de mettre à jour vers WooCommerce 3.5.1+ avant de mettre à jour vers WordPress 5.0 pour éviter de casser les changements.

WordPress 5.0 et les plugins

L’équipe de Yoast propose constamment de nouvelles fonctionnalités, des corrections de bugs et des améliorations pour la compatibilité de Yoast SEO et Gutenberg. Nous recommandons fortement la mise à jour vers la dernière version (la version 9.2.0 est sortie le 20 novembre) avant la mise à jour vers WordPress 5.0.

1. Créer un environnement de développement

Nous vous recommandons fortement d’installer WordPress 5.0 sur un site de test ou d’utiliser l’environnement de développement de votre hébergeur. De cette façon, vous n’affecterez pas votre site en production. Si vous êtes un client Kinsta, vous pouvez facilement copier votre site en production sur l’environnement de développement en quelques clics.

Environnement de staging WordPress

Environnement de staging WordPress

2. Faites une sauvegarde de votre site WordPress

Si vous ne testez pas sur un site de développement ou de staging (ce que vous devriez faire), assurez-vous d’effectuer une sauvegarde complète de votre site WordPress. Il existe de nombreux plugins de sauvegarde WordPress  quevous pouvez utiliser. Si vous êtes un client Kinsta, vous avez accès à un site de développement ainsi qu’à quatre types différents de sauvegardes, y compris les sauvegardes automatiques qui sont stockées pendant 14 jours.

Cependant, étant donné que WordPress 5.0 est un énorme changement, nous vous recommandons également de faire une sauvegarde téléchargeable de l’ensemble de votre site. Cela inclut tous vos fichiers et votre base de données MySQL. On ne sait jamais, on peut rater quelque chose après ces 14 jours. Il est toujours pratique de pouvoir lancer une sauvegarde si nécessaire. Les clients Kinsta peuvent télécharger une sauvegarde complète d’un simple clic à tout moment dans le tableau de bord MyKinsta.

Télécharger la sauvegarde complète de WordPress

Télécharger la sauvegarde complète de WordPress

3. Comment mettre à jour vers WordPress 5.0 (Développement et production)

Selon votre hébergeur, votre site Web peut être mis à jour automatiquement vers WordPress 5.0 après sa sortie. Le coeur de WordPress ne le fait pas par défaut. Et chez Kinsta, nous ne mettrons pas à jour votre site vers WordPress 5.0 automatiquement à moins que vous n’ayez défini WP_AUTO_UPDATE_CORE à true dans votre fichier de code de site. C’est intentionnel, comme vous devriez toujours tester d’abord.
WordPress 5.0 est disponible dans votre tableau de bord d’administration. Cliquez simplement sur l’icône des mises à jour dans la barre d’outils. Cliquez ensuite sur le bouton « Mettre à jour maintenant ». Pendant la mise à jour, votre site sera en en mode maintenance. Dès que vos mises à jour seront terminées, votre site reviendra à la normale.

Mise à jour de WordPress 5.0

Mise à jour de WordPress 5.0

Si tout s’est bien passé avec la mise à jour, vous devriez alors voir l’écran « Quoi de neuf ». Et c’est tout ! Rapide et facile.

Dépannage des problèmes avec la mise à jour WordPress

Comme à chaque nouvelle version de WordPress, il y en a toujours qui rencontrent des problèmes, et cela est dû aux milliers de plugins et de thèmes différents qui coexistent actuellement sur le marché. Voici quelques façons de dépanner les problèmes courants.

  • Vous obtenez l’écran blanc de la mort ? Ceci est généralement résolu en redémarrant PHP et en supprimant le cache pleine page sur votre site WordPress.
  • Vous voyez un message  » Briefly unavailable for scheduled maintenance. Check back in a minute  » qui ne disparaît pas ? Votre site est peut-être bloqué in maintenance mode.
  • Essayez de désactiver tous vos plugins pour voir si cela résout votre problème. Réactivez-les un par un jusqu’à ce que vous trouviez quel plugin pourrait avoir besoin d’une mise à jour de la part du développeur.
  • Essayez de passer à un thème WordPress par défaut, tel que Twenty Nineteen (dès qu’il sera disponible). Si cela résout votre problème, vous devrez peut-être vous adresser à votre développeur de thème.
  • Dépanner et diagnostiquer les problèmes de JavaScript dans votre navigateur. Cela peut être particulièrement utile si un composant crucial comme l’éditeur visuel (TinyMCE) se casse.

Vérifier les plugins et les thèmes (ils peuvent être affectés par Gutenberg)

Avec WordPress 5.0 vient le nouvel éditeur Gutenberg. Vous pouvez désactiver ceci et restaurer l’éditeur classique si vous le souhaitez. Ou peut-être trouvez-vous un bug qui casse quelque chose.

Dans le cadre de vos tests avec Gutenberg, vous voudrez vous assurer que tous vos plugins et thèmes tiers fonctionnent avec Gutenberg. Tout ce qui interagit avec l’éditeur WordPress sera très probablement affecté. Le référencement de levure est un bon exemple puisqu’il a des méta-boîtes personnalisées. Advance Custom Fields en serait une autre.

Vérifiez avec les développeurs de vos plugins et de votre thème. Beaucoup ont commencé à annoncer le support de Gutenberg ou quand ils l’auront. De nombreux développeurs de thèmes lancent également leurs propres blocs Gutenberg.

Après l’installation de WordPress 5.0, l’option « Modifier » sous vos pages et articles s’ouvrira automatiquement dans le nouvel éditeur Gutenberg. Si vous avez installé le plugin d’éditeur classique, vous verrez aussi une option pour cela.

Éditer avec Gutenberg

Éditer avec Gutenberg

Qu’arrive-t-il au contenu actuel ?

Qu’advient-il du contenu que vous avez créé dans l’éditeur classique lorsque vous l’ouvrez dans le nouvel éditeur Gutenberg ? Fondamentalement, l’article entier apparaîtra sous la forme d’une grande boîte d’édition TinyMCE. Ils l’ont fait pour préserver le format de contenu de tous vos articles et pages. Pour profiter de l’éditeur Gutenberg, vous pouvez sélectionner l’option « Convertir en blocs ».

Conversion en blocs Gutenberg

Conversion en blocs Gutenberg

Tout sera alors automatiquement converti dans les nouveaux blocs de Gutenberg.

Conversion en Blocks Gutenberg

Conversion en Blocks Gutenberg

Qu’arrive-t-il aux shortcodes ?

Il en va de même pour les shortcodes. Dans cet exemple, nous avions déjà un formulaire de contact NinjaForm sur notre site de développement. Il a été placé dans l’éditeur classique à l’aide d’un shortcode. Dans l’éditeur de Gutenberg, nous sélectionnons donc à nouveau l’option « Convertir en blocs ».

Shortcodes dans Gutenberg

Shortcodes dans Gutenberg

Le shortcode est alors transformé en un bloc de shortcode Gutenberg. Le formulaire de contact s’affiche toujours bien sur le front-end.

Bloc de chortcodes converti dans Gutenberg

Bloc de chortcodes converti dans Gutenberg

Résumé

WordPress 5.0 avec Gutenberg est la plus grande mise à jour de WordPress que nous ayons eue depuis longtemps. Elle affecte tout le monde, de la façon dont les utilisateurs interagissent avec l’éditeur et écrivent le contenu, à la façon dont les développeurs codent les plugins et les thèmes. Seul le temps nous dira si le projet Gutenberg est un succès. Mais quoi qu’il en soit, nous encourageons tout le monde à tester WordPress 5.0 sur un environnement de développement avant la mise à jour.

Avez-vous des idées concernant WordPress 5.0 ou Gutenberg ? Nous aimerions savoir ce que vous en pensez.