這篇WordPress頁(yè)面教程介紹了如下內(nèi)容：什么是頁(yè)面，頁(yè)面具有哪些功能，如何制作頁(yè)面，如何將頁(yè)面添加到網(wǎng)站菜單中，如何給頁(yè)面添加SEO標(biāo)題、關(guān)鍵詞、描述。

本文原文首發(fā)于：https:///wordpress-page-tutorial/

什么是WordPress頁(yè)面

當(dāng)你輸入一個(gè)域名打開一個(gè)網(wǎng)站，通常進(jìn)入的是網(wǎng)站首頁(yè)，也叫做Home，這個(gè)Home便是一個(gè)頁(yè)面。在使用WordPress進(jìn)行外貿(mào)建站時(shí)，我們常見(jiàn)的頁(yè)面是：Home、Products、About us、Contact us、FAQ、Service…。

為了管理這些頁(yè)面，請(qǐng)登錄你的WordPress網(wǎng)站后臺(tái)，在左側(cè)菜單中找到Pages，此欄目便是管理Pages（頁(yè)面）的。

頁(yè)面列表

首先，我們進(jìn)入All Pages頁(yè)面，即所有頁(yè)面列表，這里羅列了網(wǎng)站所有的頁(yè)面，并提供了各項(xiàng)功能的操作入口。

下圖所示的是篩選功能區(qū)域，我們常用到的是對(duì)頁(yè)面的批量操作與關(guān)鍵詞篩選。

在所有頁(yè)面列表中，我們常用的是下述操作功能。

首先，你可以通過(guò)下圖所示的三個(gè)入口按鈕進(jìn)入新增頁(yè)面功能。

其次，當(dāng)你將鼠標(biāo)懸停于某一頁(yè)面之上，你將看到下方出現(xiàn)了操作項(xiàng)

• Edit：點(diǎn)擊它進(jìn)入修改頁(yè)面詳情

• Quick Edit：點(diǎn)它展開快速修改面板，可以修改頁(yè)面的部分信息

• Trash：點(diǎn)它可以刪除當(dāng)前頁(yè)面

• View：點(diǎn)它可以查看這個(gè)頁(yè)面，就像你的網(wǎng)站用戶查看到的一樣

• Edit with Elementor：如果你的頁(yè)面使用的是Elementor編輯制作的，才會(huì)出現(xiàn)這個(gè)按鈕；如果你使用的其他編輯器，此處也會(huì)出現(xiàn)相應(yīng)的按鈕，點(diǎn)擊它可以可視化編輯當(dāng)前頁(yè)面的內(nèi)容，它與上文的Edit功能有所不同，Edit是進(jìn)入WordPress默認(rèn)內(nèi)容的編輯，譬如發(fā)布狀態(tài)、發(fā)布日期等。

如何配置頁(yè)面列表中顯示的列

在All pages頁(yè)面右上方，點(diǎn)擊screen options按鈕可以展開一個(gè)配置面板，你可以在這里配置列表展示哪些列、每頁(yè)展示的頁(yè)面數(shù)量。因?yàn)榘惭b某些插件時(shí)，會(huì)增加列表的字段，此時(shí)，這個(gè)功能就派上用場(chǎng)了。

如何批量修改、刪除頁(yè)面

在All pages頁(yè)面上，選中你需要修改的頁(yè)面

然后在Bulk action中下拉選中Edit，再點(diǎn)擊Apply；如果選擇move to trash，便是批量刪除頁(yè)面。

點(diǎn)擊Apply后，將看到批量修改面板，批量修改的內(nèi)容是有限的，常用的是修改文章的狀態(tài)，修改后，點(diǎn)擊update即可生效。

如何制作頁(yè)面

我們首先添加一個(gè)新頁(yè)面

點(diǎn)擊添加頁(yè)面按鈕進(jìn)入后，我們能看到如下圖所示的頁(yè)面編輯器。

WordPress默認(rèn)提供的頁(yè)面編輯器叫做古騰堡編輯器，相比Elementor編輯器，它的易用性要差一些，但是，如果你的頁(yè)面只是像寫word文檔一樣放一些圖文，對(duì)布局、設(shè)計(jì)要求很低，譬如：隱私政策、服務(wù)條款頁(yè)面，那就用默認(rèn)的古騰堡編輯器即可。

當(dāng)你不用Elementor這種高大上的頁(yè)面編輯器，你的網(wǎng)站速度會(huì)更快，畢竟，欲戴皇冠，必承其重，這種高大上的頁(yè)面編輯器有較多的CSS、JS文件，增加便利的同時(shí)，也會(huì)增加頁(yè)面的重量，當(dāng)然，這也在能夠接受的范圍之內(nèi)，只是對(duì)于追求極致速度的同學(xué)來(lái)說(shuō)，你可以試試看是否能夠熟練使用古騰堡編輯器來(lái)解決需求。（新手不建議嘗試）。

同時(shí)，有些主題，譬如Astra，也提供了基于古騰堡編輯器的網(wǎng)站模板（即現(xiàn)成的一組網(wǎng)頁(yè)），一鍵導(dǎo)入即可使用。

使用Elementor編輯器制作頁(yè)面

如果你想使用Elementor編輯器制作頁(yè)面，你需要先安裝插件Elementor。當(dāng)你新增或修改一個(gè)頁(yè)面時(shí)，在頁(yè)面頂部能看到Edit with Elementor按鈕，點(diǎn)擊它，即可使用Elementor編輯頁(yè)面。

下圖便是Elementor編輯頁(yè)面的操作界面。

如果你想繼續(xù)使用WordPress默認(rèn)編輯器制作頁(yè)面，那么請(qǐng)從頁(yè)面列表中，點(diǎn)擊Edit進(jìn)入頁(yè)面，你將看到下圖，在頂部點(diǎn)擊Back to WordPress Editor可以回到默認(rèn)編輯器。

發(fā)布頁(yè)面

頁(yè)面內(nèi)容制作完成后，我們需要發(fā)布頁(yè)面。

如果你使用WordPress默認(rèn)編輯器，你將在頁(yè)面右側(cè)看到下圖所示部分，這部分內(nèi)容是無(wú)法用其他編輯器完全替代的，即便你用Elementor編輯器制作的頁(yè)面，你也可以在此處設(shè)置頁(yè)面的發(fā)布信息。

下圖中：

• 點(diǎn)擊1\齒輪按鈕可以展開設(shè)置面板，

• 點(diǎn)擊2\document，這個(gè)標(biāo)簽頁(yè)下的內(nèi)容是當(dāng)前頁(yè)面的配置

• 我們主要關(guān)注的是3\-url slug，你可以理解它為網(wǎng)址，它的默認(rèn)值=網(wǎng)頁(yè)標(biāo)題，如果你修改了網(wǎng)頁(yè)標(biāo)題，記得看下Slug是否與標(biāo)題的核心一致，這有益于SEO。你當(dāng)然不希望看到標(biāo)題是Contact us，而slug是faq吧。

• 最后，在4中，我們可以點(diǎn)擊save draft保存草稿，這樣用戶看不到這個(gè)頁(yè)面，也可以點(diǎn)擊preview預(yù)覽網(wǎng)頁(yè)效果，當(dāng)一切搞定，再點(diǎn)擊publish發(fā)布頁(yè)面。

• 補(bǔ)充：

• visibility表示可見(jiàn)性，默認(rèn)是public，表示公開，通常保持默認(rèn)即可，只有是公開的，才能是被用戶查看的。它還包括了其他兩個(gè)選項(xiàng)：私密、密碼訪問(wèn)，這些都不常用到。

• Featured image表示文章的封面圖片，通常頁(yè)面是用不上的封面圖的，如果非要使用，通常是作為頁(yè)面標(biāo)題欄的背景圖片，同時(shí)，還需要你所用的主題模板支持該功能。譬如，我會(huì)使用Elementor制作通用頁(yè)面模板，然后在模板的標(biāo)題欄的背景圖中動(dòng)態(tài)調(diào)用Featured image。

如何將頁(yè)面添加到菜單

前提條件：頁(yè)面必須是已經(jīng)發(fā)布了的。

然后，你可以在WordPress菜單功能中加入這個(gè)頁(yè)面，請(qǐng)查看： 如何在WordPress中制作導(dǎo)航菜單。

如何給頁(yè)面設(shè)置SEO標(biāo)題、關(guān)鍵詞、描述

推薦你安裝插件Rank Math SEO，然后查看下方的兩篇教程：

• 外貿(mào)網(wǎng)站如何設(shè)置Rank Math SEO

• 你的網(wǎng)頁(yè)如何在Rank Math SEO的測(cè)試中得到100分 —— 這篇教程可以幫助你理解如何給每個(gè)頁(yè)面設(shè)置SEO的標(biāo)題（title）、關(guān)鍵詞（keywords）、描述（description）

常見(jiàn)問(wèn)題

頁(yè)面與文章有什么不同？

文章默認(rèn)具備兩種歸類方法：1.分類（categories）、2.標(biāo)簽（tags），而頁(yè)面沒(méi)有。

文章通常用于發(fā)布新聞、博客、知識(shí)、資訊等內(nèi)容，而頁(yè)面是內(nèi)容的聚合，如果頁(yè)面是舞臺(tái)，那么文章就是各位演員，頁(yè)面上不僅可以放文章，也可以放產(chǎn)品，放公司介紹等待。

為什么商店SHOP頁(yè)面不可用Elementor編輯

當(dāng)你依據(jù)向?qū)?a href="https:///install-woocommerce/" target="_blank">安裝WooCommerce后，會(huì)自動(dòng)在頁(yè)面列表中添加一個(gè)Shop頁(yè)面，如下圖所示，我將頁(yè)面名稱改為了Products，在標(biāo)題后方，你還能看到——shop page的標(biāo)記。

通常，熱門主題大多提供了商店頁(yè)面模板，也提供了主題選項(xiàng)配置做一些修改，但如果你想完全自定義商店頁(yè)面，你可以像我一樣，購(gòu)買Elementor Pro來(lái)自己設(shè)計(jì)商店頁(yè)面模板。 請(qǐng)查看教程：如何用Elementor制作Woocommerce產(chǎn)品列表【視頻】。

本文由專注于外貿(mào)建站的LOYSEO 發(fā)布