WordPress頁面教程【2021】

時(shí)間：2023-07-24 21:51:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 21:51:01 來源：網(wǎng)站運(yùn)營(yíng)

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



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

什么是WordPress頁面

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



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

頁面列表

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







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







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



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







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

• Edit：點(diǎn)擊它進(jìn)入修改頁面詳情
  
  
• Quick Edit：點(diǎn)它展開快速修改面板，可以修改頁面的部分信息
  
  
• Trash：點(diǎn)它可以刪除當(dāng)前頁面
  
  
• View：點(diǎn)它可以查看這個(gè)頁面，就像你的網(wǎng)站用戶查看到的一樣
  
  
• Edit with Elementor：如果你的頁面使用的是Elementor編輯制作的，才會(huì)出現(xiàn)這個(gè)按鈕；如果你使用的其他編輯器，此處也會(huì)出現(xiàn)相應(yīng)的按鈕，點(diǎn)擊它可以可視化編輯當(dāng)前頁面的內(nèi)容，它與上文的Edit功能有所不同，Edit是進(jìn)入WordPress默認(rèn)內(nèi)容的編輯，譬如發(fā)布狀態(tài)、發(fā)布日期等。
  
  

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

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

如何批量修改、刪除頁面

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







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







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

如何制作頁面

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







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







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



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



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

使用Elementor編輯器制作頁面

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







下圖便是Elementor編輯頁面的操作界面。







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

發(fā)布頁面

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



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



下圖中：

• 點(diǎn)擊1/齒輪按鈕可以展開設(shè)置面板，
  
  
• 點(diǎn)擊2/document，這個(gè)標(biāo)簽頁下的內(nèi)容是當(dāng)前頁面的配置
  
  
• 我們主要關(guān)注的是3/-url slug，你可以理解它為網(wǎng)址，它的默認(rèn)值=網(wǎng)頁標(biāo)題，如果你修改了網(wǎng)頁標(biāo)題，記得看下Slug是否與標(biāo)題的核心一致，這有益于SEO。你當(dāng)然不希望看到標(biāo)題是Contact us，而slug是faq吧。
  
  
• 最后，在4中，我們可以點(diǎn)擊save draft保存草稿，這樣用戶看不到這個(gè)頁面，也可以點(diǎn)擊preview預(yù)覽網(wǎng)頁效果，當(dāng)一切搞定，再點(diǎn)擊publish發(fā)布頁面。
  
  
• 補(bǔ)充：
  
  

• visibility表示可見性，默認(rèn)是public，表示公開，通常保持默認(rèn)即可，只有是公開的，才能是被用戶查看的。它還包括了其他兩個(gè)選項(xiàng)：私密、密碼訪問，這些都不常用到。
  
  
• Featured image表示文章的封面圖片，通常頁面是用不上的封面圖的，如果非要使用，通常是作為頁面標(biāo)題欄的背景圖片，同時(shí)，還需要你所用的主題模板支持該功能。譬如，我會(huì)使用Elementor制作通用頁面模板，然后在模板的標(biāo)題欄的背景圖中動(dòng)態(tài)調(diào)用Featured image。
  
  

如何將頁面添加到菜單

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



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

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

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

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

常見問題

頁面與文章有什么不同？

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



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

為什么商店SHOP頁面不可用Elementor編輯

當(dāng)你依據(jù)向?qū)О惭bWooCommerce后，會(huì)自動(dòng)在頁面列表中添加一個(gè)Shop頁面，如下圖所示，我將頁面名稱改為了Products，在標(biāo)題后方，你還能看到——shop page的標(biāo)記。







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

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

推薦閱讀

2020年B2B外貿(mào)建站的終極教程Astra主題教程：免費(fèi)建外貿(mào)網(wǎng)站2020年外貿(mào)建站需要注意什么？