WooCommerce 商品描述標題修改,加入函數快速變更描述區域標題文字

WooCommerce 商品修改

WooCommerce 商品描述標題修改 內容綱要:

1. 加入函數快速變更產品描述標題內容

WooCommerce 商品描述標題修改 方法有很多種,包含使用 CSS :before 偽元素來取代文字,或者是使用 Loco Translate 網站翻譯外掛來將預設的英文翻譯為中文等,而在本篇教學中將以加入函數的方式,直接將 dh_rename_description_product_tab_label 這個位置的文字替換成我們想要的內容,相較起前面兩種方法,加入簡單的 funtion 能更快達到目的。

WordPress Code Reference:add_filter

WordPress Codex:Function Reference/ return true

注意事項:適用 WordPress 5.0 ( Beta )或以上版本

• 使用 Funtion add_filter 替換商品描述標題

加入函數至網站子主題:在網站主題編輯器畫面中選擇子主題後,點選 funtion.php 檔案,將下方的函數加入到結尾處。在更新前請先修改下方 ‘ 商品介紹 ‘ 文字內容為你想修改的文字。

函數說明:基本上就是以 add_filter hook 過濾器,來定義 WooCommerce 函數中 dh_rename_description_product_tab_label 這個位置要顯示的值,最後給定 return 讓我們輸入的文字在網頁載入時可以在 dh_rename_description_product_tab_label  返回取代原本文字。

修改完成示意:下方圖一圖二分別是標題修改前與修改後,提供給各位參考。

WooCommerce商品描述修改

WooCommerce商品描述修改

結語:

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress Funtion (函數) 教學相關文章:

WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面

WooCommerce 關閉密碼強度 – WordPress 加入函數與啟用外掛

WooCommerce 加入購物車功能 – 使用函數自訂按鈕文字內容

WooCommerce 自訂函數 – 在單一商品頁加入標題文字

WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車

WordPress PHP 教學 網頁修改及網站設定

網站架設知識推薦閱讀:

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

無障礙網站介紹-規範說明、檢測工具與操作影片

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

(adsbygoogle = window.adsbygoogle || []).push({});

熱門文章

(adsbygoogle = window.adsbygoogle || []).push({});

最新文章

(adsbygoogle = window.adsbygoogle || []).push({});

相關文章

(adsbygoogle = window.adsbygoogle || []).push({});

標籤雲

(adsbygoogle = window.adsbygoogle || []).push({});

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top