Passer au contenu principal
Wordpress

• ▷ Comment supprimer Gutenberg CSS de WordPress




2knJzSe

Le nouvel éditeur Gutenberg fait partie intégrante de WordPress depuis plus d'un an maintenant, plus précisément avec la version de maintenance 4.9.8 en août 2018.

Cette version comprenait une démo de Gutenberg et il n'était plus nécessaire pour l'utilisateur de l'installer activement en tant que plugin.

Ainsi, tous les utilisateurs pouvaient tester le nouvel éditeur avant qu'il ne soit converti avec WordPress 5.0. "Bebo" le nouvel éditeur WordPress standard.

Le seul problème était que tous les thèmes ou plugins n'étaient pas prêts à démarrer Gutenberg et à travailler avec le nouvel éditeur. Même Gutenberg lui-même était et est exempt d'erreurs.

Cela a conduit à des discussions majeures au sein de la communauté WordPress ainsi qu'à divers plugins désactivant Gutenberg, ClassicPress, un fork de WordPress de l'ère pré-Gutenberg.

À ce stade, cependant, je ne veux pas du tout entrer dans les avantages et les inconvénients de Gutenberg, mais je voudrais vous montrer brièvement à quoi faire attention lors de la fermeture de Gutenberg.

Au début, il y avait des plugins qui désactivaient l'éditeur Gutenberg. Pendant ce temps, un plugin a clairement établi s'il souhaite ou doit exécuter son site Web sans Gutenberg:

Avec plus de 5 millions d'installations actives (en août 2019), l'éditeur classique est l'outil de choix.

1. Installation de l'éditeur classique

Après avoir installé et activé le plugin, vous pouvez définir globalement l'éditeur comme éditeur par défaut. Le plugin n'est pas livré avec des configurations complexes, mais il contrôle les paramètres «Gutenberg ou pas» de votre installation WordPress de manière centralisée sous 'Ecrire les paramètres.

Après avoir installé l'éditeur classique, vous pouvez l'activer dans Écriture des paramètres.

Après avoir basculé avec succès vers l'éditeur classique, votre skin d'entrée aura le même aspect qu'avant la mise à jour de Gutenberg et tous les composants, qu'il s'agisse du thème, du plugin, etc., fonctionneront comme d'habitude.

Ça y est, un vieil état restauré? Presque!

2. Supprimez le CSS Gutenberg

La mise à jour de WordPress à partir de la version 5 comporte une faille. Avec la conversion vers Gutenberg, les nouvelles ressources (Javascript, CSS) sont émises en même temps dans l'interface.

Comme nous venons d'échanger l'éditeur, nous n'avons plus besoin de tout le "Block CSS", que WordPress nous reproduit.

Pour Gutenberg le fichier wp-includes / css / dist / block-library / style.min.css avec une taille de fichier d'environ 30 Ko, il est chargé sur le frontend.

C'est juste un frein inutile pour notre solution sans Gutenberg, car en période d'optimisation des performances, chaque octet et chaque demande compte. Vous pouvez trouver plus d'informations sur l'optimisation des performances dans WordPress ici.

Vous pouvez télécharger le fichier, mais simplement avec le code suivant dans le fichier de fonctions.php pour éviter:

add_action ('wp_enqueue_scripts', 'twp_remove_gutenberg_block_css', 100); function twp_remove_gutenberg_block_css () {wp_dequeue_style ('wp-block-library'); }

L'exécution du code ci-dessus demande à WordPress de supprimer la référence à wp-block-library-css et le fichier ne sera plus lu automatiquement.

Par conséquent, vous vous évitez une requête HTTP inutile et rendez votre site un peu plus rapide.

R Marketing Numérique