【WordPress教學】超詳細圖文介紹與設定教學,15分鐘全搞懂!

Wordpress教學

本篇文章會帶來詳細的WordPress教學,包含文章、媒體、頁面、外觀、外掛、使用者、設定等等常見的選項介紹和基礎設定

用圖文解說手把手的帶大家認識Wordpress與操作Wordpress設定

如果正要開始成為站長的讀者絕對不能錯過這篇教學文章!

WordPress 是什麼?

WordPress 簡介

WordPress 是專門架設網站的一套內容管理系統(CMS),簡單來說就是讓不會寫程式碼的人可以架設屬於自己的網站

透過區塊的劃分,讓大家可以更好的規劃自己網站的排版,並且發布文章等等

目前為止,全世界的網站大概有超過 3 成都是用Wordpress建立的,可以發現Wordpress真的是很受歡迎!

也因為很受歡迎,Wordpress也支援許多外掛,現在有幾萬的外掛可以提供大家使用,在使用上也更加方便,可以依照自己的需求安裝不同功能的外掛

wordpress logo


.com 和 .org 的差別

WordPress 有分為 2 種,「WordPress.org」與「WordPress.com

起初 WordPress.org 是一群工程師自願性開發,程式碼也都是公開的,但因為需求量越來越大,因此他們組織了一個公司,也就是 WordPress.com


WordPress.org

一般來說 WordPress.org 是大家常用的版本,比較自由、不會有外掛或是版面的限制,也可以自由的放置廣告,但是必須自行購買主機與網域


WordPress.com

WordPress.com 則是 WordPress 團隊所建立的公司,可以快速的讓大家建置網站並提供主機、網域和網站維護,但是限制就會比較多,要解開限制就得要付費升級


WordPress 介紹影片




WordPress 優缺點

優點

  • 節省開發的時間
  • 提升製作網頁時的效率
  • 成千上萬種外掛支援

缺點

  • 無法製作複雜網站,例如 FB、影片直播網等等
  • 支援的外掛有些是病毒外掛


如何架設一個Woredpress網站

架設 WordPress 網站主要由 2 個元素組成 :「主機」+「網域」

主機架設與網域設定可以參考以下文章,都完成後就可以繼續接下去看以下的 WordPress 操作教學了!



WordPress 教學

這篇的 WordPress 教學包含以下幾個常用的選項

  • 網站瀏覽與功能選單介紹
  • 控制台
  • 文章
  • 媒體
  • 頁面
  • 留言
  • 外觀
  • 外掛
  • 使用者
  • 設定

過程中會介紹每個選項功能,需要設定的選項也會一併寫在以下內容,所以看完這個部分就可以了解Wordpress、設定好所有基本設定!

P.S. 如果網站後台還不是中文,建議可先看「設定」的部分,操作完再從頭開始看!



網站瀏覽與功能選單介紹

如果要瀏覽網站的話,只需要按下紅色框選處就能造訪你的網站

下方的各個選項就是 WordPress 提供的基本功能,讓大家可以設定調整網站的樣式

Wordpress教學



控制台

控制台裡有 2 個選單 : 「首頁」、「更新」

控制台選單

首頁

一開始登入後台第一個看到的畫面就是控制台首頁,都是由一個一個區塊所組成,如果要顯示或隱藏某的區塊只需要按下右上角的選單就可以調整

下方區塊資訊包含Wordpress相關、個人網站相關,還有一些快速操作的區塊,這些區塊都可以自由拖曳到不同位置,都是依照個人喜好自行調整

控制台首頁

更新

所有的佈景主題、外掛、語言套件和Wordpress本身的版本更新都會顯示在這邊,有需要更新就會提醒你來這邊更新

控制台更新畫面



文章

文章裡有 4 個選單 : 「全部文章」、「新增文章」、「分類」、「標籤」

文章選單

全部文章

開始寫文章之後,所有的文章都可以在「全部文章」裡面找到,而文章的詳細資訊都會顯示在這邊,發佈之後的文章需要編輯也是再回到這裡來修改

全部文章列表

新增文章

開始寫新的文章就要到「新增文章」的地方新增一篇空白文章,然後在中間的文章內容編輯你的內文,左右也都有輔助的工具和資訊可以使用與參考

新增文章畫面

