Gutenberg-CSS entfernen

Lesezeit: 4 Minuten

Gutenberg CSS entfernen
Matt Saunders

Ich habe das Gutenberg-Plugin in WordPress v4.9.8 installiert und versuche, das mitgelieferte CSS zu entfernen, damit ich mein eigenes bereitstellen kann.

Dies ist das Blatt, das enthalten ist:

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

Ich habe folgendes versucht:

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' );
}

Sowie Variationen davon, aber die Datei bleibt bestehen. Wie kann ich es entfernen?

  • Diese Frage ist nicht off-topic, aber es gibt eine Chance Möglicherweise finden Sie eine bessere, möglicherweise bereits vorhandene Antwort unter WordPress-Entwicklung.

    – David Thomas

    11. September 2018 um 13:57 Uhr

  • Verwenden wp_enqueue_scripts stattdessen. Versuchen add_action( 'wp_enqueue_scripts', 'wps_deregister_styles', 100 );

    – Tamil Selvan C

    11. September 2018 um 14:11 Uhr

  • Überprüfen Sie genau, wie Gutenberg die Stile hinzufügt. Siehe auch Dequeue, Unregister, Remove Action – Funktioniert nicht mit Plugin

    – Brasilo

    11. September 2018 um 14:16 Uhr

  • @TamilSelvanC danke, das hat nicht funktioniert. Ich habe so viele Variationen davon ausprobiert, und es ist nicht das erste Mal, dass ich genau dieses Problem habe. Wirklich frustrierender Aspekt von WP!

    – Matt Saunders

    11. September 2018 um 14:27 Uhr


  • @MattSaunders versuchen Sie, die zu entfernen -css vom Etikett. Damit wp-block-library

    – Desinformation

    11. September 2018 um 14:38 Uhr

Gutenberg CSS entfernen
desinfor

Ich füge dies als vollständigere Antwort als meinen Kommentar hinzu:

Sie müssen die entfernen -css beim Versuch, das Skript aus der Warteschlange zu nehmen. Das wird dem HTML-Markup hinzugefügt und nicht dem eigentlichen Tag für die CSS-Datei.

Wenn Sie den Code durchsuchen (die Position der Enqueue kann sich ändern, wenn Gutenberg in den Kern gerollt wird), können Sie Folgendes finden:

wp_enqueue_style( 'wp-block-library' );

Wie Sie sehen können, gibt es keine -css. Diese Lösung funktioniert möglicherweise für andere Plugins, bei denen Benutzer Probleme haben, Stile aus der Warteschlange zu entfernen.

Bearbeiten:
Da dies immer noch etwas Zugkraft hat, ist hier der Code, um damit umzugehen:

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

Ich verwende diesen Code, um den Standardstil zu entfernen.

//Disable gutenberg style in Front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );

  • Die beste Antwort. +1

    – Eje

    14. März 2019 um 17:52 Uhr

  • Der Autor der akzeptierten Antwort hat dies gerade in seine Antwort kopiert.

    – T. Todua

    29. März 2020 um 9:06 Uhr

1647310147 397 Gutenberg CSS entfernen
Ryszard Jędraszyk

Ich verwende WordPress 5.1. Ich habe die Antworten mit der höchsten Bewertung ausprobiert und sie haben bei mir nicht funktioniert. 'wp_enqueue_scripts' anstatt 'wp_print_styles' macht den Trick.

Hier ist meine gesamte WordPress 5.1-Lösung, um Gutenberg loszuwerden, ohne dass aufgeblähte Stylesheets geladen werden:

// 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
}

Bearbeiten:

Es funktioniert auch mit WordPress 5.2 und da es die von WooCommerce und Storefront hinzugefügten Stylesheets verarbeitet, habe ich dies als eine der Einstellungen in meinem neuen Plugin vorgenommen:

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

Fügen Sie den folgenden Code in Ihre Datei functions.php ein

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

Bitte liken, wenn dir das geholfen hat.

Da der wp_dequeue_style-Ansatz nicht funktioniert hat wp-editor-font deaktivieren (wp-editor-font-css) Ich habe folgenden Code verwendet:

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);

Siehe auch https://github.com/dimadin/disable-google-fonts/blob/master/disable-google-fonts.php

1647310148 294 Gutenberg CSS entfernen
Straße unbekannt

Im Jahr 2021 habe ich Variationen der meisten der oben genannten Ansätze ausprobiert und alle sind gescheitert. Wenn ich mir den WordPress-Code anschaue, glaube ich, dass der Grund dafür darin besteht, dass Gutenberg-Stile nicht mehr in die Warteschlange gestellt werden. Die einzige Möglichkeit, die ich gefunden habe, um es zu entfernen, besteht darin, es kurz vor dem Drucken zu entfernen.

// This is what works for me.
add_action( 'wp_print_styles', 'wps_deregister_styles', 9999 );
    
function wps_deregister_styles() {
    global $wp_styles;
    $wp_styles->remove('wp-block-library');
}

1647310148 315 Gutenberg CSS entfernen
Shawn

Dies beantwortet die Frage nicht wirklich, aber ich vermute, dass andere wie ich hier gelandet sind und versucht haben, etwas zu lösen, auf das diese Frage anspielt, aber nicht angesprochen wird: how do you remove the inline (WP 5.5+) storefront-gutenberg-blocks-inline-css so you can use the editor even though it's using white on white or black on black in the storefront theme?

Das Folgende wird genau das tun. Fügen Sie es in Ihre functions.php-Datei oder ein Plugin ein.

function clean_storefront_gutenberg_block_editor_customizer_css( $string ) {
  // return empty so the editor doesn't suck
  return '';
}
add_filter( 'storefront_gutenberg_block_editor_customizer_css', 'clean_storefront_gutenberg_block_editor_customizer_css' );

Dies entschärft nur das generierte CSS, sodass nichts an den Back-End-Editor angehängt wird. Das Frontend bleibt unverändert.

1003650cookie-checkGutenberg-CSS entfernen

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy