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

WooCommerce 商品修改

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WooCommerce 商品描述標題修改 方法有很多種,包含使用 CSS :before 偽元素來取代文字,或者是使用 Loco Translate 網站翻譯外掛來將預設的英文翻譯為中文等,而在本篇教學中將以加入函數的方式,直接將 dh_rename_description_product_tab_label 這個位置的文字替換成我們想要的內容,相較起前面兩種方法,加入簡單的 funtion 能更快達到目的。接下來跟著鵠學苑的腳步,讓我們開始學習吧!

WordPress Code Reference
https://developer.wordpress.org/reference/functions/add_filter/
WordPress Codex
https://codex.wordpress.org/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 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

woocommerce相關文章:

網站資訊文章推薦

內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

返回頂端