【2022 WordPress教學】步驟3|安裝外掛、套用模板、新增文章、設置選單

【WordPress教學】步驟3|安裝外掛、套用模板、新增文章、設置選單

你想架一個自己的網站嗎?

不管是想要網路創業、寫部落格、經營個人品牌、架設形象網站,都可以透過【2022 WordPress教學】的系列文章,這是專門寫給不懂程式的 WordPress 新手的教學,我會帶你只花必要的時間和金錢,架出一個高質感的網站。

【WordPress 架站教學】系列文章總共有 7 篇,如下:

在教學裡我會用最簡單的方式來講解每個步驟,只要跟著教學走,就能架出自己的專屬網站囉! Let’s go~~


安裝外掛

一開始架 WordPress 網站有兩個重要的部分要做- 佈景主題 & 外掛

在上一篇教學,我們安裝的佈景主題是網站的「外觀」,接下來我們要安裝的外掛,就是網站的「功能」。

那網站的功能五花八門阿,你猜猜看 WordPress 外掛有幾個?

光是 WordPress 外掛資料庫裡,就有超過 18,000 個外掛,很驚人吧!

如果你需要某一項功能,就搜尋是否有相關的外掛可以直接使用,有些是免費,有些是付費的,付費還有分一次買斷或每年每月繳費。

記得外掛還是不要隨便下載,或用來路不明的外掛,一定要先查詢評價,看看是不是有夠多人使用,有在持續更新,以免下載到有問題的惡意外掛喔!

接下來我們先安裝三款基本外掛,外掛安裝很簡單,其實就是上傳、啟用,跟著下面的步驟走就可以囉~

頁面編輯器- Elementor

Elementor 是非常熱門的 WordPress 頁面編輯器,跟許多佈景主題都相容。他的介面非常直覺好用,你不需要會程式,只要用區塊拖拉的方式就能設計頁面。他還能做出一些動畫的特效,讓網站看起來更有設計感!推薦 Elementor 給大家~

Elementor 有免費版跟付費版 Elementor Pro,這裡我會教大家安裝免費版,等你摸熟了以後,可以玩玩看 Elementor Pro,功能更多、有更多客製化的地方、可用的模板也更多。

在左邊主選單選擇 [外掛],按下上面的 [安裝外掛]

在右邊 [搜尋外掛] 輸入「Elementor」,按下 [立即安裝],然後 [啟用]。

你就會看到 Elementor 出現在你的外掛列表裡啦,之後我們會再講解 Elementor ,現在就讓他靜靜躺在那裡吧~

傳統小工具- Classic Widgets

WordPress 改版後,其實小工具 (Widgets) 變得不太好用,所以我們先把傳統小工具安裝回來,之後會再教你怎麼用~

在左邊選單選擇 [外掛],按下上面的 [安裝外掛]。

在右邊 [搜尋外掛] 輸入「Classic Widget」,按下 [立即安裝],然後 [啟用] 。

你就會看到 Classic Widget 出現在你的外掛列表裡啦~

網站模板-Starter Templates

Starter Templates 出自於 Brainstorm Force 公司,也就是開發 Astra 佈景主題的公司。

Starter Templates 提供了 180 種以上的網站模板,選你喜歡的模板,套用在網站上,網站就會變得很有質感囉!套用完以後,更改成自己的圖片和文字就可以了~

那首先,我們在左邊選單選擇 [外掛] ,按下上面的 [安裝外掛]。

在右邊的 [搜尋外掛] 輸入 [Starter Templates] ,按下 [立即安裝],然後[啟用]。

你就會看到,Starter Templates 已經出現在外掛區啦。

模板套用

安裝完 Starter Templates 以後,我們就可以來選自己喜歡的模板啦!

我們到左邊的 [外觀] ,會看到剛剛安裝好的 [Starter Templates] ,點選它。

畫面會跑出新視窗,選擇 [ Build Your Website Now] 開始打造網站外觀。

你也可以隨時按下右上角的 [Exit to Dashboard] 回到網站後台。

它會請你選擇你使用的頁面編輯器 (Page Builder) ,這個系列的教學使用是 Elementor,也是我非常推薦的頁面編輯器,這裡就用 Elementor 當作示範。

選好頁面編輯器以後,就會跑出美麗的模板頁啦!你會看到各行各業的網站模板,比如像是美式餐廳、飯店、瑜珈教練、服飾店、室內設計、飾品網站等等的,都很漂亮,可以自己點進去逛逛看~

如何選擇模板

要怎麼選擇自己喜歡的模板呢?

有兩個方向:

  1. 主題:找跟自己相近的主題,比如我是企業顧問,我就找個人服務諮詢相關的網站
  2. 架構:用網站架構、內容排版、配色、圖示等元素,去看自己喜歡哪一個

決定好了以後,再把文字圖片改成自己的,就可以囉~

因為模板太多了,它幫你列出幾個常見的項目,讓你可以篩選想要的網站類型,有部落格、電商、線上課程、餐廳、代理機構、企業、專業服務。你也可以自己打關鍵字去搜尋相關網站。

Starter Templates 上的模板有分 免費版 & 付費版,免費版就有蠻多樣版可以選,如果你看到上面有寫「PREMIUM」就是付費版。

開始匯入模版

這裡我們就選一個自己喜歡的模板,點選模板進來以後,你可以不用理會左邊,先點一下不同的頁籤,逛一下不同頁面,不喜歡就點左上角的 [x],換一個模板進去逛逛。

