wordpress有兩種默認的post類型——文章和頁面。但是，與文章和其他自定義文章類型不同，頁面不必處于同一級別。用戶可以創(chuàng)建父頁面和子頁面，在他們的站點上建立頁面層次結(jié)構(gòu)。

這種做法對于具有大量靜態(tài)信息的WordPress網(wǎng)站特別有益，因為它可以幫助訪問者輕松瀏覽它們。

本文將介紹在WordPress中創(chuàng)建父頁面并使用三種不同方法顯示子頁面列表的步驟。您還將學習如何管理頁面之間的父子關(guān)系。

• 什么是父頁面？
• 父頁面和子頁面的區(qū)別
• 如何在WordPress中設(shè)置父子頁面
• 如何顯示父頁面的子頁面列表
  • 使用插件顯示子頁面列表
  • 通過編碼顯示子頁面列表
  • 編輯頁面模板以顯示子頁面列表
  • 如何管理父頁面和子頁面

什么是父頁面？

WordPress父頁面是站點層次結(jié)構(gòu)中的頂級頁面。嵌套在它下面的一組子頁面稱為子頁面。

父頁面和子頁面的區(qū)別

創(chuàng)建層次結(jié)構(gòu)需要在各個頁面之間建立父子關(guān)系。在這種安排下，父頁面優(yōu)于子頁面，這意味著沒有它們，子頁面就無法存在。

以閃電博的WordPress學院為例。在主菜單下，您會發(fā)現(xiàn)包括WooCommerce，WordPress SEO，WordPress優(yōu)化，WordPress基礎(chǔ)，WordPress安全，WordPress開發(fā)和WordPress錯誤。這些都是父頁面/learn/下的子頁面。

將子頁面與父頁面區(qū)分開來的另一個因素是 URL。默認情況下，子頁面在其URL中攜帶其父頁面的slug。

例如，WordPress學院父頁面的URL是/learn/，而WooCommerce子頁面是/learn/woocommerce。

如何在WordPress中設(shè)置父子頁面

要建立分層頁面結(jié)構(gòu)，您需要在WordPress中發(fā)布您的第一頁。以下是創(chuàng)建父頁面的步驟：

1. 在您的WordPress儀表盤上，導航到Pages?->?Add New。
2. 寫下頁面的標題和內(nèi)容。
3. 單擊預(yù)覽以查看它的外觀，并在完成后單擊發(fā)布。

重復(fù)這些步驟以將其他父頁面添加到您的網(wǎng)站。

現(xiàn)在，您可以開始創(chuàng)建子頁面：

1. 在您的 WordPress 儀表板上，轉(zhuǎn)到Pages?->?Add New。
2. 輸入所需的標題和內(nèi)容。
3. 打開Page選項卡并向下滾動到Page Attributes。從下拉菜單中選擇要設(shè)置為父頁面的特定頁面。

4. 單擊發(fā)布。

根據(jù)需要重復(fù)這些步驟以創(chuàng)建多個子頁面。您可以通過分配一個數(shù)值來更改它們的出現(xiàn)順序。為此，請使用“頁面屬性”部分中的“Oder”文本框。

頁面屬性不顯示？

單擊頁面頂部的屏幕選項下拉菜單，然后選中頁面屬性選項旁邊的框?，F(xiàn)在，您將能夠設(shè)置父頁面。

如何顯示父頁面的子頁面列表

在各自的父頁面上顯示子頁面列表是一種清晰結(jié)構(gòu)的好方法。它允許訪問者更快、更輕松地找到他們正在尋找的信息，從而改善用戶體驗和網(wǎng)站導航。

可以通過三種方式顯示子頁面列表——使用 WordPress 插件、手動編碼或編輯頁面模板。

使用插件顯示子頁面列表

這種方法是最簡單的，因為它簡化了配置過程。最好的WordPress插件提供簡碼參數(shù)以將子頁面列表添加到父頁面并設(shè)置列表樣式。

WordPress目錄中有很多可用的插件。在本教程中，我們將使用Page-list。首先，安裝并啟用插件。

在插件頁面上，您將看到一組帶有列表樣式參數(shù)的短代碼：

