您想了解如何在 wordpress 網站上輕松顯示帶有縮略圖的頁面列表嗎？

在帖子或頁面標題旁邊顯示特色圖像有助于創造更多視覺興趣，并為訪問者提供有關內容的更多信息，因此他們更有可能點擊并訪問這些頁面。

在本文中，我們將逐步向您展示如何在 wordpress 中顯示帶有縮略圖的頁面列表。

/>

為什么在 WordPress 中顯示帶有縮略圖的頁面列表？

WordPress 有兩種不同的帖子類型，稱為帖子和頁面。

頁面用于更常青的內容，例如“關于我們”、“聯系我們”和“服務”頁面，而帖子用于更新更頻繁的博客內容。

您最重要的頁面通常從主導航菜單鏈接到，但您可能有更多想要顯示的頁面。

通過添加帶有縮略圖的頁面列表，您可以使鏈接比標準文本鏈接更具吸引力，并使訪問者更好地了解WordPress 網站上每個頁面的內容。

當訪問者參與并感興趣時，他們可能會訪問更多頁面并在您的網站上停留更長時間，這使得他們更有可能進行購買或加入您的電子郵件列表。

話雖這么說，讓我們看一下在網站上顯示帶有縮略圖的頁面列表的幾種不同方法。只需使用下面的快速鏈接即可直接跳至您要使用的方法：

• 方法 1. 通過向 WordPress 添加代碼來顯示帶有縮略圖的頁面列表
• 方法 2. 使用 WordPress 塊編輯器顯示帶有縮略圖的頁面列表

方法 1. 通過向 WordPress 添加代碼來顯示帶有縮略圖的頁面列表

顯示帶有縮略圖的頁面列表的一種方法是將代碼添加到 WordPress 文件中。

這種方法更先進，但優點是您將能夠使用可自定義的短代碼。每當您發布新頁面時，無需手動更新列表，短代碼將自動為您生成更新的頁面列表。

如果您之前沒有向 WordPress 網站添加過代碼，那么您可以參閱我們的初學者指南，將網頁上的代碼片段粘貼到 WordPress 中。

然后，您需要將以下代碼添加到您的functions.php文件中，在特定于站點的插件中，或者使用像WPCode這樣的代碼片段插件（推薦）。

之后，搜索“短代碼”塊。

然后，單擊“短代碼”塊將其添加到您的網站，然后只需粘貼上面的短代碼即可。

完成后，請確保單擊“保存”或“發布”以保存更改。

之后，您的訪問者將能夠使用縮略圖查看您的頁面列表。

您還可以使用小部件中的短代碼在側邊欄或頁腳中顯示頁面列表。

顯示包含特定網站頁面的頁面列表

要顯示僅包含某些頁面的頁面列表，您需要將以下短代碼添加到您的網站：

[pagelist id=”20, 10, 35″]

此短代碼將根據頁面 ID 顯示特定頁面。有關更多詳細信息，請參閱有關如何在 WordPress 中查找頁面 ID 的指南。

顯示包含您最新博客文章的列表

您還可以使用短代碼來顯示最新博客文章的列表。這可能是增加博客文章瀏覽量的好方法。

只需將以下短代碼添加到 WordPress：

[pagelist type=post]

以下是您的讀者所看到的包含最新博客文章的列表。

/>

替代方案：您還可以使用MonsterInsights在頁面和其他網站小部件區域中顯示帶有縮略圖的帖子列表。有關更多詳細信息，請參閱有關如何在 WordPress 中按視圖顯示熱門帖子的指南。

顯示包含您已發布的每個頁面的頁面列表

最后，您可以顯示帶有縮略圖的頁面列表，其中包含您已發布的每個頁面。

如果您想為讀者創建存檔頁面或html 站點地圖頁面，這會很有用。添加的帖子縮略圖使其比簡單的頁面列表更具吸引力。

您需要將以下短代碼添加到您的網站：

[pagelist limit=”-1″]

當您發布新頁面時，您的頁面列表將自動更新。

方法 2. 使用 WordPress 塊編輯器顯示帶有縮略圖的頁面列表

在 WordPress 中顯示頁面列表的另一種方法是使用WordPress 塊編輯器。

注意：使用此方法時，您的頁面列表將需要手動創建和更新，因為新頁面發布后不會自動添加。

為此，請打開您要編輯的頁面。

然后，單擊“加號”添加塊圖標以打開塊菜單。

之后，在搜索框中搜索“列”。

然后，選擇“列”塊。

/>

這將顯示可用列塊的列表。

選擇“30/70”列塊。我們將使用左列作為縮略圖，使用右列作為頁面標題和簡短摘要。

/>

然后，單擊“加號”添加塊圖標。

之后，選擇“圖像”塊來添加您的特色圖像。您可以選擇上傳新圖像，或從媒體庫中選擇一張。

/>

如果您想鏈接圖像，請單擊“插入鏈接”圖標。

然后，只需添加您的頁面 URL。

添加圖像后，單擊右列中的“加號”添加塊圖標。

然后，搜索“標題”塊并單擊它以將其添加到您的頁面。

接下來，輸入頁面標題并突出顯示它。

然后，單擊“鏈接”圖標添加指向該頁面的鏈接。

您可以通過單擊打開或關閉開關來選擇在同一頁面或新選項卡中打開鏈接。

如果您想在標題下方添加文本，只需再次單擊“添加塊”圖標并選擇“段落”塊即可。

然后，只需在可用的文本區域中鍵入即可。

要使用剛剛創建的格式將更多項目添加到列表中，請單擊列塊并選擇三個點的“選項”菜單。

/>

然后，從下拉列表中選擇“復制”選項。

這將自動創建該列的副本。

/>

您所需要做的就是按照與上述相同的步驟來更改圖像、標題和文本。

完成對頁面列表的更改后，請務必點擊頁面頂部的“更新”或“發布”按鈕。

現在，您的訪問者將看到一個更具吸引力的頁面列表，其中包含帖子縮略圖。

/>

注意：還有另一個可用的塊，稱為“頁面列表”塊，可讓您添加不帶縮略圖的頁面列表。

但是，上面的手動方法是使用塊編輯器添加帶有縮略圖的列表的唯一方法。

如果您希望創建完全自定義的頁面，其中還包含帶有縮略圖的頁面列表，那么您可以使用 SeedProd 插件通過拖放構建器來完成此操作。有關更多詳細信息，請參閱有關如何在 WordPress 中創建自定義頁面的指南。

我們希望本文能幫助您了解如何在 WordPress 中輕松顯示帶有縮略圖的頁面列表。您可能還想查看我們為小型企業精選的最佳實時聊天軟件的專家以及有關如何注冊域名的指南。