WordPress後台教學|WordPress新手必知10大功能完整操作指南

WordPress後台教學|WordPress新手必知10大功能完整操作指南

文章最後更新於 2022 年 06 月 25 日

WordPress是什麼? 我們在WordPress網站架設教學文章中有提到 WordPress的優點/缺點、網站架構、架設網站類型,以及設定Cloudways主機教學申請網域設定DNS

在登入WordPress後台時,不知道該從什麼地方開始設定嗎? 你可以跟著這篇文章一步一步學習,像是 WordPress後台登入、文章分類、新增頁面、網站外觀設定、側邊欄新增功能等,協助WordPress架站新手快速上手,節省你的時間成本。

如果你想了解更多WordPress網站架設教學,你可以閱讀這篇文章《WordPress是什麼? WordPress架設網站8項重點-入門教學完整介紹/評價》,我們介紹許多WordPress網站架設的基本觀念,協助你開始架設WordPress網站。

 

WordPress網站架設教學系列

【 WordPress架站教學1 】WordPress是什麼? WordPress架設網站8項重點-入門教學完整介紹/評價

【 WordPress架站教學2 】如何用WordPress架設網站-網域申請/DNS/主機-完整設定教學

 WordPress架站教學3 】WordPress後台教學|WordPress新手必知10大功能完整操作指南

 

如何用WordPress架設網站?

在開始WordPress後台教學之前,你必須先將WordPress網站架設完成,才能使用WordPress後台。

因此,如果你已經完成這項步驟,可以直接閱讀本文的下一個部分- 登入WordPress後台。

如果你還沒完成WordPress網站架設,你需要完成以下4大步驟,或是參考這篇教學《如何用WordPress架設網站-網域申請/DNS/主機-完整設定教學》。

 

WordPress架設網站4大步驟

  1. 網域申請-Namecheap(申請門牌地址)
  2. 主機設定-Cloudways(租一塊地)
  3. DNS代管-Cloudflare
  4. 網頁設計軟體 (蓋房子)

 

登入WordPress後台

我們可以先登入WordPress後台,登入WordPress後台有以下2種方法:

  1. 直接輸入網址登入WordPress後台
  2. 從主機商頁面登入-像是 從Cloudways主機登入WordPress後台

 

1. 在網站網域後輸入「/wp-admin」

你可以直接輸入 網域+「/wp-admin」來登入WordPress後台。

例如: 你的網域是 www.test.com,你可以直接輸入網址 www.test.com/wp-admin 進入WordPress後台登入的畫面。

WordPress後台登入的畫面
WordPress後台登入的畫面

 

2. 從主機商頁面登入

以下我們會以 Cloudways主機為例,登入你的WordPress後台。

 

先登入 Cloudways官網 → 點擊 Application → 點選你需要登入的網站

先登入 Cloudways官網 → 點擊 Application → 點選你需要登入的網站
先登入 Cloudways官網 → 點擊 Application → 點選你需要登入的網站

 

接著 點擊Access Details → 點擊ADMIN PANEL位置右方的 箭頭 就可進入WordPress後台登入畫面

接著點擊Access Details → 點擊ADMIN PANEL位置右方的 箭頭 就可進入WordPress後台登入畫面
接著點擊Access Details → 點擊ADMIN PANEL位置右方的 箭頭 就可進入WordPress後台登入畫面

 

WordPress後台登入後,會出現Admin Bar

如果你的WordPress後台是「登入」的狀態- 你都可以在網站前台/後台中看到最上方的Admin Bar

Admin Bar出現的捷徑會隨著你安裝的外掛不同,這些捷徑可以幫助你快速完成設定。

 

WordPress網站的2 個主要路徑

  • WordPress前台: test.com (將com 改成自己的網域)
  • WordPress後台: test.com/wp-admin (將com 改成自己的網域)

 

找到 Admin Bar網站名稱 點擊下方的 控制台,就可以切換到WordPress後台。

WordPress網站前台畫面
WordPress網站前台畫面

找到 Admin Bar網站名稱 點擊下方的 造訪網站,就可以切換到WordPress前台。

WordPress網站後台畫面
WordPress網站後台畫面

 

WordPress後台 一般設定

接著,我們可以從WordPress後台中找到 設定一般

從WordPress後台中找到 設定 → 點擊 一般
從WordPress後台中找到 設定 → 點擊 一般

 

一般設定

我們可以在一般設定的位置,修改網站的基本資訊。

  • 網站標題- 可以輸入品牌名稱,標題字數精簡,避免文章標題過長,導至Google搜尋結果顯示省略符號
  • 網站說明- 輸入網站說明,可以輸入 品牌Slogan 或 網站主題
  • WordPress 位址 (網址)- 系統會自動預設,不需要調整
  • 網站位址 (網址)- 系統會自動預設,不需要調整
  • 網站管理員電子郵件地址- 任何WordPress最新消息都會寄送到這個信箱,可以使用公司服務信箱/網域信箱,像是: [email protected] 所有WordPress的最新消息都會寄到這個信箱,建議可以使用網域信箱
  • 成員資格- 如果你是經營電商購物/線上課程/論壇網站,可以勾選 任何人均可註冊,其他類型的網站可以不用勾選
  • 新增使用者的預設角色- 如果網站有需要設定會員登入,可以將新會員角色權限設為 訂閱者,讓新會員可以修改自己的資訊,同時控制網站使用者權限
  • 網站介面語言- 設為網站管理者習慣使用的語言,像是 繁體中文/英文等
  • 時區- 依據你的所在地區選擇時區,像是 台北的時區就是 UTC+8
  • 日期格式- 選擇網站管理者習慣的格式
  • 時間格式- 選擇網站管理者習慣的格式

一般設定完成後,你可以點擊左下角的 儲存設定

WordPress後台- 一般設定畫面
WordPress後台- 一般設定畫面

 

閱讀設定 (網站內容摘要)

我們可以從WordPress後台中找到 設定閱讀

  • 網站首頁顯示內容- 如果網站電商購物/線上課程/論壇/形象網站且有設計首頁,可以選擇 靜態頁面;若你的網站為部落格 Blog 網站,可以選擇 最新文章,如果有設計首頁也可以選擇 靜態頁面
  • 網站文章頁面每頁顯示數量- 你可以選擇網站一頁需要顯示幾篇文章,通常會選擇10篇文章
  • 近期文章顯示數量- 如果網站側邊欄有使用 近期文章 小工具,你可以設定網站需要顯示近期文章的數量
  • 文章顯示方式- 一般網站通常會選擇 內容摘要,消費者只要點擊 繼續閱讀 就可以瀏覽完整文章;選擇 完整文章 會導致Google演算法認為網站有太多重複內容,影響網站整體SEO排名
  • 搜尋引擎可見度- 一般網站會 取消勾選 這個選項,避免網站無法被搜尋到,導致完全沒有流量;如果網站仍處於開發階段,可以先勾選 阻擋搜尋引擎索引這個網站,直到網站正式上線再取消勾選 (或是直接使用測試站,網站正式上線在將網站資料一次更新)
WordPress後台- 閱讀設定
WordPress後台- 閱讀設定

 

討論設定

同樣在從WordPress後台中找到 設定討論

你可以在討論設定 訪客留言的條件、留言訪客頭像、留言顯示方式、過濾垃圾留言等功能。

你可以在 留言顯示於網站前端的條件 位置

  • 勾選 留言必須由網站管理員手動核准
  • 取消勾選 留言者必須曾發佈留言且留言已通過審核

設定完成後,所有網站的訪客都可以留言,但必須經過網站管理者的審核,才可以顯示在網站上,可以有效減少網站垃圾訊息。

如果想要預防垃圾留言,你可以安裝免費的  Akismet  外掛,它可以協助你過濾網站的垃圾留言。

WordPress後台- 討論設定
WordPress後台- 討論設定

 

永久連結設定

同樣在WordPress後台中找到 設定永久連結設定

WordPress後台通常會將文章連結預設為數字,但這樣會影響 WordPress SEO優化成效,以及網站的Google搜尋結果排名。

因此,你可以選擇 文章名稱 ,未來就可以自訂文章網址連結

 

預設模式 vs 文章名稱模式 比較

  • 預設模式- http://erianmarketing/?p=1 使用預設連結Google搜尋引擎演算法較難區分每篇文章差異,可能會影響網站SEO排名;此外,駭客只需要更改網址中的數字,就有機會抓取網站資訊
  • 文章名稱模式- https://erianmarketing.com/seo 通常自訂文章網址會使用英文,因為使用中文,搜尋引擎會翻譯成亂碼,網址也會更長

 

如果你想了解更多SEO基本技巧,可以點擊這篇文章

WordPress後台- 永久連結設定
WordPress後台- 永久連結設定

 

 

延伸閱讀:

SEO優化3大技巧-創造源源不絕的免費流量!

 

WordPress後台 外觀設定

你可以透過WordPress後台中的外觀設定,調整網站呈現的樣貌,我們主要會介紹 佈景主題/小工具 的設定。

不論你是品牌/電商/自媒體,都可以安裝網站佈景主題外掛中的各種模板,減少許多設計網站外觀的時間成本。

 

佈景主題教學

你可以安裝WordPress中的佈景主題外掛,直接套用你需要的網站外觀模板,減少 品牌/電商/自媒體 設計網站的時間成本。

 

選擇WordPress佈景主題外掛的6大重點

 

1. 佈景主題擁有許多正面評價/擁有大量使用者/安裝次數高

大量使用者除了表示佈景主題很受歡迎,在遇到網站問題時,更有機會找到解決方法

 

2. 檔案空間輕量

主機使用資源少,更能提升網頁載入速度

 

3. 提供RWD響應式設計

知名市場研究機構Statista統計- 全球網站來自手機的流量已達到52.6%,因此提供RWD響應式設計的佈景主題外掛非常重要,有助於提升網站的使用者體驗。

 

4. 可以客製化網站外觀

雖然WordPress佈景主題選擇很多,但有些佈景主題無法修改調整,因此你可以選擇像是 Astra 這類型的佈景主題,簡單好上手、可以任意客製化修改網站外觀,提升網頁外觀設計彈性。

 

5. 佈景主題與頁面編輯器相容性高

我們在調整網頁設計外觀時,需要同時使用頁面編輯器外掛,即使是不懂程式語言的WordPress新手,也能快速客製化 品牌/電商/自媒體 需要的網站外觀,加深消費者的品牌印象。

 

6. 佈景主題持續維護更新版本

隨著WordPress系統不斷更新,我們也需要選擇重視品牌商譽,持續維護更新的佈景主題外掛。

 

佈景主題安裝教學

step 1

我們可以在 WordPress後台中找到 外觀佈景主題安裝佈景主題

在WordPress後台中找到 外觀 → 佈景主題
在WordPress後台中找到 外觀 → 佈景主題

step 2

接著,我們會看到WordPress佈景主題類別- 像是 熱門、最新上架及更新、我的最愛、自訂篩選條件等條件

接著,我們會看到WordPress佈景主題類別
接著,我們會看到WordPress佈景主題類別

step 3

點擊特色篩選條件後,你會看到各種WordPress佈景主題篩選條件,你可以選擇 網站用途、網站功能、網站版面配置等

各種WordPress佈景主題篩選條件
各種WordPress佈景主題篩選條件

品牌/電商/自媒體 可以選擇與自身品牌相關的篩選條件,挑選與品牌調性類似的WordPress佈景主題,打造官網的品牌風格,加深消費者的品牌印象。

WordPress新手可以選擇 Astra佈景主題,這款佈景主題的特色為 輕量/快速/多功能,我與客戶的網站都是使用這款佈景。

step 4

在WordPress佈景主題搜尋欄位輸入 Astra,點擊 安裝

在佈景主題搜尋欄位輸入 Astra,點擊安裝
在佈景主題搜尋欄位輸入 Astra,點擊安裝

step 5

Astra佈景主題安裝完成之後,點擊 啟用 網站就會套用佈景主題,你可以到網站前台確認網站外觀是否有改變

Astra佈景主題安裝完成之後,點擊 啟用
Astra佈景主題安裝完成之後,點擊 啟用

step 6

每種WordPress佈景主題都提供不同的功能,在WordPress後台 → 外觀 的位置會顯示Astra佈景主題的功能選項

在WordPress後台 → 外觀的位置會顯示Astra佈景主題的功能選項
在WordPress後台 → 外觀的位置會顯示Astra佈景主題的功能選項

 

延伸閱讀:

【 WordPress架站教學4 】WordPress佈景主題| Astra教學及評價 (建構中)

 

小工具設定教學

我們可以在 WordPress後台中找到 外觀小工具

你可以透過 小工具 調整網站外觀最上方的頁首Header;網站最下方的頁尾Footer;以及網站右側的 主側邊欄Main Sidebar 呈現的樣貌。

通常會因為你選擇的佈景主題不同,小工具中可以調整的欄位也會不同。

WordPress後台中找到 外觀 → 小工具
WordPress後台中找到 外觀 → 小工具

Astra Pro為例,你可以點擊 功能區塊 的 符號「+」,就會出現下方的小工具介面。

如果你想在主要在 主側邊欄 加入文字,就可以拖曳小工具中的段落,就可以編輯段落中的文字,你也可以在段落中加入網址連結,再點擊 右上的 更新,網站前台也會跟著更新。

點擊 功能區塊 的 符號「+」 就會出現小工具介面
點擊 功能區塊 的 符號「+」 就會出現小工具介面

前往WordPress網站前台確認網站右側的 主側邊欄 已完成文字的更新。

前往網站前台確認網站右側的 主側邊欄 已完成文字的更新
前往網站前台確認網站右側的 主側邊欄 已完成文字的更新

你也可以找到WordPress網站前台中的 Admin Bar自訂

WordPress網站前台中的 Admin Bar → 自訂
WordPress網站前台中的 Admin Bar → 自訂

接著,點擊 編輯符號(筆型符號) ,就可以開始編輯 頁首、頁尾、主側邊欄 中的 網站選單、文字、圖片、嵌入Facebook社群畫面等。

點擊 編輯符號(筆型符號) ,就可以開始編輯 頁首、頁尾、主側邊欄
點擊 編輯符號(筆型符號) ,就可以開始編輯 頁首、頁尾、主側邊欄

 

WordPress後台 頁面設定

WordPress的 頁面 與 文章 不同,網站頁面通常是比較少更新的網頁,像是 隱私權政策、聯繫表單、關於我們、服務內容 等。

 

  • 頁面- 常會搭配 頁面編輯器外掛,設計網站頁面,打造網站的品牌風格,但 頁面編輯器 佔用主機資源較高,因此 避免使用 頁面編輯器 上架文章
  • 文章– 因為更新頻率較高,你可以使用WordPress早期的 傳統編輯器/ TinyMCE/ Classic Editor等編輯器,降低主機資源使用

 

WordPress頁面編輯會預設為 區塊編輯器Gutenberg ,如果你的網站需求簡約,可以嘗試使用,但通常會遇到功能不夠用的情況。

許多使用WordPress架設網站的 品牌/電商/自媒體 會使用 Elementor頁面編輯器 設計網站的頁面,打造品牌獨有的網頁風格。

 

新增頁面教學

我們可以在WordPress後台找到 頁面新增頁面

WordPress後台找到 頁面 → 新增頁面
WordPress後台找到 頁面 → 新增頁面

輸入標題後,你可以點擊 使用Elementor編輯 選擇模板快速設計品牌網站的頁面。編輯的過程中,可以點擊右上角的儲存草稿,保存目前進度。

輸入標題後,你可以點擊 使用Elementor頁面編輯器
輸入標題後,你可以點擊 使用Elementor頁面編輯器

你可以先設定 區塊編輯器 右側的 永久連結 (網址代稱)、精選圖片、是否開放留言 後,再將編輯器切換到 Elementor編輯

