WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 2

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能

最後更新時間:2020 年 12 月 8 日

你剛架完了一個 WordPress 網站,卻不知道該如何使用嗎?照著網路上的教學安裝了佈景主題,卻讓你眼花撩亂嗎?

如果你也有以上的問題,那這篇文絕對可以幫助到你!

接下來,我將會教你熟悉 WordPress 後台的 6 大基本功能與操作,分別是:

  1. 佈景主題 ( Theme )
  2. 文章 ( Post )
  3. 頁面 ( Page )
  4. 選單 ( Menu )
  5. 外掛 ( Plugin )
  6. 小工具 ( Wiget )

只要學會了這 6 大基本功能後,你便能有足夠知識背景,快速學會市面上各種複雜的佈景主題與外掛,架出你理想的 WordPress 網站。

為什麼要學習後台功能?

聽到要學習後台基本功能,我知道很多新手可能會想:「 學後台操作也太無聊了吧?我看其它 WordPress 教學,不是都叫我們先去買佈景主題,然後開始套模版改網站內容嗎?我想要趕快架出網站耶?」

首先,我必須語重心長地跟你說,先別急著把網站架出來,在架設網站的領域,慢慢來反而會比較快。

會寫這篇教學的初衷,其實也是為了讓你從一開始就對 WordPress 建立起正確的觀念,因為網路上有很多教學,都是教新手一開始架完網站,就馬上使用佈景主題套版 ( 一鍵匯入 Demo ),然後快速地架出一個美觀的範例網站。

畢竟現在蠻多付費主題,都有提供一鍵匯入 Demo 的功能,套版是真的很快沒錯,節省了很多開發的時間,並且馬上就可以看到成果。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 3

例外,這是我常用的佈景主題 Astra 提供的套版功能,只要一鍵按下去網站就架完了,很方便對吧?

但問題是,每個佈景主題設定的邏輯不同,很多人一鍵套完版之後,卻不知道要去哪邊修改他想修改的東西,不知道哪些是 WordPress 後台原生的功能、哪些是佈景主題提供的。

導致他們來回反覆地尋找功能、或是上 FB 社團發問這個東西要去哪邊修改等等的問題,結果最後反而花了更久的時間,才把網站架完。

而我認為這些問題背後的原因,其實就是一開始對 WordPress 的觀念沒有建立好。

所以,如果你有發生我上面那段寫的問題,那麼我建議你耐住性子,跟著這篇教學把基本功能摸過一遍,再去套版,反而會幫助你更快架好網站。

這篇的教學我會採取 WordPress 官方 2019 年推出的範例佈景主題「Twenty Nineteen」作為講解,由於所有其它的佈景主題,也都是參照 WordPress 官方佈景主題下去製作的,所以透過學習官方的佈景主題,對於我們日後使用其它佈景主題是非常有幫助的。

至於為什麼不選最新的 2020 年推出的「Twenty Twenty」呢?是因為我覺得 Twenty Nineteen 比較好看,但兩者本質上是一樣的。

佈景主題 ( Theme )

WordPress 後台是由兩個重要的元素所組成的:

  1. 佈景主題
  2. 外掛

如果把 WordPress 比作一台電腦的話 ,佈景主題就像是電腦的 CPU、顯示卡,是不可或缺的;而外掛就像是外接藍芽接受器、耳機等,它讓使用者依照自己的需求,去自由地選購、組裝自己所想要的功能,進而成為一台符合自身使用習慣的電腦。

佈景主題是決定你 WordPress 網站功能、外觀最大的部分,一個 WordPress 網站可以沒有任何外掛也正常運作,但是卻不可以沒有佈景主題。

透過上面的例子,你應該不難理解佈景主題有多重要吧!根據調查顯示,一個 WordPress 站長平均要換過 7 次佈景主題,才會找到自己滿意的佈景主題,很多前輩都是因為找不到滿意的佈景主題而棄坑。

WebLai 接觸的佈景主題不算多,可能是因為我一開始就很明確的知道,自己要找的是一個「萬用型」的佈景主題。

套一句李小龍說過的話:「我不怕練了一萬種腿法的人,我怕的是同一種腿法練了一萬次的人」。