比較重要的是左上角的符號「+」,點開之後會有許多區塊的種類,這些都是可以使用在文章中的,像是段落、圖片、標題、清單等等,往下拉還有更多區塊類型可以使用

文章區塊功能

分類

「分類」是用來把文章類型作區分用的,可以讓讀者快速的分辨文章的類型,在首頁的選單也可以運用分類進行規劃

新增分類畫面

標籤

「標籤」有點像用來描述文章,像是日本旅遊的文章,可能標籤就可以寫大阪、東京、北海道等等,但說實在不是很重要,標籤是可有可無的東西,就看個人要不要新增

新增標籤畫面



媒體

媒體裡有 2 個選單 : 「媒體庫」、「新增媒體」

媒體選單

媒體庫

媒體庫是存放所有照片、影片的地方,如果文章中需要用到圖片或影片,都一定要先上傳到媒體庫,再從媒體庫把圖片或影片抓出來放在文章中

但也不能把太大的檔案都丟到媒體庫,否則會造成網站速度變慢,這邊提供 2 個網站給大家, 一個是可以裁切圖片的網站,另一個則是壓縮圖片大小的網站

媒體庫

新增媒體

新增圖片或影片的方法有 2 種,第 1 種是點選「選取檔案」,然後選擇你電腦中的檔案,把檔案加進來,第 2 種則是直接把檔案拖放到圖片中虛線裡面

我個人比較喜歡第二種,因為處理圖片時就會打開圖片所在的資料夾,直接把圖片選起來拉進去方便很多,不需要瀏覽檔案還要一層一層的把資料夾點開

新增媒體



頁面

頁面裡有 2 個選單 : 「全部頁面」、「新增頁面」

頁面選單

全部頁面

所有的頁面都會列在全部頁面,而頁面的標題、作者、發佈日期等等都會出現在這邊,而頁面和文章不同的點就是頁面不能夠留言,所以圖片中頁面留言的位置永遠都是「-」

所有頁面列表

新增頁面

新增頁面的部分和「新增文章」是差不多的,不同的點就是頁面沒有分類和標籤,但是內容的編輯、區塊都是一樣的新增和編輯方式




留言

留言沒有任何選單,只有留言一個選項

留言選單

留言

所有文章都可以被留言,而所有的留言都會被列在這個部分,會詳細的顯示留言者、留言內容、在哪邊留言還有留言的時間點,留言可以讓站長決定是否核准,核准後才能被其他人看到

所有留言訊息資訊



外觀

外觀裡有 4 個選單 : 「佈景主題」、「自訂」、「小工具」、「選單」

外觀選單

佈景主題

網站使用的佈景主題會列在這個部分,一開始可以多安裝幾個佈景主題,然後看看哪個比較順眼,決定好之後就盡量不要更改,個人推薦的主題是 : Astra

建議在決定好一個主題之後,把其他的主題刪除,減少網站空間、提升網站速度

所有佈景主題

如果要啟用主題、預覽主題或刪除主題,只需要在佈景主題的地方,點選你想要的主題,就會出現下圖的畫面,就可以以自身的需求去做設定

選擇佈景主題

自訂

自訂的部分可以調整主題裡面的一些樣式還有網站相關的元件,像是網站logo、色彩、字型等等常見的設定,不同的主題都有不同調整的方法

外觀自訂畫面

小工具

小工具比較常用來新增或調整側邊欄的內容,左邊的小工具都是可以新增到側邊欄的,只需要把你要的小工具拖拉到「右邊資訊欄」裡面

而右邊資訊欄裡面的工具上下關係就是側邊攔顯示的上下關係,所以要讓自己想要的工具在最上面被大家看到,就把小工具拉到「右邊資訊欄」裡面的最上面

外觀小工具

選單

選單的用途是用來讓讀者可以更快的找到他們想要的文章類型,因此上面介紹的文章分類就可以用在選單這邊,把分類新增到選單,讀者就可以更快找到文章分類

分類新增到選單後一樣也是用拖拉的方式,來排列選單的先後順序,如果想要做下拉式選單,以下圖為例,把Sample Page稍微往右拉一點點,讓它在首頁右邊偏下的位置

這樣就可以成為下拉式選單,當滑鼠移動到首頁時,會出現下拉選單,裡面的內容就是Sample Page

