![WordPress 使用 customizer 主題客製化選擇 Hook](https://dafatime.idv.tw/wp-content/uploads/2024/02/customizer_Hook_sp-360x240.png)
WordPress 使用 customizer 主題客製化選擇 Hook
這篇會用 Hook 來添加外觀內的"自訂"功能,來設定頁面某個區塊內的內容,例如圖片與連結,圖片當然是從媒體庫上傳與載入,方便改變在自訂主題版面區塊作圖片與內容變動,這部分的內容是存在 _options 資料表中,所以就不需特別寫分類或類型把資料存在 _post 資料表,這麼說應該還不知道"自訂"是什麼,看下圖吧。
這篇會用 Hook 來添加外觀內的"自訂"功能,來設定頁面某個區塊內的內容,例如圖片與連結,圖片當然是從媒體庫上傳與載入,方便改變在自訂主題版面區塊作圖片與內容變動,這部分的內容是存在 _options 資料表中,所以就不需特別寫分類或類型把資料存在 _post 資料表,這麼說應該還不知道"自訂"是什麼,看下圖吧。
Wordpress 在客製化自己的佈景主題時,大家都是怎麼載入 CSS 與 JS 檔案,最快的方式就是直接在 header.php、footer.php 直接加上 CSS & JS 連結,就連 style.css 也是直接加🤣。正規來說應該都是要使用 Hook 來載入 CSS & JS,使用 Hook 的方式有個好處,就是可以控制 CSS & JS 載入特定頁面,可以減少在頁面上卦太多 CSS 互相干擾,還有 JS 上的互相衝突,正規來說沒用到就不要載入,可以減少不必要的麻煩😏,我說"正規",恩正規!
這個功能可以使用外掛方式來完成,但有時只不過需要創建一兩個欄位與一兩個角色,卻需要安裝一個用不到時10%的外掛,這是否必要,看需求摟🤪,這篇繼續自訂滿滿。
Wordpress 的自訂欄位功能,也算是自訂定滿滿,前幾篇有文章內建與寫成外掛的方式的自訂欄位介紹,還有使用者帳號的自訂欄位,頁面的自訂欄位方式跟文章一樣就不說了,這次換選單頁來自訂欄位,這裡講的選單還是 Worepress 原來的選單系統,非區塊主題的選單。
前台搜尋自訂文章類型(search custom post type),在 wordpress 搜尋的方式我分為兩種,最基礎的就是透過原本架構,透過 search.php 或再載入範本(tamplate)顯示結果,另一種就是透過自訂 API 將結果顯示在想要的頁面或範本,兩者都可以製作自己想要的頁面,頁面範本可以使用兩種方式載入,一種是直接放在布景主題裡,另一種是使用外掛載入。
使用者個人資料,已不使用現成外掛,增加欄自訂欄位,舉例來說:國家、地區、城市、電話、社群...等等,這感覺是不是有點像文章的自訂欄位,差別只是資料要以文章的形式,還是以使用者資料的形式,這看需求面或是考慮後續的資料量來評估,如果資料很大量,使用文章的形式,欄位過多怕資料容量膨脹,還可以考慮開新資料表來儲存,資料不多的話,存在使用者的 _usermeta 資料表還OK!,也可以在 user 資料表上開欄位,可能要考慮一下後續資料遷移的問題,那就開始吧!
在使用 Wordpress 時常可以看到一些短代碼外掛,只要在文章或是頁面內容裡添加 [XXX-XXX] 短代碼,就可以把固定的內容插入到頁面顯示,最常見就是輸入表單,可以在不需要製作範本快速產生頁面,短代碼運用範圍很廣,像是登入、修改帳密、搜尋...等等,這些好像是大多數人會想要的,目的就是不想讓前端使用者進入後台😏,差別只在於要先準備好要插入的內容,如果插入的內容可自定,是一個相當方便的功能,也不會侷限在現有的外掛上。
在 Wordpress 文章列表頁面中顯示自訂欄位,這可以讓在列表頁面中可以清除看到,所需要找的訊息,例如:自訂欄位想要顯示在列表中,或是在自訂文章類型,完全自訂在列表頁面所要顯示的欄位,這都是為了方便查找資料,那就不多說直接開始。
在後台管理頁面添加一個自訂選單與自訂頁面,這個功能使用非常廣,添加出來的頁面裡面要放什麼都可以,放入統計畫面,設定介面…等等,就看如何是使用。