WordPress頁面教程【2021】

這篇WordPress頁面教程介紹了以下內容：什麼是頁面，頁面具備哪些功能，如何製做頁面，如何將頁面添加到網站菜單中，如何給頁面添加SEO標題、關鍵詞、描述。

本文原文首發於：https://loyseo.com/wordpress-page-tutorial/

什麼是WordPress頁面

當你輸入一個域名打開一個網站，一般進入的是網站首頁，也叫作Home，這個Home即是一個頁面。在使用WordPress進行外貿建站時，咱們常見的頁面是：Home、Products、About us、Contact us、FAQ、Service…。

爲了管理這些頁面，請登陸你的WordPress網站後臺，在左側菜單中找到Pages，此欄目即是管理Pages（頁面）的。

頁面列表

首先，咱們進入All Pages頁面，即全部頁面列表，這裏羅列了網站全部的頁面，並提供了各項功能的操做入口。

下圖所示的是篩選功能區域，咱們經常使用到的是對頁面的批量操做與關鍵詞篩選。

在全部頁面列表中，咱們經常使用的是下述操做功能。

首先，你能夠經過下圖所示的三個入口按鈕進入新增頁面功能。

其次，當你將鼠標懸停於某一頁面之上，你將看到下方出現了操做項

• Edit：點擊它進入修改頁面詳情

• Quick Edit：點它展開快速修改面板，能夠修改頁面的部分信息

• Trash：點它能夠刪除當前頁面

• View：點它能夠查看這個頁面，就像你的網站用戶查看到的同樣

• Edit with Elementor：若是你的頁面使用的是Elementor編輯製做的，纔會出現這個按鈕；若是你使用的其餘編輯器，此處也會出現相應的按鈕，點擊它能夠可視化編輯當前頁面的內容，它與上文的Edit功能有所不一樣，Edit是進入WordPress默認內容的編輯，譬如發佈狀態、發佈日期等。

如何配置頁面列表中顯示的列

在All pages頁面右上方，點擊screen options按鈕能夠展開一個配置面板，你能夠在這裏配置列表展現哪些列、每頁展現的頁面數量。由於安裝某些插件時，會增長列表的字段，此時，這個功能就派上用場了。

如何批量修改、刪除頁面

在All pages頁面上，選中你須要修改的頁面

而後在Bulk action中下拉選中Edit，再點擊Apply；若是選擇move to trash，即是批量刪除頁面。

點擊Apply後，將看到批量修改面板，批量修改的內容是有限的，經常使用的是修改文章的狀態，修改後，點擊update便可生效。

如何製做頁面

咱們首先添加一個新頁面

點擊添加頁面按鈕進入後，咱們能看到以下圖所示的頁面編輯器。

WordPress默認提供的頁面編輯器叫作古騰堡編輯器，相比Elementor編輯器，它的易用性要差一些，可是，若是你的頁面只是像寫word文檔同樣放一些圖文，對佈局、設計要求很低，譬如：隱私政策、服務條款頁面，那就用默認的古騰堡編輯器便可。

當你不用Elementor這種高大上的頁面編輯器，你的網站速度會更快，畢竟，欲戴皇冠，必承其重，這種高大上的頁面編輯器有較多的CSS、JS文件，增長便利的同時，也會增長頁面的重量，固然，這也在可以接受的範圍以內，只是對於追求極致速度的同窗來講，你能夠試試看是否可以熟練使用古騰堡編輯器來解決需求。（新手不建議嘗試）。

同時，有些主題，譬如Astra，也提供了基於古騰堡編輯器的網站模板（即現成的一組網頁），一鍵導入便可使用。

使用Elementor編輯器製做頁面

若是你想使用Elementor編輯器製做頁面，你須要先安裝插件Elementor。當你新增或修改一個頁面時，在頁面頂部能看到Edit with Elementor按鈕，點擊它，便可使用Elementor編輯頁面。

下圖即是Elementor編輯頁面的操做界面。

若是你想繼續使用WordPress默認編輯器製做頁面，那麼請從頁面列表中，點擊Edit進入頁面，你將看到下圖，在頂部點擊Back to WordPress Editor能夠回到默認編輯器。

發佈頁面

頁面內容製做完成後，咱們須要發佈頁面。

若是你使用WordPress默認編輯器，你將在頁面右側看到下圖所示部分，這部份內容是沒法用其餘編輯器徹底替代的，即使你用Elementor編輯器製做的頁面，你也能夠在此處設置頁面的發佈信息。

下圖中：

• 點擊1\齒輪按鈕能夠展開設置面板，

• 點擊2\document，這個標籤頁下的內容是當前頁面的配置

• 咱們主要關注的是3\-url slug，你能夠理解它爲網址，它的默認值=網頁標題，若是你修改了網頁標題，記得看下Slug是否與標題的核心一致，這有益於SEO。你固然不但願看到標題是Contact us，而slug是faq吧。

• 最後，在4中，咱們能夠點擊save draft保存草稿，這樣用戶看不到這個頁面，也能夠點擊preview預覽網頁效果，當一切搞定，再點擊publish發佈頁面。

• 補充：

• visibility表示可見性，默認是public，表示公開，一般保持默認便可，只有是公開的，才能是被用戶查看的。它還包括了其餘兩個選項：私密、密碼訪問，這些都不經常使用到。

• Featured image表示文章的封面圖片，一般頁面是用不上的封面圖的，若是非要使用，一般是做爲頁面標題欄的背景圖片，同時，還須要你所用的主題模板支持該功能。譬如，我會使用Elementor製做通用頁面模板，而後在模板的標題欄的背景圖中動態調用Featured image。

如何將頁面添加到菜單

前提條件：頁面必須是已經發布了的。

而後，你能夠在WordPress菜單功能中加入這個頁面，請查看： 如何在WordPress中製做導航菜單。

如何給頁面設置SEO標題、關鍵詞、描述

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

• 外貿網站如何設置Rank Math SEO

• 你的網頁如何在Rank Math SEO的測試中獲得100分 —— 這篇教程能夠幫助你理解如何給每一個頁面設置SEO的標題（title）、關鍵詞（keywords）、描述（description）

常見問題

頁面與文章有什麼不一樣？

文章默認具有兩種歸類方法：1.分類（categories）、2.標籤（tags），而頁面沒有。

文章一般用於發佈新聞、博客、知識、資訊等內容，而頁面是內容的聚合，若是頁面是舞臺，那麼文章就是各位演員，頁面上不只能夠放文章，也能夠放產品，放公司介紹等待。

爲何商店SHOP頁面不可用Elementor編輯

當你依據嚮導安裝WooCommerce後，會自動在頁面列表中添加一個Shop頁面，以下圖所示，我將頁面名稱改成了Products，在標題後方，你還能看到——shop page的標記。

一般，熱門主題大多提供了商店頁面模板，也提供了主題選項配置作一些修改，但若是你想徹底自定義商店頁面，你能夠像我同樣，購買Elementor Pro來本身設計商店頁面模板。 請查看教程：如何用Elementor製做Woocommerce產品列表【視頻】。

本文由專一於外貿建站的LOYSEO 發佈