你可以先設定區塊編輯器 右側的 永久連結 (網址代稱)、精選圖片、是否開放留言等
你可以先設定區塊編輯器 右側的 永久連結 (網址代稱)、精選圖片、是否開放留言等
  • 頁面的永久連結– 通常自訂文章網址會使用英文,因為使用中文,搜尋引擎會翻譯成亂碼,網址也會更長
  • 頁面的精選圖片– 每個網頁呈現的重點不同,因此需要依照品牌自身需求決定是否需要設定精選圖片

 

以上設定完成後,切換至 Elementor頁面編輯器 你可以選擇品牌網站需要的模板功能,並開始設計頁面。

以上設定完成後,切換至 Elementor頁面編輯器
以上設定完成後,切換至 Elementor頁面編輯器

當確認完成 頁面 編輯後,可以點擊 發佈

目前網站前台仍不會看到新增的頁面,因為我們尚未把新增的頁面加入網站的主選單中。

接著,我們會帶著大家設定網站主選單。

 

新增主選單教學

我們可以在WordPress後台中 找到 外觀選單

在WordPress後台中 找到 外觀 → 選單
在WordPress後台中 找到 外觀 → 選單

你可以輸入選單名稱 → 勾選 Primary Menu → 點擊 建立選單

你可以輸入選單名稱 → 勾選 Primary Menu → 點擊 建立選單
你可以輸入選單名稱 → 勾選 Primary Menu → 點擊 建立選單

選擇 檢視全部 → 勾選需要加入主選單的頁面新增至選單

選擇 檢視全部 → 勾選需要加入主選單的頁面 → 新增至選單
選擇 檢視全部 → 勾選需要加入主選單的頁面 → 新增至選單

接著,選單結構 的位置會出現剛剛新增的頁面,接著點擊 儲存選單,回到網站前台就可以看到主選單完成更新。

回到網站前台就可以看到主選單完成更新
回到網站前台就可以看到主選單完成更新

 

WordPress後台 文章管理

在WordPress後台教學-文章管理中,你將了解 如何新增一篇文章、文章永久連結設定、文章分類、設定文章圖片等功能。

 

新增文章教學

我們可以在WordPress後台找到 文章 新增文章

在WordPress後台找到 文章 → 新增文章
在WordPress後台找到 文章 → 新增文章

接著,會看到以下畫面,你可以透過WordPress預設的 區塊編輯器 (古騰堡編輯器Gutenberg) 撰寫/上架部落格Blog的文章。

或者,你也可以自行安裝使用WordPress早期的 傳統編輯器/ TinyMCE/ Classic Editor等編輯器。

你可以開始撰寫/上架部落格Blog的文章
你可以開始撰寫/上架部落格Blog的文章

 

如何還原刪除文章?

如果刪除文章後,想要還原文章 你可以在WordPress後台找到 文章 全部文章 回收桶

你可以點擊 還原 即可還原文章,回到 全部文章 的分類中,就可以看到還原的文章。

你可以在WordPress後台找到 文章 → 全部文章 → 回收桶,點擊 還原 即可還原文章
你可以在WordPress後台找到 文章 → 全部文章 → 回收桶,點擊 還原 即可還原文章

 

區塊編輯器使用教學

區塊編輯器是什麼? 就是讓每個段落可以獨立編輯的工具。

目前WordPress預設的 區塊編輯器 為 古騰堡編輯器Gutenberg。

WordPress預設的區塊編輯器,每個段落可以獨立編輯
WordPress預設的區塊編輯器,每個段落可以獨立編輯

 

如何更改區塊類型?

點選其中一個段落,就會出現以下畫面,點擊 最左邊的按鈕

你可以隨著文章呈現的需求,修改區塊類型,像是 標題/清單/引文/程式碼/多重欄位/群組/未格式化文字/重要引述/詩句 等等……。

點擊區塊編輯器中間的 段落符號,選擇文字 靠左/置中/靠右 對齊
點擊區塊編輯器中間的 段落符號,選擇文字 靠左/置中/靠右 對齊

 

文字對齊設定

每段文字區塊都會預設為靠左對齊,但如果遇到需要特別調整的段略,可以點擊區塊編輯器中間的 段落符號,選擇文字 靠左/置中/靠右 對齊。

點擊區塊編輯器中間的 段落符號,選擇文字 靠左/置中/靠右 對齊
點擊區塊編輯器中間的 段落符號,選擇文字 靠左/置中/靠右 對齊

 

文字效果設定

你可以選取需要編輯的文字,點擊區塊編輯器中的 下箭頭符號 即可將文字修改為 上標/下標/內嵌圖片/內嵌程式碼/分散對齊/刪除線/底線/醒目提醒/鍵盤輸入等。

選取需要編輯的文字,點擊區塊編輯器中的 下箭頭符號 修改文字效果
選取需要編輯的文字,點擊區塊編輯器中的 下箭頭符號 修改文字效果

 

新增至可重複使用區塊

點選其中一個段落,就會出現以下畫面,點擊 最右邊的三個點符號,選擇 新增至可重複使用區塊

若文章有些需要重複使用的文字段落,就可以使用這項功能,可以減少許多重複性編輯的時間成本。

新增至可重複使用區塊
新增至可重複使用區塊

 

古騰堡Gutenberg編輯器有哪些功能?

如果要新增區塊段落,可以點擊 區塊編輯器上方的 「+」符號按鈕 ,左側就會出現 內容/媒體/設計/小工具/嵌入內容 等5種功能。

區塊編輯器除了以上5種主要功能外,會隨著網站安裝的WordPress外掛不同,有不同的功能選項。

點擊區塊編輯器上方的「+」符號按鈕 ,左側就會出現 內容/媒體/設計/小工具/嵌入內容 等5種功能
點擊區塊編輯器上方的「+」符號按鈕 ,左側就會出現 內容/媒體/設計/小工具/嵌入內容 等5種功能

 

WordPress區塊編輯器的5種主要功能
  • 內容
  • 媒體
  • 設計
  • 小工具
  • 嵌入內容

 

你可以逐一測試每種功能如何使用,按照文章呈現的需求加入不同的功能。

WordPress區塊編輯器-內容
WordPress區塊編輯器-內容
WordPress區塊編輯器-媒體
WordPress區塊編輯器-媒體
WordPress區塊編輯器-設計
WordPress區塊編輯器-設計
WordPress區塊編輯器-小工具
WordPress區塊編輯器-小工具
WordPress區塊編輯器-嵌入內容
WordPress區塊編輯器-嵌入內容

 

文章儲存草稿/自動儲存功能

你可以在 區塊編輯器 右上方點擊 儲存草稿,就可以完成文章的草稿儲存。

此外,你只要編輯完一個區塊段落後,WordPress就會自動儲存你剛剛編輯完的區塊,可以避免文章未儲存到草稿情況。

區塊編輯器 右上方點擊 儲存草稿
區塊編輯器 右上方點擊 儲存草稿

 

文章基本設定

文章在發佈前,需要完成文章的基本設定,確保每位消費者都能閱讀到完整的文章內容。

 

文章永久連結設定

你可以在區塊編輯器的右側找到 永久連結,你可以在這個位置設定文章的網址。

 

設定文章永久連結的2重點
  • 通常自訂文章網址會使用英文,因為使用中文,搜尋引擎會翻譯成亂碼,網址也會更長
  • 文章網址可以加入主要英文關鍵字,根據知名行銷團隊Backlinko統計-短的URL的SEO排名更高 (相比長的URL),建議可以控制在50-60字符左右

 

設定文章永久連結
設定文章永久連結

我們在以上WordPress後台 一般設定 的部分有提到需要修改網站的永久連結設定。

你可以在WordPress後台中找到 設定永久連結設定

WordPress後台通常會將文章連結預設為數字,但這樣會影響 WordPress SEO優化成效,以及網站的Google搜尋結果排名。

因此,你可以選擇 文章名稱 ,未來就可以自訂文章網址連結

WordPress後台- 永久連結設定
WordPress後台- 永久連結設定

 

文章分類設定

在文章發佈前,你可以針對部落格Blog文章進行分類,如果在文章發佈後尚未分類文章,WordPress會自動將你的文章放置在「未分類」中。

通常品牌在經營部落格Blog前,都會進行品牌定位、擬定文章架構策略,整體優化網站的SEO排名。

WordPress文章是以階層方式進行分類,像是 WordPress 這個分類下方,可以再設定子分類– WordPress教學/ WordPress主機 等。

WordPress文章是以階層方式進行分類
WordPress文章是以階層方式進行分類

 

新增文章分類的2種方法

1. 在 區塊編輯器 右側使用 分類 → 點擊 新增分類

你可以輸入 分類名稱

  • 如果是主要分類則選擇
  • 子分類 可以選擇 上層分類
在區塊編輯器右側使用 分類 → 點擊 新增分類
在區塊編輯器右側使用 分類 → 點擊 新增分類

2. 在Wordpress後台中找到 → 文章分類

你可以在左側的 新增分類 位置,輸入以下資訊:

  • 分類名稱- 可以使用中文,協助進入網站的使用者更好搜尋文章分類
  • 代稱– 通常自訂文章分類網址會使用英文,因為使用中文,搜尋引擎會翻譯成亂碼,網址也會更長
  • 如果是主要分類則選擇 ;子分類 可以選擇 上層分類

完成設定後,點擊 新增分類 按鈕

在Wordpress後台中找到 → 文章 → 分類
在Wordpress後台中找到 → 文章 → 分類

 

文章標籤設定

文章標籤可以協助網站的使用者快速掌握文章主題,你可以在文章中加入相關性高的標籤,以及 產品/服務的主要關鍵字。

 

新增文章分類的2種方法

 

1. 在 區塊編輯器 右側的 標籤 位置 新增標籤

新增標籤下方會出現網站常使用的標籤。

在區塊編輯器右側的標籤位置 新增標籤
在區塊編輯器右側的標籤位置 新增標籤

2. 你可以在WordPress後台中找到 → 文章標籤

你可以在WordPress後台中找到 → 文章 → 標籤

你可以在左側的 新增標籤 位置,輸入以下資訊:

  • 分類名稱- 可以使用中文,協助進入網站的使用者更快掌握文章主題
  • 代稱– 通常自訂文章代稱會使用英文,因為使用中文,搜尋引擎會翻譯成亂碼,網址也會更長

完成設定後,點擊 新增標籤 按鈕

 

精選圖片設定

文章的主要圖片會影響文章的點擊率,並增加Google圖片搜尋到網站的機會。

你可以在 區塊編輯器 右側的 精選圖片 位置設定文章主要圖片,點擊 設定精選圖片,即可 上傳圖片 或 選擇網站曾上傳到媒體庫的圖片。

你可以在 區塊編輯器 右側的 精選圖片 位置設定文章主要圖片
你可以在 區塊編輯器 右側的 精選圖片 位置設定文章主要圖片

 

內容摘要設定

內容摘要會顯示在WordPress網站的首頁/ 部落格Blog位置,它可以協助網站使用者更了解文章的內容。

內容摘要會顯示在WordPress網站的首頁/部落格Blog位置
內容摘要會顯示在WordPress網站的首頁/部落格Blog位置

你可以在 區塊編輯器 右側的 內容摘要 位置,撰寫文章的重點摘要。

在區塊編輯器右側的 內容摘要 位置,撰寫文章的重點摘要
在區塊編輯器右側的 內容摘要 位置,撰寫文章的重點摘要

 

討論設定

你可以在 區塊編輯器 右側的 討論 位置,勾選 開放留言。讀者可以在文章下方留言,增加 品牌/電商/自媒體 與 消費者互動的機會。

如果文章有特殊需求,也可以 取消勾選 開放留言。

在 區塊編輯器 右側的 討論 位置,勾選 開放留言
在 區塊編輯器 右側的 討論 位置,勾選 開放留言

媒體設定

媒體庫就是WordPress網站存放圖片/影片的位置。

我們可以在WordPress後台中找到 媒體媒體庫新增媒體 即可從電腦中上傳圖片/影片到WordPress網站中。

在WordPress後台中找到 媒體 → 媒體庫 → 新增媒體
在WordPress後台中找到 媒體 → 媒體庫 → 新增媒體

 

全球SEO行銷人常推薦網站圖片使用JPEG檔/ JPG檔的3大原因
  1. 檔案空間小- 提升網站速度、減少WordPress主機使用容量
  2. 圖片可壓縮成更小的尺寸
  3. 即使圖片被壓縮 仍能保持圖片質量

 

Erian推薦 品牌/電商/自媒體 使用TinyPNG 這款免費壓縮圖片工具,先將圖片壓縮後再上傳到WordPress媒體庫,可以提升網站載入速度/消費者使用體驗。

有些電商消費者非常重視產品細節呈現,像是 服飾/鞋包類型產品,則推薦使用PNG檔,使消費者在放大/縮小產品圖片時,可以看清楚產品材質。

通常電商網站的主機空間、網站載入速度要求更高,因此品牌可以將預算投入在 網站主機空間/提升網站載入速度外掛等。

 

你可以選擇 清單列表 的方式管理媒體庫中的圖片/影片,點擊 清單列表 按鈕。

將滑鼠移到需要編輯的圖片/影片上方,就可以 編輯/永久刪除/檢視圖片

選擇 清單列表 的方式管理媒體庫中的圖片/影片
選擇 清單列表 的方式管理媒體庫中的圖片/影片

點擊圖片編輯後,即可設定 圖片標題/ 替代文字Alt Tag/ 媒體說明文字

點擊圖片編輯後,即可設定 圖片標題/ 替代文字Alt Tag/ 媒體說明文字
點擊圖片編輯後,即可設定 圖片標題/ 替代文字Alt Tag/ 媒體說明文字

圖片標題可以使用英文,因為使用中文的圖片永久連結會被搜尋引擎翻譯成亂碼;如果遇到網站搬家,使用中文命名可能會找不到原本網站的圖片

此外,圖片替代文字Alt Tag可以填寫產品主要關鍵字,有助於提升品牌網站SEO排名。

如果遇到網站圖片無法顯示的情況,消費者也可以看到圖片替代文字,了解網站想呈現的圖片內容是什麼。

圖片標題使用英文
點擊圖片編輯後,即可設定 圖片標題/ 替代文字Alt Tag/ 媒體說明文字

Erian過去曾協助客戶經營過電商網站,常遇到上傳影片需求,推薦你可以上傳到品牌的YouTube頻道中,再將影片連結嵌入到網站中,可以幫助你節省許多WordPress主機空間!

 

延伸閱讀:

MotionElements-音樂/影片/圖片素材庫-每週送免費素材-YouTuber_網紅_KOL_品牌都適合使用,節省你的時間成本

 

WordPress後台 外掛安裝

WordPress外掛如同手機App,你可以依照網站需求加裝

WordPress的外掛就好像手機裡的App程式,品牌/電商/自媒體可以依照網站需求,加裝不同類型的外掛。

 

WordPress外掛在安裝前,你需要注意的4項重點:
  • 使用者評價– 你可以查看WordPress外掛的評價/星等/安裝數量/留言等
  • WordPress外掛速度/安全性- 安裝前可以確認這款外掛是否會影網站速度,過去是否有發生過網站資安問題
  • 更新日期- 服務商更新越頻繁,表示這個品牌有持續維護外掛
  • 適量安裝- 裝過多外掛可能會影響網站載入速度,因此只要安裝有使用需求的外掛;盡量避免安裝同類型外掛,導致外掛產生衝突問題

 

WordPress網站常會安裝的外掛包含- 網站安全性防護、網站備份還原、SEO工具頁面編輯器佈景主題等,這些外掛可以滿足網站各式各樣需求。

 

延伸閱讀:

WordPress推薦外掛清單 (建構中)

 

我們可以在WordPress後台中找到 外掛 安裝外掛

在WordPress後台中找到 外掛 → 點擊安裝外掛
在WordPress後台中找到 外掛 → 點擊安裝外掛

 

WordPress外掛安裝的2種方法

 

1. 上傳外掛

通常付費WordPress外掛會透過上傳方式安裝,在你購買完外掛後,外掛服務商會提供ZIP格式的外掛壓縮檔。

只要在 安裝外掛 位置,點擊 上傳外掛安裝檔案,啟動產品序號後,即可安裝付費WordPress外掛。

安裝WordPress外掛
安裝WordPress外掛

 

2. 在 安裝外掛 位置搜尋

通常免費的WordPress外掛,同樣可以在 安裝外掛 位置,直接搜尋外掛英文名稱,點擊 立即安裝啟用,即可完成WordPress外掛安裝。

搜尋WordPress外掛
搜尋WordPress外掛

你可以在WordPress後台中找到 外掛 → 已安裝的外掛,確認外掛是否完成安裝並啟用。

啟用WordPress外掛
啟用WordPress外掛

 

延伸閱讀:

【 WordPress架站教學4 】WordPress佈景主題| Astra教學及評價 (建構中)

【 WordPress架站教學 】Elementor頁面編輯器使用教學 (建構中)

【 WordPress架站教學 】Rank Math SEO 使用教學 (建構中)

 

外觀自訂功能-網站前台Logo/標題設定

 

除了WordPress後台設定,你可以透過WordPress提供的外觀自訂功能,視覺化編輯網站前台,將網站排版調整為品牌的風格。

你可以在WordPress後台中找到 外觀自訂,每種佈景主題會提供不同的功能。

你可以在以下畫面中設定網站的 標題、標語、Logo、網站主要色調、網站側邊欄等等……功能。

在WordPress後台中找到 外觀 → 自訂 就會出現以上畫面
在WordPress後台中找到 外觀 → 自訂 就會出現以上畫面

Astra佈景主題為例,你只要將滑鼠移動到網站Logo位置 → 點擊 筆型符號,即可開始上傳網站Logo、調整Logo顯示大小、編輯網站標題等,通常網站標題會使用品牌名稱。

上傳WordPress網站的Logo
上傳WordPress網站的Logo

延伸閱讀:

【 WordPress架站教學4 】WordPress佈景主題| Astra教學及評價 (建構中)

 

WordPress後台 使用者設定

 

角色權限介紹

 

WordPress後台使用者的5種角色權限

  1. 訂閱者
  2. 投稿者
  3. 作者
  4. 編輯
  5. 網站管理員

 

以下我們會將角色權限由小到大逐一完整介紹。

 

1. 訂閱者

這類型角色只提供網站閱讀權限,訂閱者可以修改個人帳號資料,像是暱稱/ 登入密碼/ 聯繫資訊等。

適合品牌/電商/線上課程網站,你可以開放消費者進行會員註冊。

 

2. 投稿者

投稿者類似網站文章寫手。

  • 可以 新增/編輯/刪除 自己的未發佈文章
  • 每次發佈文章都需要經過網站管理員審核
  • 無法自行上傳圖片/影片
  • 無法 編輯/刪除 已發佈的文章

 

3. 作者

作者也類似網站文章寫手,擁有 投稿者 的所有權限。

  • 可以 新增/編輯/刪除 自己的所有文章
  • 可以上傳 圖片/影片

 

4. 編輯

編輯擁有 作者 的所有權限。

  • 可以 發佈/新增/編輯/刪除 所有網站使用者的文章,也包含自己
  • 可以修改 文章類別/文章標籤
  • 可以 新增/編輯 網站頁面
  • 審核訪客留言

 

5. 網站管理員

管理員擁有 編輯 的所有權限,是網站最高權限管理者,他可以新增/編輯/刪除網站的所有內容。

因此,設定管理員權限需要特別謹慎,通常這項權限會提供給 公司老闆/網站管理者。

  • 可以 新增/編輯/刪除 所有網站內容
  • 管理網站的 佈景主題/外掛
  • 管理網站使用者的權限- 可以刪除其他網站管理員

 

新增/管理網站使用者

以上介紹每種網站角色權限,接著你可以依照網站需求,新增不同類型的網站使用者,像是 訂閱者、投稿者、作者等,或是 更改使用者的資訊/密碼等。

你可以在WordPress後台找到 使用者新增使用者,選擇使用者的權限,並輸入使用者資訊,點擊 新增使用者

新增WordPress後台使用者
新增WordPress後台使用者

以新增使用者角色-編輯為例,在新增使用者後,這位編輯會在信箱中收到WordPress網站寄來的email,他可以點擊email中的網址修改密碼,也可以使用管理員提供的密碼直接登入WordPress後台。

接著,你可以回到WordPress後台找到 使用者全部使用者,就可以看到剛剛新增的編輯,你可以在全部使用者中管理所有網站使用者。

 

結論

本篇WordPress後台使用教學,包含了許多WordPress新手需要知道的操作重點,像是 WordPress後台登入、文章分類、新增頁面、網站外觀設定等,協助WordPress架站新手快速上手。

如果你想了解更多 網域申請購買、網站主機設定,歡迎點擊這篇文章《如何用WordPress架設網站-網域申請/DNS/主機-完整設定教學》。

以下我們整理出WordPress新手使用後台時的常見問題,可以協助你快速上手。

 

WordPress網站架設教學系列:

【 WordPress架站教學1 】WordPress是什麼? WordPress架設網站8項重點-入門教學完整介紹/評價

