歡迎回到鵠學苑 — 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 返回取代原本文字。
修改完成示意:下方圖一圖二分別是標題修改前與修改後,提供給各位參考。
結語:
今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~
woocommerce相關文章:
網站資訊文章推薦
內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?