web-dev-qa-db-fra.com

Supprimer Gutenberg CSS

J'ai le plugin Gutenberg installé dans WordPress v4.9.8 et j'essaie de supprimer le CSS qui l'accompagne pour que je puisse fournir le mien.

C'est la feuille qui est incluse:

<link rel='stylesheet' id='wp-block-library-css'  href='/wp-content/plugins/gutenberg/build/block-library/style.css?ver=1535795173' type='text/css' media='all' />

J'ai essayé ce qui suit:

add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library-css' );
    wp_deregister_style( 'wp-block-library-css' );
}

Ainsi que des variations de cela, mais le fichier persiste. Comment puis-je l'enlever?

csswordpresswordpress-gutenberg
18
Matt Saunders

J'ajoute ceci comme réponse plus complète que mon commentaire:

Vous devez retirer le -css lorsque vous essayez de retirer le script de la file d'attente. Cela est ajouté au balisage HTML et non à la balise réelle du fichier css.

Si vous recherchez le code (l'emplacement de la file d'attente peut changer au fur et à mesure que Gutenberg devient un noyau), vous pouvez trouver:

wp_enqueue_style( 'wp-block-library' );

Comme vous pouvez le constater, il n'y a pas de -css. Cette solution peut fonctionner pour d'autres plugins pour lesquels les gens ont du mal à éliminer les styles.

Edit: Etant donné que cela continue de gagner du terrain, voici le code pour le gérer:

add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}
26
disinfor

Je suis utiliser ce code pour supprimer le style par défaut.

//Disable gutenberg style in Front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
12
Кирилл Меркушев

J'utilise Wordpress 5.1. J'ai essayé les réponses les plus votées et elles n'ont pas fonctionné pour moi, 'wp_enqueue_scripts' au lieu de 'wp_print_styles' fait le tour.

Voici ma solution complète WordPress 5.1) pour se débarrasser de Gutenberg sans chargement de feuilles de style:

// Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
    wp_dequeue_style( 'wp-block-library' ); // Wordpress core
    wp_dequeue_style( 'wp-block-library-theme' ); // Wordpress core
    wp_dequeue_style( 'wc-block-style' ); // WooCommerce
    wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
}

Modifier:

Cela fonctionne aussi avec WordPress 5.2 et parce qu'il gère les feuilles de style ajoutées par WooCommerce et le thème de la vitrine, j'ai créé ceci comme l'un des paramètres de mon nouveau plugin:

https://wordpress.org/plugins/extra-settings-for-woocommerce/

7
Ryszard Jędraszyk

Collez le code suivant sur votre fichier functions.php

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

S'il vous plaît, si cela vous a aidé.

2
M.K.Dan

Comme l'approche wp_dequeue_style ne fonctionnait pas , désactivez wp-editor-font (wp-editor-font-css) j'ai utilisé le code suivant:

function my_remove_gutenberg_styles($translation, $text, $context, $domain)
{
    if($context != 'Google Font Name and Variants' || $text != 'Noto Serif:400,400i,700,700i') {
        return $translation;
    }
    return 'off';
}
add_filter( 'gettext_with_context', 'my_remove_gutenberg_styles',10, 4);

Voir aussi https://github.com/dimadin/disable-google-fonts/blob/master/disable-google-fonts.php

0
Alexander Taubenkorb

Vous devrez placer ce code dans votre fichier functions.php, qui se trouve généralement dans le dossier de votre thème.

function wp_dequeue_gutenberg_styles() {
wp_dequeue_style( ‘wp-block-library’ );
wp_dequeue_style( ‘wp-block-library-theme’ );
}
add_action( ‘wp_print_styles’, ‘wp_dequeue_gutenberg_styles’, 100 );
0
Owais Alam