【 WordPress架站教學2 】如何用WordPress架設網站-網域申請/DNS/主機-完整設定教學

 WordPress架站教學3 】WordPress後台教學|WordPress新手必知10大功能完整操作指南

【 WordPress架站教學4 】WordPress佈景主題| Astra教學及評價 (建構中)

 

WordPress後台 常見問題

 

如何登入Wordpress後台?

在網站網域後輸入「/wp-admin」即可進入Wordpress登入畫面。

你可以直接輸入 網域+「/wp-admin」來登入WordPress後台。

例如: 你的網域是 www.test.com,你可以直接輸入網址 www.test.com/wp-admin 進入WordPress後台登入的畫面。

 

WordPress是什麼?

WordPress是全球最受歡迎的網頁製作平台/網站管理系統/開源軟體,根據網站研究機構W3Techs統計-全世界有43%的網站是使用WordPress建立的。

所有人都可以免費透過WordPress架設網站,而且官方仍持續更新WordPress系統功能。

WordPress提供許多網站外掛、佈景主題,幫助品牌/電商/行銷人架設多種類型的網站- 如: 架設部落格Blog、品牌形象網站、電商購物網站、一頁式網站、活動網站、線上課程網站等等……,網站架設選擇自由多元。

 

想了解更多內容,歡迎閱讀這篇文章《WordPress是什麼? WordPress架設網站8項重點-入門教學完整介紹/評價》

 

WordPress.org vs. WordPress.com 比較,兩者有什麼不同?

WordPress.org是開源的免費軟體CMS,你可以使用WordPress的網站外掛、佈景主題,並擁有WordPress網站的所有權,屬於品牌/公司/自媒體的資產。

但使用WordPress.com架設的網站,所有權並不屬於品牌/公司/自媒體、使用免費版WordPress.com也不會有自己的網域,因此如果WordPress.com停止營運,你的網站也很有可能跟著關閉。

因此,品牌/公司/自媒體如果要使用WordPress架設網站,推薦你使用WordPress.org,可以節省許多營運成本

 

想了解更多內容,歡迎閱讀這篇文章《WordPress是什麼? WordPress架設網站8項重點-入門教學完整介紹/評價》

 

如何調整網站側邊欄外觀?

你可以在WordPress後台中找到 外觀小工具,就可以設計網站側邊欄,並調整成適合品牌調性的風格。

 

WordPress文章 vs. 頁面 比較,兩者有什麼不同?

WordPress的 頁面 與 文章 不同,網站頁面通常是比較少更新的網頁,像是 隱私權政策、聯繫表單、關於我們、服務內容 等。

 

  • 頁面- 常會搭配 頁面編輯器外掛,設計網站頁面,打造網站的品牌風格,但 頁面編輯器 佔用主機資源較高,因此 避免使用 頁面編輯器 上架文章
  • 文章– 因為更新頻率較高,你可以使用WordPress早期的 傳統編輯器/ TinyMCE/ Classic Editor等編輯器,降低主機資源使用

 

WordPress網站外掛,建議安裝幾種?

 

WordPress外掛必須適量安裝
  • 安裝過多外掛可能會影響網站載入速度,因此只要安裝有使用需求的外掛
  • 盡量避免安裝同類型外掛,導致外掛產生衝突問題

 

WordPress網站架設完成後,還有什麼步驟必須完成?

在你架設完WordPress網站後,可以開始安裝像是 Astra 這類型的佈景主題、Elementor頁面編輯器Rank Math SEO等外掛,逐步優化你的品牌網站,提升網站SEO排名。

品牌/電商/自媒體 也可以 嵌入Google Analytics (GA追蹤碼),協助你的品牌分析網站流量、點擊率、電商銷售轉換率等

 

延伸閱讀:

WordPress推薦外掛清單 (建構中)

【 WordPress架站教學4 】WordPress佈景主題| Astra教學及評價 (建構中)

 



大家好,我是Erian

在這裡我將提供許多數位行銷、電商經營、創業職涯、實用軟體推薦、WordPress教學等相關主題,協助MIT台灣企業打造知名品牌!

我們提供部落格SEO顧問文案撰寫顧問服務,想了解更多Erian創立網站的故事嗎?

查看影響立-Erian的起源

如果你喜歡我的文章,歡迎你按讚、追蹤、分享影響立的Facebook 粉絲專頁 行銷電商教學Instagram 行銷電商懶人包,隨時收到第一手資訊,歡迎在文章下方留言分享。

【現任】

擁有8年行銷、電商營運經驗,曾從零打造近10萬人社群。 曾任職知名連鎖零售通路,帶領團隊屢創公司業績、知名媒體採訪(非付費採訪)

【曾合作知名品牌】
Amazon亞馬遜、樂天Rakuten、蝦皮大學 Shopee、國際知名物流DHL、華碩ASUS、三立新聞、ET Today、Marie Claire美麗佳人雜誌、美國探索頻道Discovery、日本角川-Taipei Walker、MOMO摩天商城、台新銀行等。

【行銷宗旨】
自身成為消費者體驗產品,必能創造亮點行銷。

【企業使命】
協助MIT台灣企業打造知名品牌!

影響立 Facebook 粉絲專頁 行銷電商教學】

Instagram 行銷電商懶人包】

影響立 Medium 部落格

【合作可洽 [email protected]

文章引用請來信索取授權,否則將保留法律追訴權。

發表迴響