在WooCommerce商品頁面中使用Gutenberg區塊編輯器

今天上架商品的時候,突然發現為什麼商品頁的編輯器只能是傳統編輯器,我要放個表格都有困難

於是上網找了一下,也到外掛市集去查詢相關的關鍵字,找到了這個資料:

原來是可以透過CodeSnippet,把Gutenberg硬是整合進商品編輯器的,如果不會用Code Snippet,先去Google一下吧,以下是這段語法:

// 在WooCommerce裡啟用古騰堡功能
function 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', 'activate_gutenberg_product', 10, 2 );

// enable taxonomy fields for woocommerce with gutenberg on
function enable_taxonomy_rest( $args ) {
    $args['show_in_rest'] = true;
    return $args;
}
add_filter( 'woocommerce_taxonomy_args_product_cat', 'enable_taxonomy_rest' );
add_filter( 'woocommerce_taxonomy_args_product_tag', 'enable_taxonomy_rest' );
說明自己寫,看得懂就好(也要注意要不要讓後來接手的人能看懂),存檔+執行。

然後你就可以在商品編輯頁裡看到熟悉的編輯器了,爽度100。

更棒的是你還可以透過區塊Block的操作,整合更多外加功能進來,例如OxygenBuilder的Gutenberg區塊,或是一大票的Gutenberg強化設計外掛,讓你的商品頁不再只是單調的圖片+文章,而是你可以掌控更多的生產力工具了。

最後吐槽一下,code snippet的翻譯滿爛的,複製就複製,搞什麼”再製”,誰看得懂?? 翻譯者是旁白鴿嗎,超譯狂熱者?

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *