最近我們的一位讀者問(wèn)我們?nèi)绾物@示wordpress頁(yè)面的子頁(yè)面？

如果您使用父頁(yè)面和子頁(yè)面組織 wordpress 網(wǎng)站，那么您可能希望在主父頁(yè)面上顯示子頁(yè)面或子頁(yè)面。您可能還想在每個(gè)子頁(yè)面上顯示主頁(yè)以方便瀏覽。

在本文中，我們將向您展示如何在 WordPress 中輕松顯示父頁(yè)面的子頁(yè)面列表。

當(dāng)您需要顯示子頁(yè)面列表時(shí)？

WordPress 附帶兩種默認(rèn)的帖子類型，稱為帖子和頁(yè)面。帖子是博客內(nèi)容，通常按類別和標(biāo)簽進(jìn)行組織。

頁(yè)面是常綠的一次性或獨(dú)立內(nèi)容，例如“關(guān)于我們”頁(yè)面或“聯(lián)系我們”頁(yè)面。

在 WordPress 中，頁(yè)面可以是分層的，這意味著您可以使用父頁(yè)面和子頁(yè)面來(lái)組織它們。

例如，您可能想要?jiǎng)?chuàng)建一個(gè)產(chǎn)品頁(yè)面，其中包含功能、定價(jià)和支持的子頁(yè)面。

要?jiǎng)?chuàng)建子頁(yè)面，請(qǐng)按照我們有關(guān)如何在 WordPress 中創(chuàng)建子頁(yè)面的指南進(jìn)行操作。

創(chuàng)建父頁(yè)面和子頁(yè)面后，您可能希望在主父頁(yè)面上列出子頁(yè)面。

現(xiàn)在，一個(gè)簡(jiǎn)單的方法是手動(dòng)編輯父頁(yè)面并單獨(dú)添加鏈接列表。

但是，每次添加或刪除子頁(yè)面時(shí)，您都需要手動(dòng)編輯父頁(yè)面。如果您可以創(chuàng)建一個(gè)子頁(yè)面并且它會(huì)自動(dòng)顯示為父頁(yè)面上的鏈接，不是更好嗎？

話雖這么說(shuō)，讓我們看一下其他一些在 WordPress 的父頁(yè)面上快速顯示子頁(yè)面列表的動(dòng)態(tài)方法。

方法1.使用插件在父頁(yè)面上顯示子頁(yè)面

此方法更簡(jiǎn)單，建議所有用戶使用。

首先，您需要安裝并激活頁(yè)面列表插件。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。

激活后，您需要編輯父頁(yè)面并只需在要顯示子頁(yè)面列表的位置添加以下短代碼。

[subpages]

您現(xiàn)在可以保存頁(yè)面并在新的瀏覽器選項(xiàng)卡中預(yù)覽。您會(huì)注意到它顯示了所有子頁(yè)面的簡(jiǎn)單項(xiàng)目符號(hào)列表。

如果需要，您可以添加一些自定義 css來(lái)更改列表的外觀。以下是一些示例 CSS，您可以將其用作起點(diǎn)。

該插件提供了一堆短代碼參數(shù)，允許您設(shè)置深度、排除頁(yè)面、項(xiàng)目數(shù)量等。有關(guān)詳細(xì)信息，請(qǐng)參閱插件頁(yè)面的詳細(xì)文檔。

方法 2. 使用代碼列出父頁(yè)面的子頁(yè)面

此方法有點(diǎn)高級(jí)，需要您向 WordPress 網(wǎng)站添加代碼。如果您以前沒(méi)有這樣做過(guò)，那么請(qǐng)查看我們關(guān)于如何在 WordPress 中復(fù)制和粘貼代碼的指南。

要列出父頁(yè)面下的子頁(yè)面，您需要在代碼片段插件或主題的functions.php文件中添加以下代碼：

接下來(lái)，為代碼片段添加標(biāo)題，并將上面的代碼粘貼到“代碼預(yù)覽”框中。

不要忘記從右側(cè)的下拉菜單中選擇“php Snippet”作為代碼類型。

之后，只需將開(kāi)關(guān)從“非活動(dòng)”切換到“活動(dòng)”，然后單擊頁(yè)面頂部的“保存片段”按鈕即可。

此代碼首先檢查頁(yè)面是否有父頁(yè)面或頁(yè)面本身是否是父頁(yè)面。

如果它是父頁(yè)面，則它顯示與其關(guān)聯(lián)的子頁(yè)面。如果它是子頁(yè)面，則顯示其父頁(yè)面的所有其他子頁(yè)面。

最后，如果這只是一個(gè)沒(méi)有子頁(yè)面或父頁(yè)面的頁(yè)面，那么代碼將不會(huì)執(zhí)行任何操作。在代碼的最后一行，我們添加了一個(gè)簡(jiǎn)碼，這樣您就可以輕松地顯示子頁(yè)面，而無(wú)需修改頁(yè)面模板。

要顯示子頁(yè)面，只需在側(cè)邊欄中的頁(yè)面或文本小部件中添加以下短代碼：

[wpb_childpages]

不要忘記保存更改并在瀏覽器選項(xiàng)卡中預(yù)覽它們。這就是它在我們的測(cè)試網(wǎng)站上的顯示方式。

您現(xiàn)在可以使用一些自定義 CSS 設(shè)計(jì)此頁(yè)面列表的樣式。以下是一些示例 CSS 代碼，您可以將其用作起點(diǎn)。

我們希望本文能幫助您在 WordPress 中列出父頁(yè)面的子頁(yè)面。您可能還想查看我們關(guān)于在新 WordPress 網(wǎng)站上創(chuàng)建的最重要頁(yè)面的指南，以及我們對(duì)無(wú)需任何代碼即可創(chuàng)建自定義布局的最佳拖放 WordPress 頁(yè)面構(gòu)建器的比較。