web-dev-qa-db-ja.com

Gutenberg CSSを削除

WordPress v4.9.8にGutenbergプラグインがインストールされていますが、付属のCSSを削除しようとしています。

これは含まれるシートです：

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

私は次を試しました：

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

これのバリエーションと同様に、ファイルは保持されます。どうすれば削除できますか？

csswordpresswordpress-gutenberg
18
Matt Saunders

私のコメントよりも完全な回答としてこれを追加しています：

スクリプトをデキューするときは、-cssを削除する必要があります。それはHTMLマークアップに追加され、cssファイルの実際のタグではありません。

コードを検索すると（Gutenbergがコアにロールされるとエンキューの場所が変わる場合があります）、以下を見つけることができます。

wp_enqueue_style( 'wp-block-library' );

ご覧のとおり、-cssはありません。このソリューションは、スタイルのキューからの取り出しに問題がある他のプラグインで機能する場合があります。

編集：これはまだいくつかの牽引力を得るので、ここにそれを処理するコードがあります：

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

このコードを使用して、デフォルトのスタイルを削除します。

//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
Кирилл Меркушев

Wordpress 5.1を使用します。最も賛成の答えを試してみましたが、私にはうまくいきませんでした。'wp_enqueue_scripts'の代わりに'wp_print_styles'がトリックを行います。

これは、膨張したスタイルシートを読み込まずにグーテンベルクを取り除くためのWordPress 5.1ソリューション全体です。

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

編集：

WordPress 5.2でも動作し、WooCommerceおよびStorefrontテーマで追加されたスタイルシートを処理するため、新しいプラグインの設定の1つを作成しました。

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

7
Ryszard Jędraszyk

Functions.phpファイルに次のコードを貼り付けます

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

これがあなたを助けたかどうか好きにしてください。

2
M.K.Dan

Wp_dequeue_style-approachがwp-editor-font（wp-editor-font-css）disableに機能しなかったため、次のコードを使用しました。

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

https://github.com/dimadin/disable-google-fonts/blob/master/disable-google-fonts.php も参照してください

0
Alexander Taubenkorb

このコードは、通常はテーマのフォルダーにあるfunctions.php内に配置する必要があります。

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