如何自定義 WordPress 文章摘錄(無代碼)

已發表: 2022-08-25

您想自定義您的 WordPress 文章摘錄嗎?

摘錄是完整帖子的簡短預覽,您可以在博客頁面、小部件區域和 WordPress 網站的其他頁面上顯示這些帖子。

在本文中,我們將向您展示如何在不編寫任何代碼的情況下自定義您的 WordPress 帖子摘錄。

何時使用 WordPress 文章摘錄

首先,讓我們談談為什麼在您的 WordPress 網站上自定義摘錄是個好主意。

當您發布博客文章時,WordPress 將在您的主頁、博客頁面和檔案中顯示完整的文章內容。 不幸的是,這會減慢您的網站並影響您的搜索引擎排名,因為您將在多個頁面上擁有相同的內容。

但是,如果您使用摘錄,則不會顯示完整的文章。 相反,您的網頁將顯示一個帶有簡短帖子內容片段的摘錄框,從而避免重複內容和頁面速度問題。

使用摘錄的一些最佳位置包括:

  • 您的主頁(如果顯示帖子)
  • 標籤和類別的存檔頁面
  • 你的博客頁面,如果你有一個靜態主頁

如果您使用的是現代 WordPress 主題,它可能支持摘錄並將其內置到其設置中。 許多主題還允許您自定義摘錄功能,讓您選擇在哪裡顯示摘錄而不是完整帖子。

為什麼要在 WordPress 中自定義帖子摘錄?

一些 WordPress 主題會自動為帖子生成摘錄。 默認情況下,WordPress 使用帖子開頭的 55 個單詞作為片段,儘管其他主題可能會顯示更多。

但是,如果您在帖子介紹之前有內容,這可能是一個問題。

由於自動生成的摘錄以帖子開頭的任何文本開頭,因此它可能包含不必要的內容,例如您的元描述、圖片來源等。

這是我們的意思的一個例子:

核醣體主題中顯示的帖子摘錄

如您所見,帖子開頭的額外細節看起來並不專業,並且可能會使您的網站訪問者感到困惑。

如果您當前的 WordPress 主題不能很好地處理摘錄,您可能需要自定義它們。 這樣,它們將更容易閱讀並產生更多的帖子點擊。

既然您知道摘錄是什麼,讓我們看看在您的網站上自定義它們的不同方法。

如何自定義 WordPress 文章摘錄

在下面的步驟中,我們將分享 3 種自定義 WordPress 帖子摘錄的方法。

第一種方法將向您展示如何創建自定義 WordPress 主題(無代碼)並使用簡單的點擊設置來添加自定義摘錄。 第二種方法將向您展示如何使用默認的 WordPress 編輯器來自定義帖子摘錄。

然後,最後一種方法向您展示如何編輯主題文件以手動顯示自定義帖子摘錄。

