歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WordPress 文章摘要設定 對於站長而言是比較麻煩的部分,因為並不是每一個主題自帶的網頁建構器都會有摘要長度設定,當每一篇文章第一個段落字數不同時,在文章分類或標籤的彙整頁面就不會顯示的整齊一致,每個文章區域變得有高有低,相當不美觀。另外如果說網站中有自定義的文章類型,摘要的長度更是難以設定,只能以寫入函數的方式來做控制,而本篇教學就是要分享兩段簡單的 function ,只需修改定義好的摘要長度數值,就能設定不同類型的文章所顯示的摘要長度,可以節省一些修改網站樣式的時間程式。接下來跟著鵠學苑的腳步,讓我們開始學習吧!
WordPress excerpt_length hook
https://developer.wordpress.org/reference/hooks/excerpt_length/
WordPress Codex post_type
https://codex.wordpress.org/Function_Reference/register_post_type/
以 post_type 定義彙整頁面摘要長度
第一步:下方有兩段函數,第一段是設定 post_type 為 “文章 ” 的摘要長度,在 WordPress 中 post_type 是文章、頁面、商品等主要網頁類型的總稱,並非單指文章,這一點要先弄明白 ; 而第二段則是在摘要文字的結尾處加入 ” … ” ,也就是在 excerpt_more 的位置顯示,如果不想要顯示可以不需要加入第二段函數。
第二步:開啟主題編輯器在 functions.php 檔案結尾處貼上函數,更新前請記得設定 return 的數值,這裡指的是字元數,請注意 WordPress 都是以英文字母來計算字元數,中文的部分為一個中文字等於兩個字元,因此在設定中文字元數時範圍可適當拉大,一次輸入太多或太少效果會不太明顯。
第三步:下圖為設定 WordPress 預設文章摘要長度的實際顯示樣式。
第四步:如果要要同時設定 WordPress 文章與自訂文章類型的摘要長度,可以使用下方的 function,使用 if…. else if 條件是就可以定義不同文章類型的摘要長度。
第五步:以同樣的方式加入函數,在其他文章類型中 applications 是筆者在自訂文章類型對 post_type 所定義的值,大部分自訂文章類型的程式碼都會寫在子主題的 function.php 中,可以使用搜尋的方式來找出 post_type 給定的名稱。
第六步:下方是筆者給 Applications 這個文章類型摘要長度為 10 的範例圖片。
結語:
特別提醒,使用本篇文章所分享的函數,必須是在文章編輯頁面中 ” 內容摘要 ” 這個欄位是空白的狀況下,才為按照函數設定來顯示文章摘要,也就是說必須要讓網站自動抓取文章內容第一段文章,才能透過函數控制文章摘要長度,因此在使用函數前請先檢查文章的內容摘要欄位是否手動輸入的文字喔!
今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~