WordPress 文章摘要設定 – 使用函數設定不同文章類型的摘要長度

WordPress 文章摘要設定 :

1. 使用函數設定不同文章類型的摘要長度

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 預設文章摘要長度的實際顯示樣式。

WordPress 文章摘要設定

第四步:如果要要同時設定 WordPress 文章與自訂文章類型的摘要長度,可以使用下方的 function,使用 if…. else if 條件是就可以定義不同文章類型的摘要長度。

第五步:以同樣的方式加入函數,在其他文章類型中 applications 是筆者在自訂文章類型對 post_type 所定義的值,大部分自訂文章類型的程式碼都會寫在子主題的 function.php 中,可以使用搜尋的方式來找出 post_type 給定的名稱。

WordPress 文章摘要設定

第六步:下方是筆者給 Applications 這個文章類型摘要長度為 10 的範例圖片。

WordPress 文章摘要設定

結語:

特別提醒,使用本篇文章所分享的函數,必須是在文章編輯頁面中 ” 內容摘要 ” 這個欄位是空白的狀況下,才為按照函數設定來顯示文章摘要,也就是說必須要讓網站自動抓取文章內容第一段文章,才能透過函數控制文章摘要長度,因此在使用函數前請先檢查文章的內容摘要欄位是否手動輸入的文字喔!

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

WordPress客製 相關教學文章:

WordPress 自訂媒體庫,使用函數限制文章特色圖片最小寬度及高度

WordPress 客製後台 – 變更不同狀態下文章列表欄位背景色

WordPress 自訂後台 – 使用 jQuery 限制頁面、文章標題字數

WordPress shortcode 函式教學 – 建立自定義短碼顯示文字及圖片

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

WordPress 禁用 Gutenberg 編輯器的兩種方法(外掛與函數)

網站架設知識推薦閱讀:

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

Google 演算法更新,使用者搜尋後將出現多樣性的網站內容

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

鵠學苑

鵠學苑

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

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

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

Scroll to Top