آموزش حذف استایل گوتنبرگ از قالب سایت وردپرس ، حذف کتابخانه سی‌اس‌اس wp-block-library

آموزش حذف استایل گوتنبرگ از قالب سایت وردپرس ، حذف کتابخانه سی‌اس‌اس wp-block-library

آموزش حذف استایل گوتنبرگ از قالب سایت وردپرس
حذف 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 قالب خود اضافه کنید.

/* * 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
});

مطالب مرتبط گوتنبرگ

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد.

cp-codfk

نظرات ثبت شده بدون دیدگاه

توضیحات پیشنهادی نظرات اشتراک