決定模板以後,左邊會問你要不要上傳 logo,這裡就直接按 [Skip & Continue] 跳過並繼續,之後都可以再上傳。然後它會問你要不要換不同顏色的配色,這裡也是直接按 [Continue],之後都可以再調整。

接著它會要你填 email 註冊。下面的 Advanced Options 有 3 個選項:

  • 「Import Customizer Settings」(匯入客製化設定):匯入這個模板的客製化設定,會覆蓋網站原本的客製化設定
  • 「Import Widgets」(匯入小工具):匯入模板裡有的小工具
  • 「Import Content」(匯入內容):匯入模板文字圖片內容,這個建議開啟,你比較好參考什麼東西要放哪裡,最後再去媒體庫刪掉它原本的圖片就好。

接著,它就會開始匯入模板啦,很快就好了~

跑完,它會恭喜你說已經匯入成功了。你可以點下 [View Your Website],看看現在網站的樣子,會發現已經完全煥然一新了!

耶逼~網站就成功換上美美的衣服囉!

接下來你可能想說,哇!那我要怎麼回去後台?

很簡單,按下左上角的網站名稱,就可以回到後台囉~

如果你不小心登出了,就登入你的 Cloudways 主機,找 [Access Details] 就可以重新登入 WordPress 網站後台囉。

網站做到一半的時候,因為要常常進來網站,我是習慣把暫時網址存在書籤,就不用每次還要先登入 Cloudways 才能登入網站,你也可以學我囉~

內容類型講解(Post Type)

WordPress 是一個內容管理系統 (CMS),裡面有許多種內容類型 (Post Type), 「文章」 是一種內容類型, 「頁面」 也是一種類容類型,這兩個是最常見的,其他還有像是「產品列表」、 「作品集」等等,都是不同的內容類型。

在這一系列的教學裡,我們只會用到「文章」和「頁面」,所以我們就來分辨一下兩者吧!

文章

是動態的,有時間性的,你會一直去新增、去累積。像是部落格裡的內容就是一篇篇的文章。我們可以為這些文章設置分類、標籤。

  • 有分類、有標籤
  • 是持續累積的動態內容
  • 簡單的說就是你的部落格

頁面

是靜態的,有特定功能的,我們沒事不會去更動頁面的內容。比如說網站上的關於我們、產品資訊、聯絡我們等等。

  • 沒有分類、沒有標籤
  • 是各自獨立,有特定功用內容
  • 簡單的說就是「關於我們」、「產品資訊」、「聯絡我們」這類的頁面。

新增文章

了解完「文章」和「頁面」的差別,我們可以開始來寫一篇文章啦!

新增文章的教學,請看我之前寫的這篇,除了新增文章的步驟,也會提點你發佈文章前要注意的幾個設置,跟著裡面的教學做就可以囉~

WordPress 如何新增文章? 注意事項、編輯文章教學

設置部落格選單

先建議大家可以同時開兩個視窗,一個前台,一個後台,這樣在後台做任何更動的時候,在前台重新整理就可以立即看到改變,很方便。

那回歸正題,新增完文章,你可能問,後台有看到剛寫好的那篇文章阿,可是怎麼文章沒有出現在前台?

的確,我們現在到前台看,頁首 (Header) 沒有「部落格」這個選項。我們之後寫得所有文章都會存在「部落格」裡面,所以現在我們要把「部落格」加到頁首選單裡啦!

新增部落格頁面

首先,我們要新增一個空白頁面,到左邊的 [頁面],點選 [新增頁面]。

在標題欄位寫上「Blog」,底下的內容完全留空,然後在右邊按下 [發佈]。

接著,回到後台,在左邊選擇 [設定] 裡的 [閱讀]。在「網站首頁顯示內容」,選擇「靜態頁面」。

「靜態首頁」選擇 Home,「文章頁面」選擇 Blog。

這個 Blog 就是我們剛剛建立的空白頁面,用來告訴 WordPress,以後文章我們就指定要放在這個叫做 Blog 的頁面,而網站的首頁就指定是 Home 這個頁面。

將部落格加入首頁選單

指定文章都要放到 Blog 這個頁面之後,我們要把 Blog 放到首頁的選單裡啦。

首先,到 [外觀] 的 [選單],在 [選取需要編輯的選單] 選擇:Primary (主選單),選完記得要按下 [選取]。

在下面 [新增選單項目] ,找到 「Blog」 並打勾,按下 [新增至選單],你就會看到在 [選單] 裡出現「Blog」了。

你可以點進去「Blog」,把它改成中文「部落格」,其他的頁首項目也是一樣的道理,你可以改成中文。好了之後,按下 [儲存選單]。

回到前台,按下重新整理,你就會發現,「部落格」已經出現在頁首的選單裡囉!之後你寫的文章都會在這裡面,「部落格」就是你的文章列表。

好啦,我們今天的教學就到這兒~

總結一下,我們今天學到:安裝外掛、套用模板、新增文章、設置部落格選單。網站也首次穿上了新衣服,變得美美的!

在我們開始下堂課以前,建議你可以寫個 1~2 篇文章當作練習,熟悉一下怎麼編輯文章。

別擔心,我們網域都還沒掛上去,這只是個暫時網站,沒有人會看到你的文章,之後也都可以刪掉。趁現在盡情嘗試囉~

那我們下篇教學見啦~掰掰~


【WordPress 架站教學】系列文章總共有 7 篇,如下:

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments