ترفند افزایش سرعت سایت : جایگزینی گوتنبرگ با ویرایشگر قدیمی + کد

خیلی از ماها که قدیمی‌تر هستیم و سال‌ها با وردپرس کار کردیم، عاشق همون ویرایشگر کلاسیک هستیم. راستش رو بخوای، گوتنبرگ هرچند امکانات جالبی داره، ولی خیلی از ما هنوز باهاش راحت نیستیم. مثلاً خود من وقتی می‌بینم که برای هر تغییر کوچیکی باید کلی کلیک کنم، دلم می‌خواد همون ویرایشگر ساده قدیمی رو برگردونم.

حالا خیلی‌ها میان و یه افزونه نصب می‌کنن تا گوتنبرگ رو غیرفعال کنن و برگردن به ویرایشگر کلاسیک. ولی بیاین روراست باشیم، واقعاً نیازی نیست برای هر مسئله‌ای یه افزونه اضافه کنیم و سرعت سایت رو بیاریم پایین. درسته؟ خوشبختانه، با چند خط کد ساده می‌تونیم این مشکل رو حل کنیم و خیلی راحت به همون محیط قدیمی و دوست‌داشتنی برگردیم، بدون اینکه نیازی به افزونه باشه. تو این مقاله یاد دادم چطور میتونیم گوتنبرگ رو حذف کنیم و با ویرایگشر کلاسیک جایگزین کنیم .

کد جایگزینی گوتنبرگ با ویرایشگر قدیمی

خب حالا که تصمیم گرفتیم از شر گوتنبرگ خلاص بشیم و برگردیم به ویرایشگر کلاسیک، فقط کافیه یه کد کوچولو رو تو فایل function.php قالبتون اضافه کنید. اما قبل از هر کاری، حواستون باشه که این تغییرات رو بهتره توی یه قالب Child (فرزند) انجام بدید. دلیلش هم اینه که اگه مستقیماً توی قالب اصلی دستکاری کنیم، با هر آپدیت جدید، این تغییرات پاک می‌شه و باید دوباره از اول کار رو انجام بدیم.

// غیرفعال کردن گوتنبرگ
add_filter( 'use_block_editor_for_post', '__return_false' );
add_filter( 'use_widgets_block_editor', '__return_false' );

خیلی ساده‌ست، مگه نه؟ فقط کافیه این کد رو توی فایل function.php قالب Child کپی کنید. بعد از اینکه این کد رو اضافه کردید، با خیال راحت می‌تونید از همون ویرایشگر کلاسیک استفاده کنید و دیگه نیازی به گوتنبرگ ندارید. دیگه حالا هم سرعت سایتتون حفظ می‌شه و هم بدون دردسر کارتون رو انجام می‌دید!

حذف فایل سنگین css گوتنبرگ

خب حالا که با کد قبلی تونستیم گوتنبرگ رو با همون ویرایشگر کلاسیک جایگزین کنیم، بذار یه قدم دیگه هم جلو بریم. همونطور که می‌دونی، گوتنبرگ یه فایل CSS سنگین رو برای کاربرا لود می‌کنه که به قول معروف، سرعت سایت رو یه‌کم می‌ندازه. ولی نگرانی نیست. با یه کد زیر می‌تونیم این فایل رو هم حذف کنیم تا سایتت سبک‌تر و سریع‌تر بشه.

// حذف فایل CSS گوتنبرگ
function naseri_remove_wp_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-style' ); // حذف CSS مربوط به بلوک‌های ووکامرس
} 
add_action( 'wp_enqueue_scripts', 'naseri_remove_wp_block_library_css', 100 );

خیلی راحت، این کد رو توی فایل function.php همون قالب Child که قبلاً صحبت کردیم قرار بده. با این کار، دیگه اون فایل‌های اضافی CSS گوتنبرگ لود نمی‌شن و کاربر سایتت یه نفس راحت می‌کشه! حالا سایتت هم با سرعت بالا کار می‌کنه و هم با ویرایشگر کلاسیک خوش‌دست! 😄

پس با این کد ساده، یک تیر و دو نشان زدیم: هم از دست گوتنبرگ خلاص شدیم، هم سایت رو سبک و سریع نگه داشتیم. دیگه چی بهتر از این؟

آنچه آموختیم

خب رفقا، تا اینجا با هم یاد گرفتیم که واقعاً نیازی نیست برای هر تغییر کوچیکی توی سایت، کلی افزونه نصب کنیم و سرعت سایت رو پایین بیاریم. با همین چند خط کدی که بررسی کردیم، هم تونستیم گوتنبرگ رو غیرفعال کنیم و به ویرایشگر کلاسیک برگردیم، هم اون فایل‌های CSS اضافه رو حذف کردیم تا سایت‌مون سبک‌تر بشه. این نشون می‌ده که خیلی وقتا به جای نصب افزونه، می‌تونیم با یه‌کم کدنویسی هوشمندانه، کنترل بیشتری روی سایت‌مون داشته باشیم و سرعت و کارایی رو بالاتر ببریم. شاد باشید.