外觀選單



外掛

外掛裡有 2 個選單 : 「已安裝外掛」、「安裝外掛」

外掛選單

已安裝外掛

WordPress最大的特色就是擁有上萬種的外掛可以支援,許多特定的功能都可以透過安裝外掛來達成,因此安裝好用的外掛是很重要的

但是外掛安裝的數量也不能太多,太多會影響網站速度,所以安裝時也不能想裝什麼就裝什麼,甚至有些外掛有病毒的也要小心

所有外掛列表

安裝外掛

安裝外掛非常簡單,點進安裝外掛的選項,在搜尋欄裡面輸入外掛名稱就可以找到外掛安裝並啟用,建議選擇星數4~5顆、安裝數破萬的外掛,以下推薦幾個我自己有在用的好外掛

  • Akismet Anti-Spam – 安全性外掛 (免費)
  • All In One SEO Pack – SEO 外掛 (免費)
  • Code Snippets – 程式碼片段外掛 (免費)
  • Jetpack by WordPress.com – 多功能強大外掛 (免費)
  • Pretty Links – 優化連結外掛 (免費)
  • WP Rocket – 網站加速外掛 (付費)
安裝外掛



使用者

使用者裡有 3 個選單 : 「全部使用者」、「新增使用者」、「個人資料」

使用者選單

全部使用者

網站的所有使用者資料都會列在這裡,包含名稱、暱稱、使用者信箱、使用者級別和發佈的文章數量,都會清楚的顯示在這裡,但通常只會一人經營網站,基本上不太會用到這個功能

所有使用者列表

新增使用者

假設真的需要新增使用者,那麼就到這裡新增,使用者分為 5 個等級,不同等級的權限也都不同,如果有其他合作者就必須要清楚的分配權限,以下介紹使用者等級的權限

  • 網站管理員 – 最高權限,網站任何功能都可以使用
  • 編輯 – 除了外掛、外觀、帳號不能使用,其他都可以
  • 作者 – 只能更動自己新增過的內容
  • 投稿者 – 沒有權限發佈文章,但可以編輯自己的文章內容
  • 訂閱者 – 只能修改自己的留言、帳號密碼
新增使用者

個人資料

個人資料的部分我自己是不太會去更動,頂多只有修改暱稱、公開顯示的名稱和新增個人大頭照而已,修改過一次之後就不會再去動了,記得更動完要按「更新個人資料

個人資料設定-1
個人資料設定-2



設定

設定裡有 6 個選單 : 「一般」、「寫作」、「閱讀」、「討論」、「媒體」、「永久連結」

設定選單

一般

一般設定這邊有幾個地方需要更改,可以跟著下面步驟進行設定

  1. 網站標題 – 輸入自己的網站名稱
  2. 網站說明 – 簡短介紹自己的網站
  3. 網站介面語言 – 選擇自己的語言
  4. 時區 – 選擇所在時區,台灣選 UTC+8
  5. 日期與時間格式 – 依照自己習慣調整
  6. 按「儲存設定
一般設定

寫作

寫作設定的地方要把「全站預設編輯器」選為「區塊編輯器」這樣寫文章時才能夠有區塊類型可以選擇,其他的地方可以不動,最後也要記得按「儲存設定

寫作設定

閱讀

閱讀設定把「完整內容」改成「內容摘要」,這樣在首頁的文章就不會顯示整篇文章,只會顯示摘要內容,對讀者的使用者體驗也會比較好

閱讀設定

討論、媒體

討論與媒體的部分我自己沒有做修改,裡面也沒有需要修改的地方,所以這個部分大家可以看看就好,不需要特別去動到這個部分


永久連結

永久連結設定的地方選擇「文章名稱」,對於 SEO 和文章網址辨別會比較好,選擇完之後也記得按「儲存設定

永久連結設定


總結

這次的Wordpress教學介紹了所有的功能選項,基本設定也都設定好了,接下來大家就可以開始發佈文章,當個站長囉!

在過程中大家也有發現Wordpress主要都是以「區塊」的方式在讓大家做編輯與調整,這也應證了是給不會也程式碼的人架設網站用的系統!

希望這篇文章有幫助到還不太認識Wordpress的讀者,有任何問題歡迎留言告訴我!



Leave a Comment

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

Scroll to Top