آموزش استفاده از ویرایشگر گوتنبرگ در صفحه محصولات ووکامرس

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

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

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

اگر تازه قصد دارید گوتنبرگ رو نصب کنید قبل از هرکاری مطمئن بشید پوسته و قالب مورد استفاده شما از گوتنبرگ پشتیبانی میکنه و تداخلی با افزونه های فعال سایتتون وجود نداشته باشه!

قدم اول: نصب افزونه Code Snippets

در مرحله اول شما باید افزونه Code Snippets رو از مخزن وردپرس نصب کنید. نگران نباشید این افزونه کاملا رایگان هست و نصب و فعال سازی راحتی داره.

جهت دانلود افزونه CODE SNIPPETS از مخزن وردپرس کلیک کنید

قدم دوم: درج کد مورد نیاز در افزونه Code Snippets:

بعد از نصب افزونه در پیشخوان وردپرس به تنظیمات این افزونه مراجعه کنید. برای این کار به پیشخوان برید و در منو Snippets روی گزینه Add New کلیک کنید. در صفحه باز شده با فرم زیر مواجه خواهید شد:

تکمیل فرم Add New Snippet:

• در کادر اول که Title هست میتونید یک عنوان وارد کنید.
• در در بخش بعد باید کد PHP زیر رو جایگذاری (کپی / پیست)

// Enable Gutenberg editor for WooCommerce
function j0e_activate_gutenberg_product( $can_edit, $post_type ) {
 if ( $post_type == 'product' ) {
        $can_edit = true;
    }
    return $can_edit;
}
add_filter( 'use_block_editor_for_post_type', 'j0e_activate_gutenberg_product', 10, 2 );

// enable taxonomy fields for woocommerce with gutenberg on
function j0e_enable_taxonomy_rest( $args ) {
    $args['show_in_rest'] = true;
    return $args;
}
add_filter( 'woocommerce_taxonomy_args_product_cat', 'j0e_enable_taxonomy_rest' );
add_filter( 'woocommerce_taxonomy_args_product_tag', 'j0e_enable_taxonomy_rest' );

• و اگر میخواهید در صفحه محصولات ووکامرس عنوان توضیحات محصول رو حذف کنید کد زیر رو هم به کد بالا اضافه کنید:

// Remove the product description Title
add_filter( 'woocommerce_product_description_heading', '__return_null' );

• در بخش بعد مطمئن بشید تیک گزینه Run snippet everywhere فعال باشه
• در بخش Description هم اگر دوست داشتید توضیحاتی بنویسید
• و در آخر بر روی دکمه Save Changes and Activate و کار تمام هست.

نتیجه کار و بررسی کنیم

خوب کار تمام هست و حالا میتونیم به صفحه محصولات ووکامرس مراجعه کنیم. اگر مراحل بالا رو به درستی انجام داده باشید، خواهید دید که ویرایشگر گوتنبرگ فعال شده و میتونید از تمامی امکانات این ویرایشگر استفاده کنید.

پیشنهاد خاص به کاربران گوتنبرگ

اگر شما هم از اون دست کاربرانی هستید که از ویرایشگر Gutenberg استفاده میکنید پیشنهاد ویژه به شما استفاده از نسخه پرمیوم و و تجاری افزودنی Stackable Premium هست که میشه گفت تمام نیاز شما رو برآورده خواهد کرد. جهت دانلود نسخه جدید و اکتیو شده Stackable Premium به این صفحه مراجعه کنید.