我認為佈景主題是貴精不貴多,找到一個足夠滿意的佈景主題就好好精通它,並且能夠使用它做出各種型態的網站才是真厲害。

說這麼多是為了,希望你一開始就建立對佈景主題正確的觀念,才不會一直陷入在追求佈景主題的迷思中,因為這世界上沒有所謂完美的佈景主題,每一個佈景主題都有其缺點。

簡單來說,如果你對於你網站的外觀有不滿意的地方,基本上就是先去佈景主題作修改。

如何更換佈景主題?

WordPress 後台

進到你的 WordPress 網站後台 ( 在瀏覽器中輸入 https://你的網域/admin ),並點選 外觀 -> 佈景主題

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 4

接著我們要來使用 WordPress 官方 2019 年推出的範例佈景主題「 Twenty Nineteen」,點選 Twenty Nineteen,並點選啟用

通常在建立 WordPress 網站時,就會自動安裝好了,但如果你跟我畫面不一樣,沒有 Twenty Nineteen 的話,就點選旁邊或上面的「安裝佈景主題」,然後搜尋 Twenty Nineteen 並安裝。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 5

啟用之後回到網站前台,你應該會發現你的網站改頭換面了,而這就是基本的更換佈景主題的方法。

文章 ( Post )

學會更換新的佈景主題之後,我們要來學習如何發布你的第一篇文章,而「文章 ( Post )」可謂是 WordPress 的精隨所在,但我先不要講太難的事情,目前你就先把它當作發布部落格貼文的地方就好。

接下來,我們就先來隨便寫點東西,po 上來看看效果如何。

如何發布文章?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 6

前往 WordPress 後台:

  1. 點選「文章」
  2. 點選「新增文章」
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 7

這裡就是 WordPress 的寫文章的地方,大名鼎鼎的 Gutenberg 編輯器,上面框起來的部分是文章標題,下面是內文,而右邊則是修改一些細項設定的地方,例如:文章連結、分類、精選圖片等。

我們先隨便寫點東西,看起來大概會是像這樣,完成之後就點擊右上角的「發布」,再點選「檢視文章」。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 8
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 9
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 10

你的文章就產生出來了!是不是很簡單呢?

如何修改文章?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 11

如果想要修改文章的話,在登入後台的情況下,點選上方控制項的「編輯文章」,即可編輯,相當方便。

如何刪除文章?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 12

回到後台,勾選你想要刪除的文章,並點選「移至回收桶」即可完成刪除。

下一步該學習什麼?

截至目前,你已經學會了基本的操作 WordPress 文章頁面的運用了,你知道如何:

  1. 建立文章 ( Create )
  2. 閱讀文章 ( Read )
  3. 修改文章 ( Update )
  4. 刪除文章 ( Delete )

而這就是網頁工程中常提到的使用者「CRUD」,接下來,你需要更進一步的研究,該如何使用 WordPress 內建的 Gutenberg 編輯器,撰寫出讓讀者閱讀起來舒服的文章。

寫文章的格式沒有一定,只有個人風格的展現,這部分就留給你自行摸索了。

頁面 ( Page )

WordPress 中頁面的定義,其實就是你們俗稱的「網頁」,而一頁一頁的網頁組合起來,就變成了網站。

如何建立首頁?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 13

跟建立文章一樣,首先前往網站後台:

  1. 點選「頁面
  2. 點選「新增頁面
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 14

在標題的地方輸入「首頁」,內文的地方隨便你打點什麼,完成之後就按發佈。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 15

一樣點選檢視頁面,接著你便可以在網站前台看到剛剛打的內容了。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 16

回到後台,依序進行以下步驟:

  1. 點選「設定
  2. 點選「閱讀
  3. 點選「靜態頁面
  4. 將「靜態首頁」選取剛剛建立的「首頁
  5. 按下儲存設定

建議可以順便勾選一下下面的「阻擋搜尋引擎索引這個網站」,這樣在我們製作新的網站的時候,不會被別人從 Google 搜尋到,是一種相對比較有隱私跟安全的做法,不過記得要在網站上線時取消勾選這個選項。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 15

接著回到網站前台,你就會發現你網站的首頁,就會從最新文章,轉變成你剛剛建立的那頁首頁了。

如何修改頁面?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 18

跟修改文章一樣,如果想要修改頁面的話,在登入後台的情況下,點選上方控制項的「編輯頁面」。

如何刪除頁面?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 19

跟修改文章一樣,回到後台,勾選你想要刪除的頁面,並點選「移至回收桶」即可完成刪除。

頁面跟文章的差別在哪裡?

其實 WordPress 的頁面跟文章是完全一樣的東西,所以你會發現,頁面的建立、閱讀、修改、刪除的作法幾乎跟文章一模一樣,差別只在於它的型態被定義為「頁面」。

但是,如果你的頁面是用 WordPress 內建的 Gutenberg 編輯器作出來的,就像我們剛剛做的那樣,看起來會比較像一篇文章,而不是你們心中想要的「網頁」。

例如一家公司網站的首頁這樣,有上方的導覽列、有圖片、有按鈕,這種頁面是如何製作的呢?

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 20

過去我們在製作 WordPress 的頁面的作法,會是事先寫好 HTML 檔案,接著再利用到 WordPress 頁面的「頁面範本」將寫好的 HTML 檔案套上去,接著便能透過 WordPress 去管理頁面的內容。

但是現在不用這麼麻煩了,現在 WordPress 界流行使用稱作「頁面編輯器」的外掛,這類型的外掛可以讓你用拖拉區塊的方式,直接在不寫任何程式碼的情況下,就把網頁架出來。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 21

例如這是我曾製作過的一個 WordPress 教學的頁面,就是用 Elementor 這個頁面編輯器製作出來的,相當好用

選單 ( Menu )

WordPress 後台中的選單就是你們平常看到網站的導覽列,如果是在上面的選單通常會被稱作「頁首 ( Header )」,例如我網站上面這條就叫做頁首,而框起來的地方就是選單。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 22

當然選單除了可以被放在上面作為頁首之外,它也能放在網站最下面的「頁尾 ( Footer )」,以及網站側邊的側邊欄 ( Sidebar ),用途相當多元!

簡單來說,選單的設計就是幫助你切換頁面,如此一來你就不需要背起來所有頁面的網址了,因此對網站來說是一個簡單但卻相當重要的環節。

建立選單

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 23

回到後台,依序進行:

  1. 點選外觀
  2. 點選選單
  3. 輸入一個名稱
  4. 按下右邊的建立選單
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 24
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 25

除了已經建立好的頁面,你也可以用直接新增連結的方式,例如我們想要再選單連到 Facebook:

  1. 點選自訂連結
  2. 輸入 Facebook 網址
  3. 輸入連結文字
  4. 點選新增至選單
  5. 按下儲存選單
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 26

接著回到前台看看,你就會發現我們剛剛新增的選單出現在首頁上面了!

外掛 ( Plugin )

接下來是重頭戲:外掛,外掛可以說是 WordPress 中最強大的功能,假設今天你的網站是一棟房子,那佈景主題就會是房子的主要裝潢,而外掛就像是傢俱一樣,所以一開始你家可能沒有電視,但是你去買電視然後裝在家裡,這樣你家就會有電視了。

同理,假設你的 WordPress 佈景主題沒有給你購物車的功能,但是你想要有購物車的功能,那麼你就去加裝一個購物車的外掛就好了,相當方便,基本上就是你要什麼功能就是去找相對應的外掛。

WordPress 目前的外掛種類相當多,例如購物車、線上課程平台、討論區…等等,你想得到的功能,基本上都已經有人開發成外掛讓你使用了,不過這其中有些是免費的,但有些卻是要付費的,所以你可能要做好荷包大失血的心理準備。

啟用外掛

這次的教學我們以加裝 Facebook Messenger 外掛為例,它可以在你的網站中建立一個可以直接與粉絲專頁對話的聊天室,不管是個人部落格、公司網站、電商網站都是一個跟訪客構通的好管道。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 27

點選後台工具列的外掛,並點選安裝外掛

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 28

在右上角的搜尋欄搜尋 Facebook Messenger 點選安裝並啟用。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 29

啟用之後,你會發現後台工具列底部多出了一個 Customer Chat,點選之後再點選 Setup Customer Chat

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 30

接著會需要用到一個粉絲團專頁,設定的部分沒什麼難度,就是一直按下一步跟完成而已。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 31

回到網站前台,你就會在右下角看到 Facebook Messenger 的小圖示,點選它即可與你的粉絲專頁開啟對話!

如何停用外掛?

如果你不想用這個外掛時,你可以回到後台外掛中的已安裝的外掛,找到你想停用的外掛並點選停用,如此一來便能將外掛的功能關閉。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 32

透過這樣一個簡單例子,你應該能清楚地感受到外掛帶來的好處,只需要滑鼠點幾下,就可以在網站中加裝原本沒有的功能,這也是為什麼 WordPress 受到大家推崇的原因。

小工具 ( Widget )

小工具的話你可以把它理解成 WordPress 內建的外掛,或是弱化版的小型外掛,基本上就是一些小功能,例如:站內搜尋、近期文章、文章分類、自訂 HTML等。

小工具通常會被使用在側邊欄 ( Sidebar )以及頁尾 ( Footer ),算是一個提升使用者體驗的設計,可以讓訪客更快的在網站中找到他所想要的資訊。

啟用小工具

接下來我們以文字小工具為例子,在首頁下方的頁尾處加上一段自訂的文字。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 33

來到後台,依序進行

  1. 點選外觀
  2. 點選小工具
  3. 找到文字並將其拖拉至頁尾區塊
WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 34

點擊文字區塊,並輸入你想寫的東西,例如作者介紹,完成後按下儲存。

WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能 | 35

回到網站首頁,你就會在下面看到我們剛剛加入去的作者介紹了!

結語

以上就是 WordPress 後台中最重要 6 大功能的基本介紹,這篇教學的內容主要是展示這些功能最原始的型態,所以只是概念上的部分,而實際應用的情形會比這篇教的複雜上很多,至於進階的應用,就留待你自行研發了!

希望透過今天的教學,能讓你對 WordPress 建立起基本的概念,我認為這是現在很多 WordPress 新手所欠缺的部分,大家都太急著要快速架出一個網站了,但大部分的人,還都是在重造輪子而已。

所以如果你想要架出一個真正好維運的 WordPress 網站,其實最終都還是要回歸到 WorPress 它本身內建的功能,才是最終的解決之道。

熟悉基本功能後,建議接著學習佈景主題:
WordPress 主題推薦 – Astra 完整介紹與教學,1 款適合所有人的佈景主題

重點整理

佈景主題:決定 WordPress 整體外觀與功能的地方。
文章:發佈部落格貼文的地方。
頁面:建立網頁的地方。
選單:建立網站導覽列的地方。
外掛:用來替 WordPress 網站新增擴充功能的地方。
小工具:WordPress 內建的一些功能區塊,例如搜尋欄,通常用於側邊欄與頁尾。

額外資訊

我目前正在製作一部 WordPress 網站的線上課程,主要內容會是教你如何從完全不懂程式碼的新手,透過學習架設 WordPress 網站與 SEO,打造出一個在一年內能為你帶來 100 萬收入的個人網站。如果你有興趣的話,歡迎填寫下方的訂閱表單,我將會告訴你最新的開課資訊。

加入 FB 討論社團

另外,我開設了一個 Facebook 社團,叫做「WordPress 網站架設 | 網路賺錢 | 部落格經營 – WebLai 交流區」,社團中討論的主題主要會是關於 WordPress 網站架設部落格經營、以及網路賺錢

如果你也對這些內容有興趣的話,歡迎你點擊下方的連結進行加入,我將會在那邊發佈一些這些主題的相關議題與討論,當然,對於 WordPress 有問題的話也可以直接在裡面詢問我唷!

你可能會想看
網路賺錢
部落格經營
基礎教學
站長必學
網站行銷
疑難雜症
進階技巧
Elementor
Woocommerce
學習資源

留言回應

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

回到頂端