網站文章列表排版總是不整齊?本文教你 3 個實用方法輕鬆固定 WordPress 文章預覽與摘要的字數長度!
無論是使用免程式碼的後台功能、全站程式碼自動裁切,還是 Elementor 等頁面編輯器,3 分鐘就能打造乾淨整齊的完美版面。
無論是使用免程式碼的後台功能、全站程式碼自動裁切,還是 Elementor 等頁面編輯器,3 分鐘就能打造乾淨整齊的完美版面。
要為你的 WordPress 網站設定固定長度的文章預覽(摘要),你可以根據目前的網站設定,選擇以下 3 種主要方法:
方法一:使用內建的「手動摘要」功能(免程式碼)
如果你希望完美控制每篇文章顯示的字數,最直接的方式是手動填寫。
-
- 進入文章編輯頁面。
- 在右側側邊欄的設定中,切換到 「文章」(Post) 頁籤。
- 向下滾動找到 「摘要」(Excerpt) 區塊。
- 在該欄位中輸入你想要的固定長度文字。WordPress 就會直接調用這段文字作為預覽,而不會自動截取文章開頭。
方法二:透過
functions.php 修改全站預覽長度(需寫程式碼)如果你希望系統自動將所有文章的預覽限制在固定的字數,可以在主題中加入一段小程式碼:
-
- 登入 WordPress 控制台。
- 前往 「外觀」 > 「佈景主題檔案編輯器」(或使用外掛如 Code Snippets 確保安全)。
- 打開目前主題的
functions.php檔案。 - 在檔案最底部貼上以下程式碼(以下範例將預覽長度固定為 40 個字/詞,你可以自行修改數字):
php
function custom_excerpt_length( $length ) {
return 40; // 將 40 改為你想要的預覽字數
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
請謹慎使用程式碼。
(注意:WordPress 預設的字數計算對英文較準確。如果是純中文網站,系統有時會將一整段中文誤判為一個詞,導致截取長度不固定。若遇到此問題,建議搭配中文優化外掛,或使用下方的方法三。)
如果你使用的是現代的全站編輯(FSE)區塊主題,或是常見的頁面編輯器,可以直接在圖形介面中設定:
-
- WordPress 區塊編輯器(查詢迴圈區塊):
-
- 前往 「外觀」 > 「編輯器」,或編輯你的文章列表範本。
- 點擊迴圈內部的 「文章摘要」(Post Excerpt) 區塊。
- 查看右側的區塊設定麵包屑,在設定欄位中直接輸入 「最大字數限制」。
-
- Elementor / Divi 等編輯器:
-
- 編輯你的文章列表(Posts)或封存檔(Archive)頁面。
- 點擊文章列表組件,進入 「內容」(Content) 設定。
- 找到 「Excerpt Length」(摘要長度) 欄位,直接輸入你想固定的數字。
-
- WordPress 區塊編輯器(查詢迴圈區塊):