單擊下面的鏈接以跳轉到最適合您需求的方法。

  • 1. 為您的主題添加自定義 WordPress 帖子摘錄
    • 2. 在 WordPress 編輯器中添加自定義摘錄(默認)
    • 3. 使用代碼手動自定義 WordPress 主題摘錄

      1. 為您的主題添加自定義 WordPress 帖子摘錄

      如果您當前的 WordPress 主題不包含自定義 WordPress 帖子摘錄的功能,您可能不知道下一步該做什麼。 您應該更改 WordPress 主題還是手動將摘錄編碼到主題文件中?

      幸運的是,還有第三種選擇。 您可以使用 SeedProd 構建自定義 WordPress 主題,並單擊幾下自定義摘錄。

      SeedProd WordPress website builder

      SeedProd 是最好的 WordPress 網站建設者。 使用這個強大的插件,您可以從頭開始創建 WordPress 主題並為您的商業網站添加自定義功能,包括:

      • 響應式登陸頁面
      • 自定義側邊欄
      • 自定義帖子摘錄
      • 潛在客戶生成表格
      • 倒數計時器
      • 即將推出和維護模式
      • 產品頁面
      • 和更多。

      更重要的是,SeedProd 不需要代碼、設計或技術專業知識。 它將自動生成所有主題模板文件,允許您使用其拖放頁面構建器自定義您的 WordPress 主題。

      單擊此處開始使用 SeedProd,然後按照此分步指南創建自定義 WordPress 主題。 之後,您可以按照這些說明將可自定義的帖子摘錄添加到您的新主題中。

      編輯您的博客頁面模板

      使用 SeedProd 創建 WordPress 主題後,從 WordPress 管理員轉到SeedProd » Theme Builder屏幕。 在此頁面上,您將看到構成新主題的模板列表。

      Edit blog page theme file with SeedProd

      您可以使用 SeedProd 的可視化編輯器直觀地自定義每個模板。

      接下來,滾動列表直到您看到博客、索引、檔案、搜索模板文件,然後單擊編輯設計鏈接。

      自定義 WordPress 文章摘錄

      現在,模板將在實時頁面構建器中打開,您可以在其中指向並單擊以自定義其外觀和功能。

      Blog page tempalte in SeedProd's drag-and-drop builder

      此模板的佈局取決於您在選擇網站工具包時選擇​​的設置。 默認情況下,您的博客頁面模板將顯示以下元素:

      • 標題
      • 檔案標題
      • 帖子

      要自定義您的帖子摘錄,請單擊實時預覽上的帖子塊。 完成後,您將在屏幕左側看到塊設置。

      SeedProd posts block settings

      在此面板中,您可以選擇在用戶訪問您的博客頁面時向他們顯示的內容。 例如,您可以按查詢類型列出博客文章、更改列佈局、顯示分頁、顯示特色圖片和調整標題標籤。

      您還可以通過打開或關閉“顯示摘錄”開關在同一面板中顯示或隱藏帖子摘錄。

      Turn on the Show Excerpt toggle in SeedProd's post block

      將切換開關轉到“打開”位置後,您可以通過輸入自定義字符數來更改摘錄長度。 您還可以啟用閱讀更多鏈接並自定義其文本。

      Customize excerpt 'read more' link text

      如果您對自定義帖子摘錄感到滿意,請單擊屏幕右上角的保存按鈕。

      請記住:要在網站前端顯示您的更改,您需要啟用您的 SeedProd 主題。 您可以通過轉到SeedProd » Theme Builder並將“啟用 SeedProd 主題”切換到“打開”位置來做到這一點。

      Enable your SeedProd theme

      現在您可以在您的網站上實時查看您的自定義 WordPress 帖子摘錄。

      WordPress post excerpt example

      2. 在 WordPress 編輯器中添加自定義摘錄(默認)

      如果您不想更改 WordPress 主題,可以使用默認的 WordPress 塊編輯器添加自定義帖子摘錄。

      首先,編輯現有的 WordPress 帖子或創建一個新帖子。

      在 WordPress 內容編輯器中,您應該會在右側面板中看到“摘錄”下拉菜單。 單擊向下箭頭以展開自定義摘錄框。

      WordPress帖子摘錄面板

      現在,您可以在框中鍵入您的自定義帖子摘錄。 例如,您可以復制帖子的第一段並粘貼。

      自定義 WordPress 文章摘錄框

      單擊“發布”或“更新”按鈕以保存您的更改,然後您可以在預覽您的網站時看到您的摘錄。

      WordPress帖子摘錄示例

      專業提示:如果您是經典編輯器,請單擊右上角的“屏幕選項”選項卡。 然後,勾選“摘錄”框。 之後,您將在您撰寫帖子的區域下方看到一個節選部分。

      3. 使用代碼手動自定義 WordPress 主題摘錄

      如前所述,大多數現代主題都內置了對自定義帖子摘錄的支持,但有些可能沒有。 如果您當前的主題是這種情況,則必須通過創建子主題並添加代碼來手動修改主題文件。

      如果您不喜歡編輯主題文件,您可以使用本文中的方法 1,該方法不需要代碼。

      首先,您需要找到您的子主題用於顯示帖子的模板文件。 查看有關 WordPress 模板層次結構的本指南,了解您需要的文件。

      文件名可能因主題而異。 但是,您最有可能在尋找 home.php、content.php、archive.php 和 category.php 文件。

      在每個文件中,您需要找到這一行:

      <?php the_content(); ?>
      

      接下來,將其替換為 _excerpt 標記,如下所示:

      <?php the_excerpt(); ?>
      

      在您的網站上預覽摘錄之前,請記住更新您的文件以保存您的更改。 如果您遇到錯誤,請按照以下步驟修復未顯示的 WordPress 摘錄。

      而已!

      下一步

      在本指南中,您學習瞭如何自定義 WordPress 帖子摘錄。 這裡還有一些您可能會覺得有用的教程:

      • 如何在準備好之前隱藏您的 WordPress 網站
      • 什麼是購物車遺棄(以及如何解決)
      • WordPress 陷入維護模式? 以下是如何快速修復它……

      謝謝閱讀。 請在 YouTube、Twitter 和 Facebook 上關注我們,獲取更多有用的內容來發展您的業務。