آموزش وردپرس

حذف فایل CSS گوتنبرگ از وردپرس

از زمانی که وردپرس نسخه ۵ منتشر شد و ویرایشگر گوتنبرگ را معرفی کرد خیلی از کاربران با آن کنار نیامدند. بعضی ها همچنان به ویرایشگر کلاسیک وفادار مانده اند. اما حتی اگر شما از گوتنبرگ استفاده نکنید فایل های مربوط به آن در سایت شما بارگذاری می شوند.

یکی از این فایل ها مربوط به استایل بلاک های گوتنبرگ است. این فایل CSS با نام style.min.css در تمام صفحات سایت لود می شود. حتی اگر هیچ بلاکی از گوتنبرگ در صفحه وجود نداشته باشد باز هم این فایل بارگذاری می شود.

هر فایل اضافی باعث کند شدن سایت شما می شود. پس اگر دنبال افزایش سرعت وردپرس هستید و از گوتنبرگ استفاده نمی کنید بهتر است این فایل را حذف کنید.

فایل گوتنبرگ دقیقا چه کاری انجام می دهد

این فایل وظیفه دارد ظاهر بلاک های گوتنبرگ را در فرانت اند تنظیم کند. اما اگر شما به طور کامل از ویرایشگر کلاسیک استفاده می کنید دیگر نیازی به این فایل ندارید. در غیر این صورت هر صفحه سایت شما بدون دلیل یک فایل CSS اضافه بارگذاری می کند.

چطور فایل CSS گوتنبرگ را حذف کنیم

برای این کار کافی است یک قطعه کد ساده را در فایل functions.php قالب خود قرار دهید. یا می توانید از افزونه هایی مثل Code Snippets برای اضافه کردن این کد استفاده کنید. این کد باعث می شود فایل های مربوط به گوتنبرگ و حتی استایل های مربوط به بلاک های ووکامرس بارگذاری نشوند.

function smartwp_remove_wp_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-style' );
}
add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css', 100 );

این کد بسیار سبک است و به خوبی با همه قالب های وردپرس کار می کند.

نکته مهم قبل از استفاده از این کد

اگر در آینده تصمیم بگیرید از گوتنبرگ استفاده کنید باید این قطعه کد را حذف کنید. چون با فعال بودن این کد بسیاری از بخش های گوتنبرگ به درستی نمایش داده نمی شوند.

این روش برای کسانی مناسب است که کاملا از گوتنبرگ دوری کرده اند و فقط از ویرایشگر کلاسیک استفاده می کنند.

اگر دنبال افزایش سرعت سایت هستید حذف فایل های اضافی یکی از بهترین راه هاست. وقتی از گوتنبرگ استفاده نمی کنید نیازی نیست استایل های مربوط به آن در همه صفحات شما بارگذاری شوند. پس با یک کد ساده می توانید این فایل ها را حذف کنید و عملکرد سایت را بهینه تر کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *