آموزش حذف استایل گوتنبرگ از قالب سایت وردپرس
حذف style.rtl.min.css و wp-block-library.css و… از وردپرس
قطعه کد حذف کتابخانه سی‌اس‌اس wp-block-library
حذف استایل درون خطی global-styles از هدر وردپرس
در وردپرس 5 به بعد ویرایشگر گوتنبرگ جایگزین ویرایشگر کلاسیک شد. کسانی که با ویرایشگر کلاسیک کار کرده‌اند باز هم سراغ ویرایشگر قبلی خود می‌روند و از گوتنبرگ استفاده نمی‌کنند. ویرایشگر Gutenberg برخی فایل‌های css را در قالب وبسایت لود می‌کند که باعث بیشتر شدن ریکوئست‌ها و گاها اختلال در فرانت‌اند قالب سایت می‌شوند. برای افزایش سرعت بارگذاری سایت و جلوگیری از اختلال در ظاهر سایت در ادامه قطعه کد فانکشن حذف کتابخانه این استایل‌ها در قالب را قرار داده‌ایم.
آموزش حذف استایل گوتنبرگ از قالب سایت وردپرس
اگر از ویرایشگر گوتنبرگ استفاده نمی‌کنید بهتر است فایل استایل آن را حذف کنید. کتابخانه استایل گوتنبرگ فایل‌های css زیر را به قالب اضافه می‌کند.
- style.min.css
- style.rtl.min.css
- wp-block-library.css
- global-styles
- wc-blocks-style
- و…
برای جلوگیری از اضافه شدن این استایل‌ها، قطعه کد زیر را در فایل فانکشن functions.php قالب خود اضافه کنید.
|
1 2 3 4 5 6 7 8 9 |
/* * Remove the `wp-block-library.css & ...' file from `wp_head()` * * fullkade.com * */ add_action('wp_enqueue_scripts', function() { wp_dequeue_style( 'wp-block-library' ); wp_dequeue_style( 'wp-block-library-theme' ); wp_dequeue_style( 'global-styles' ); // Remove global-styles-inline-css wp_dequeue_style( 'wc-blocks-style' ); // Remove WOOCOMMERCE BLOCK CSS }); |
نظرات ثبت شده بدون دیدگاه