如何在 WordPress 的上一篇和下一篇文章鏈接中添加縮略圖

WPressize Me

03/02/2023

為什麼要在上一篇和下一篇文章鏈接中顯示縮略圖?

您的 WordPress 部落格提供了一些有助於訪客找到新內容並在網站中導航的功能。

這些功能包括導航選單、搜索欄和文章檔案小工具。另一個有用的導航功能是在每篇 WordPress 博文的底部,您會在那裡找到到您網站上上一篇和下一篇博文的鏈接。

當訪客讀完一篇博文後,他們通常會尋找其他內容閱讀。添加縮略圖會使這些鏈接看起來更具互動性。另外,這也是吸引讀者注意力的一個好方法,特別是您的高效博文。例如,您可能有一些主題內容已經帶來大量流量並轉換這些讀者為電子郵件訂閱者。添加縮略圖將有助於您建立電子郵件列表並發展您的小型企業。

在 WordPress 的上一篇和下一篇文章鏈接中使用縮略圖

要在上一篇和下一篇文章鏈接中添加縮略圖,您需要將代碼添加到您的 WordPress 主題文件中。如果您之前沒有這樣做過,請參見我們的指南了解如何在 WordPress 中複製和粘貼代碼。

使用 WPCode 添加代碼

第一步是使用 WPCode 這類插件添加以下代碼片段。WPCode 是最好的代碼片段插件,它允許您添加代碼而不會破壞您的網站。它還提供許多預製模板,因此您不需要從頭開始編寫代碼。

首先,您需要安裝並激活 WPCode 插件。更多細節請參見我們的指南了解如何安裝 WordPress 插件。

然後,前往 Code Snippets » + Code Snippets 頁面,點擊「新增」。

在這裡,您將進入一個代碼片段庫,您可以在其中找到大量預製模板。

在「添加自定義代碼」下,點擊「使用代碼片段」。給代碼片段起個名字,以便您以後可以參考它。

然後,在 WPCode 文本編輯器中複製以下代碼。請確保選擇「PHP 代碼片段」作為代碼類型。

function wpb_posts_nav(){
    $next_post = get_next_post();
    $prev_post = get_previous_post();
    
    if ( $next_post || $prev_post ) : ?>
    
        
<a href="">

<a href="">

<?php endif; }

接下來,將按鈕從「未啟用」切換為「啟用」。這樣代碼片段將生效。然後,您只需點擊「更新」按鈕。

接下來,返回 Code Snippets » +Add Snippet 頁面。在「添加自定義代碼」選項下,您將選擇「使用代碼片段」。給代碼片段起個名字,以便您以後可以參考它。然後,在 WPCode 文本編輯器中複製以下代碼。請確保選擇「PHP 代碼片段」作為代碼類型。

wpb_posts_nav();

這段代碼告訴 WordPress 在何處顯示帶有特色圖片的導航。

接下來,向下滾動到插入部分。您需要點擊位置旁邊的下拉菜單。在此處,轉到「頁面特定」並選擇「在文章後插入」。這樣,縮略圖會正確顯示在鏈接旁。

最後,通過切換「啟用」按鈕使代碼片段生效。然後點擊「更新」。當您保存更改後,這個功能可以從模板中調用,顯示帶有縮略圖的上一篇和下一篇文章鏈接。

現在,當您在網站上查看一篇文章時,您會看到文章底部的上一篇和下一篇鏈接中現在有了縮略圖。

請注意,如果其中一個鏈接的文章沒有設置特色圖片,那麼您將看不到縮略圖。

要了解如何在文章中添加縮略圖,請參見我們的指南了解如何在 WordPress 中添加特色圖片或文章縮略圖。

替代方法:顯示帶縮略圖的熱門文章

另一種在讀者讀完文章後吸引他們的方法是顯示每篇文章後的熱門文章列表。這將給讀者一個機會查看您最好的內容,而不是僅僅查看剛發布的上一篇和下一篇文章。

您的熱門文章包含您最成功的內容。向訪客展示這些文章將建立信任,改善社會認證,並確保訪客在您的網站上停留更長時間。

當您檢查我們的指南中的第一種方法時,您將了解到使用 MonsterInsights 插件添加熱門文章是多麼容易。MonsterInsights 的「熱門文章小工具」提供多種吸引人的主題和大量自定義選項。

您可能還想查看我們的指南了解如何在 WordPress 中添加自定義的文章後小工具,您可以學習如何在每篇博文的末尾添加各種類型的內容。

我們希望本教程幫助您學會如何在 WordPress 中使用縮略圖與上一篇和下一篇文章鏈接。您還可能想了解如何加快 WordPress 性能或查看我們的 WordPress 最佳社交媒體插件列表。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,觀看 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>