• [pagelist]?? 展示網(wǎng)站的站點地圖。
• [subpages]?? 顯示當前頁面的子頁面。
• [siblings]?? 顯示當前頁面的兄弟頁面，它們是分組在同一父頁面下的頁面。
• [pagelist_ext]?? 展示頁面列表及其各自的特色圖片和摘錄。

以下是使用Page-list插件在WordPress中顯示子頁面列表的方法：

1. 在所需父頁面的任何位置插入[subpages]短代碼，然后點擊Update。

2. 下圖展示了簡碼應(yīng)用程序的示例。您可以添加自定義CSS類或?qū)⒅骱喆a與可用參數(shù)組合以設(shè)置列表樣式。

通過編碼顯示子頁面列表

手動編碼為自定義子頁面列表提供了更大的靈活性。但是，該過程需要一些技術(shù)知識，這可能不適合WordPress初學者和非技術(shù)用戶。

代碼需要添加到主題的functions.php文件中，可以通過FTP客戶端或文件管理器訪問。

如果您使用寶塔面板，以下是使用文件管理器創(chuàng)建子頁面索引的步驟：

1. 在文件菜單頁面上，導航到/www/wwwroot。
2. 然后進入對應(yīng)網(wǎng)站的根目錄 ( www.yourdomain.com?) 訪問wp-content?->主題。
3. 打開當前處于活動狀態(tài)的主題文件夾并找到functions.php文件。
4. 雙擊它并在文件底部添加以下代碼：

function wpb_list_child_pages() {
global $post;
if ( is_page() && $post->post_parent )
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0' );
else
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );
if ( $childpages ) {
$string = '
' . $childpages . '
;
}
return $string;
}
add_shortcode('wpb_childpages', 'wpb_list_child_pages');

5. 保存更改?，F(xiàn)在，轉(zhuǎn)到您的WordPress儀表盤。
6. 導航到外觀->小工具并在小部件區(qū)域的某處添加[wpb_childpages]短代碼。或者，將其直接插入父頁面。

重要的！[?wpb_childpages]短代碼不適用于不屬于層次結(jié)構(gòu)的頁面。

編輯頁面模板以顯示子頁面列表

如果您的頁面數(shù)量很少，使用簡碼是有意義的。對于大型網(wǎng)站，最好編輯頁面模板文件并自動化插入過程。

為此，請將上述代碼添加到functions.php文件中。然后，將此代碼片段插入到您的活動主題的page.php文件中：

就是這樣！主題將自動檢測子頁面并將其顯示在網(wǎng)站上。

如何管理父頁面和子頁面

如前所述，具有層次結(jié)構(gòu)可以顯著改善WordPress網(wǎng)站的導航和用戶體驗。許多WordPress用戶不知道的是，頁面結(jié)構(gòu)也會影響您網(wǎng)站的SEO。

如果操作正確，頁面結(jié)構(gòu)可以幫助搜索引擎（如 Google）抓取和索引網(wǎng)站，使其內(nèi)容更易于查找和理解。此外，層次結(jié)構(gòu)告訴搜索引擎哪些頁面很重要，從而提高了網(wǎng)站的權(quán)威性和可搜索性。

以下提示可幫助您充分利用頁面結(jié)構(gòu)：

• 僅對相關(guān)內(nèi)容進行分組——考慮父頁面的關(guān)鍵字與其子頁面之間的相關(guān)性。
• 決定順序——大多數(shù)情況下，子頁面會根據(jù)關(guān)鍵字的受歡迎程度來顯示，以縮短訪問者的搜索時間。但是，在某些情況下，最好根據(jù)內(nèi)容的優(yōu)先級來組織它們。
• 不要創(chuàng)建太多類別? 保持在 2 到 7 個之間，以避免子頁面使用戶不堪重負。
• 使您的站點地圖保持最新? 每當您創(chuàng)建新頁面或更改現(xiàn)有頁面的內(nèi)容時更新您的WordPress站點地圖以加快索引過程。

小結(jié)

設(shè)置WordPress父頁面不是一項基本任務(wù)，但我們強烈推薦它。它將創(chuàng)建一個層次結(jié)構(gòu)，使您的WordPress網(wǎng)站易于瀏覽。

我們希望本文能幫助您了解WordPress中父頁面和子頁面的用途以及如何正確設(shè)置它們。