Cara Remove Gutenberg Block Library CSS di WordPress – Apakah Anda menggunakan editor Gutenberg baru di WordPress tetapi tidak senang dengan pengalaman tersebut?
Salah satu keluhan utama tentang Gutenberg adalah bahwa ia menambahkan banyak sampah ke situs Anda dalam bentuk CSS dan JavaScript tambahan.
Dalam posting ini, kami akan menunjukkan kepada Anda cara menghapus Gutenberg block library CSS dari WordPress.
Jika Anda tidak terbiasa dengan Gutenberg, itu adalah editor berbasis blok baru yang diperkenalkan di WordPress 5.0.
Ide di balik Gutenberg adalah untuk memudahkan orang untuk membuat halaman dan posting yang indah dengan blok.
Meskipun Gutenberg memiliki beberapa keuntungan, ia juga memiliki banyak kekurangan.
Salah satu keluhan terbesar tentang Gutenberg adalah bahwa ia menambahkan banyak CSS dan JavaScript ekstra ke situs Anda.
Ini dapat membuat situs Anda lebih lambat dan dapat menyebabkan konflik dengan plugin dan tema lain.
Website loading Gutenberg block CSS
Dan jika Anda menggunakan plugin seperti “Classic Editor” di situs Anda, Anda mungkin bahkan tidak menggunakan Gutenberg!
Jadi mengapa Anda harus memuat file CSS ekstra dari “/wp-includes/css/dist/block-library/style.min.css” di situs Anda?
Untungnya, ada cara mudah untuk menghapus file CSS ini. Yang perlu Anda lakukan adalah menambahkan beberapa baris kode ke file functions.php tema Anda.
Berikut kode yang perlu Anda tambahkan:
<?php
/**
- Removes block library CSS from WordPress core, WooCommerce, and Storefront theme.
- @package sawalwalker
*/
function thewpx_remove_block_library_css() {
wp_dequeue_style( ‘wp-block-library’ );
wp_dequeue_style( ‘wp-block-library-theme’ );
wp_dequeue_style( ‘wc-block-style’ );
wp_dequeue_style( ‘storefront-gutenberg-blocks’ );
}
add_action( ‘wp_enqueue_scripts’, ‘sawalwalker_remove_block_library_css’, 100 );
- @package sawalwalker
Kode ini akan menghapus file CSS dari memuat di bagian depan situs Anda. Jika Anda mau, Anda juga dapat menginstal plugin seperti “Code Snippets” dan menambahkan kode ini ke snippet.
Dan itu saja yang perlu dilakukan!
✍️ Catatan Penulis
Jika Anda ingin benar-benar menonaktifkan Gutenberg di situs Anda, Anda dapat melakukannya dengan plugin seperti “Disable Gutenberg“.
Plugin ini tidak hanya akan menonaktifkan editor Gutenberg, tetapi juga akan menghapus semua CSS dan JavaScript ekstra yang ditambahkan Gutenberg ke situs Anda.
Kami harap posting ini membantu Anda belajar cara menghapus Gutenberg block library CSS dari WordPress. Anda mungkin juga ingin melihat posting kami tentang cara menonaktifkan Gutenberg di WordPress. Jika Anda menyukai posting ini, silakan bagikan dengan teman-teman Anda!
