犬哥網站

希望這篇文章對你有幫助!

如果希望我協助「 網站建置、講座教學等 .. 」,歡迎 聯絡我
WordPress 後台教學:給新手的操作教學(全指南)

WordPress 後台教學:給新手的操作教學(全指南)

這是一篇完整的「 WordPress教學 」,帶你完整掌握這款優質的網頁製作平台。

有聽過 WordPress 但不知道怎麼安裝?WordPress 後台系統不太會使用?還是不知道哪種網站外掛最好?

這是許多新手會遇到的問題,我當初也是花了很多時間摸索,有了這篇文章就不用跟我一樣從零開始,可省下非常多時間。

這篇文章,主要會環繞在 WordPress 後台教學&使用,如果你是架設購物網站,那可搭配 WooCommerce 教學 同時學習,這樣對 WordPress 的掌握度會變得很高!

好囉,流程都在下面了,只需照著做很快就能上手了!

WordPress 後台教學,完整影片版(詳細教學)

準備好了嗎?我們開始吧:)


1. 網站架設教學

WordPress 是什麼?全球大約有 30% 以上是使用 WordPress 建置網站,證明它的強大優點。

完全享用 WordPress 後台功能之前,需申請個人網域和 優質虛擬主機,這是網站組成的基本元素,而且缺一不可。

對於新手入門推薦,Bluehost 是 WordPress 官方推薦的主機。可參考 Bluehost教學 有完整網域申請+主機申請+網站建置流程。

當網站基本建置完成,可參考幾種常見類型,像是 建立個人 Blog形象網站製作購物網站架設線上課程網站架設預約網站架設,讓網站達到專一目的性。(任何類型網站,都能參考流程)

最後就是網站管理層面了,因此熟悉使用 WordPress 後台是重要的,而本文正是為此所寫。


2. 一般設定

WordPress 網站的 2 個重要路徑(請把 demo.com 改成自己的網域):

  • 前台:demo.com
  • 後台:demo.com/wp-admin(加上 wp-admin 就是後台路徑)

備註:WordPress.org 和 WordPress.com 是不同架站方式唷,可參考 兩者差異

首先需登入你的 WordPress 網站後台,我們可以幫網站做一般設定,方便後續的網頁製作。

網站標題、網站管理員信箱

前往 WordPress 設定 > 一般,調整網站標題和說明、網站管理員信箱(有關 WordPress 系統相關訊息,都會寄送到此)。

網站網址部分除非目的清楚,不然不建議更動,因為會影響整個網站路徑。

WordPress 設定標題、網站信箱
WordPress 設定標題、網站信箱

建議「 網站標題 」字數不要太長,不然會影響到文章標題可取名的長度,因為過多的字在 Google 搜尋結果,將會用省略符號顯示。

網站語言、時區、成員資格、預設使用者角色

更改網站語言、時區方便系統操作。

如果你是經營購物網站,可把「 任何人均可註冊 」打勾(不是此類型的網站,這欄位不用勾選),預設使用者權限用預設值「 訂閱者 」即可。

WordPress 更改網站語言、時區
WordPress 更改網站語言、時區
  • 任何人均可註冊:通常用在有開放給訪客註冊的網站,像是 購物網站線上課程、社群網站等 ..。要開放給訪客註冊成會員就打勾,不開放就不要勾選。
  • 新使用者的預設使用者角色:新會員一開始的角色權限,預設是「 訂閱者 」這是權限最低的等級(這樣就不用怕權限過大),訂閱者只能修改自己個人資料。

閱讀設定(內容摘要)

前往 WordPress 設定 > 閱讀,調整 WordPress 文章顯示方式。

因為預設是顯示全部文字,版面設計上會不太美觀,會建議調成內容摘要(顯示焦點文字),更改完成記得儲存。

WordPress後台教學 :更換成內容摘要
更換成內容摘要

永久連結設定

WordPress 預設是使用數字當做文章連結,這樣不利於 SEO 網站排名,我們調整為「 文章名稱 」模式。可參考 永久連結設定,了解更多差別。

WordPress後台教學 :更改永久連結
更改永久連結

以上就是簡單的 WordPress 網站設定,調整好了會更方便網站後續經營唷。


3. 佈景主題推薦+安裝設定

WordPress 有上萬種免費、進階版的佈景主題,可直接安裝套用,減少從零製作花費的時間成本。

安裝美觀的網頁設計、網站客製化程度高的 WordPress 佈景主題,可讓網站功能更加強大,這裡整理了幾個評選重點,供你參考。

  • 主題安裝次數高+評價推薦優良的。
  • 網頁設計美觀+客製化程度高的主題。
  • 主題性能好的(速度快)。
  • 有持續維護、更新版本。

接下來,我將示範安裝主題最簡單的方法,幫你的網站設計添加新風格。

佈景主題安裝示範

首先,登入 WordPress 後台,前往外觀 > 佈景主題 > 安裝佈景主題。

WordPress 佈景主題安裝 :前往安裝佈景主題
前往安裝佈景主題

接下來,會看到 WordPress 簡單的分類,像是精選、熱門、最新上架或是自訂選擇器。

WordPress 佈景主題安裝 :使用搜尋功能
使用搜尋功能

點擊特色篩選條件,會看到更多的網站分類條件,像是用途、功能、版面配置等 .. 方法進行分類。

WordPress 佈景主題安裝 :套用篩選條件
套用篩選條件

你可以自由挑選喜愛的主題,展現官網品牌風格。

如果你沒有方向,那新手入門可安裝 Astra 主題,它是輕量快速且多功能的優質主題,受到很多站長的喜歡。

只要在搜尋欄位輸入 Astra,點擊安裝即可。

備註:有關使用 Astra 主題,建立不同的網站類型,可參考 建立個人 Blog形象網站製作購物網站架設,幫助進一步掌握。

WordPress教學 :佈景主題搜尋+安裝
佈景主題搜尋+安裝

主題安裝完成之後,請點擊 啟用 才能真正套用佈景主題唷,可前往網站前台應該會有變化。

WordPress教學 :點擊啟動,正式啟動外掛
點擊啟動,正式啟動外掛

每種 WordPress 主題都有不同功能,通常會在 WordPress 側邊欄顯示該主題的功能選項,不同主題的功能位置可能不同,所以要稍微找一下。

WordPress教學 :設定佈景主題
WordPress教學 :設定佈景主題

更多 WordPress 優質主題挑選

WordPress 主題有上千種可選,對於新朋友可能不知道該如何挑選,這裡整理了一些評價不錯的 最佳佈景主題最佳電商主題

如果打算實戰演練,有時候直接購買付費主題,會更能做出先中理想的網站,像是 Soledad 部落格主題Flatsome 電商主題 等 ..,都是很棒的選擇!

小提醒:如果是從第三方購買的主題,安裝方法會比較不同(需自行上傳),可參考 如何安裝主題 有教學。

以上就是 WordPress 主題安裝設定+優質主題分享:)


4. 文章管理

這章節的「 WordPress教學 」會示範如何新增一篇文章,完成文章發佈後,就更進入狀況了。

首先,前往 全部文章 > 新增文章,開始 WordPress 文章編輯。

輸入文章標題,點擊左上角新增區塊,有多種功能可套用。寫文章過程中,也可點右上角 儲存草稿 按鈕,保存文章成果。

WordPress教學 :輸入標題和內文
輸入標題和內文

接著,可設定文章網址、文章分類、標籤、精選圖片(文章封面)、內容摘要、留言開放等 ..,完整整個 WordPress 文章。

文章寫完+設定完成後,可點擊 發佈 按鈕,文章就新增成功囉。可以參考 新增 WordPress 文章 有完整教學。

WordPress教學 :文章設定和發佈
文章設定和發佈
  • 如果沒看到自訂網址選項,可先點擊 儲存草稿 就會顯示。
  • 建議是用文章名稱的型式命名網址(WordPress 設定 > 永久連結,進行設定),這樣有助於 SEO 排名。請參考 永久連結
  • 文章顯示方式可改成 內容摘要(WordPress 設定 > 閱讀,進行設定),這樣文章列表顯示就不會有過長問題,或是用區塊編輯器的 閱讀更多 功能,都可以解決。

文章順利發佈後,如果網站是部落格類型的佈景主題(WordPress 預設就是),那將會看到剛新增的文章已經出現。

如果沒有看到文章,想把剛放進在分類的文章顯示出來,可以參考 WordPress 選單管理

所有的 WordPress 文章,不論是已發佈或是草稿,都可以在 WordPress 文章 > 全部文章裡查詢或編輯。

WordPress後台教學 :文章管理列表
文章管理列表

5. 文章分類+選單管理

WordPress 有關文章分類的新增和編輯,可前往 文章 > 分類,進行調整。

至於剛剛在文章中新增的分類,也可以在這編輯或重命名。

WordPress後台教學 :分類和選單管理
分類和選單管理

如果文章已經放置在某個分類中,現在需做的就是把該分類,放置在網站主選單中,這樣才能在前台網站上看到。

首先,前往 WordPress 外觀 > 選單,新增一個選單名稱,然後放置在 Primary Menu 主選單位置,然後點擊建立選單。

新增選單
新增選單

備註:不同的佈景主題可能有多個選單位置,所以需指定選單要出現的地方,通常 Primary Menu 指的是網站主選單位置(上圖)。

然後,選取剛新增的分類 > 新增至選單中,最後儲存選單。

WordPress文章 :將分類新增至選單中
將分類新增至選單中

備註:選單內容可用拖放排序位置,也可排父子層級。

回到前台網站,會發現主選單出現了剛新增的分類,點選前往也確實出現了剛新增的文章。

WordPress後台教學 :設定網站選單
設定網站選單

WordPress 選單有多種類型,像是分類、頁面、文章、自訂連結等 ..,都可各別放置在網站上。

可以參考 新增 WordPress 選單,滿足不同的網頁設計需求。


6. 頁面管理

「 WordPress頁面 」通常指的是品牌官網首頁、關於我們、服務內容、聯絡我們等 .. ,有特定功能的頁面。更多 文章 vs 頁面差別

WordPress 預設是使用區塊編輯器(Gutenberg),進行網站頁面設計,但除非你的需求很簡單,不然功能通常會不夠用。

所以,WordPress 的站長多半會搭配一款優質的 頁面編輯器,而熱門的 Elementor 外掛 的自然是討論度最高的一款。

下面我會先用 WordPress 預設的區塊編輯器,帶大家先從基礎入門,如果有興趣的話,回頭可再玩一下我上面提到的那款。

好囉,那我們就開始吧!

首先,前往 頁面 > 新增頁面,點選左上角新增區塊,編輯專屬的頁面內容(有區塊 & 版面配置,可搭配使用)。編輯過程中可點右上角 儲存草稿 按鈕,保存頁面成果。

WordPress後台教學 :網站首頁製作
WordPress後台教學 :網站首頁製作

頁面發佈前需進行頁面設定,像是頁面連結、精選圖片(頁面封面)、是否開放留言 ..,都確認完成就可點擊 發佈 囉。

WordPress後台教學 :設定頁面,和發佈頁面
設定頁面,和發佈頁面

但這個時候呢,在前台還是看不到新增的頁面唷!原因在於,還沒把它放置前台選單中,所以把它加入一下。

前往 外觀 > 選單,把剛新增的頁面放到選單中。

WordPress教學 :把頁面新增至選單中
把頁面新增至選單中

這時我們來到前台,會發現選單上多了一個選項,就是剛新增的首頁頁面。

但這網址路徑似乎不太對,因為通常搜尋首頁主網域就可找到,不應該還會有後綴,像是搜尋 demo.com (改成你的網域)就會到首頁。

WordPress後台教學 :網站首頁
網站首頁

這代表需要做個小調整,我們下章節會教學。


7. 設定首頁

WordPress 官方佈景主題,預設入口首頁通常都是文章列表,如果我們有客製化的首頁,想變更成頁面型式要如何操作呢?

前往 WordPress 設定 > 閱讀,選取 靜態頁面,然後指定靜態首頁(剛新增的頁面),然後儲存。

這邊也能順便改一下,文章顯示方式為 內容摘要,可避免文章列表的文字顯示過長問題,還有設定文章顯示數量,最後記得儲存。

WordPress教學 :如何設定首頁?
如何設定首頁?

然後搜尋你的網址,就會直接出現剛設定的頁面囉。這就是把指定頁面,設定成網站首頁教學。

WordPress 首頁設定成功
WordPress 首頁設定成功

8. 留言管理

WordPress 不同佈景主題,在前台留言板顯示方式各有所不同,但後台管理方式就大同小異。

這邊簡單的「 WordPress教學 」,教你如何基本留言設定、留言管理。

基本留言設定

通常網站經營,可能會遇到有心人士亂留言或是大量灌留言,所以可以簡單做個小設定。

前往 WordPress 設定 > 討論,留言顯示條件改為「 需由相關人員手動核准 」即可,之後每個留言都需經過你的核准。(另一個條件太嚴格不太建議選取,會影響留言數量)

WordPress後台教學 :網站留言設定
網站留言設定

如果要防範垃圾留言,可以安裝 Akismet 外掛,這是一款強大的垃圾留言過濾工具,有免費版可使用,能幫助你抵擋攻擊。更多 Akismet 完整教學

除了網站本身安全性之外,虛擬主機品質也是重要因素,差的主機會讓網站有漏洞容易被攻擊,請參考 WordPress 優質主機,這些都是安全性極高的

再來,搭配一個強大的 WordPress 資安外掛,對網站安全性是有極大幫助的。

網站留言管理

前往 WordPress 後台 > 留言,可進行留言回覆、刪除等 .. 管理,如果有人在網站留言,WordPress 預設也會寄信到信箱通知。

WordPress教學 :留言回覆管理
留言回覆管理

如此一來,相信對 WordPress 留言管理,是不是有更進一步認識了呢:)


9. 網站小工具設定

WordPress 5.8 版本以後,進化為全站式小工具,可參考 WordPress 新版小工具 繼續學習,如果想還原到舊版小工具介面,可安裝 Classic Widgets 外掛處理。

這章節,將會用舊版小工具的介面,做為示範教學。

前往 WordPress 外觀 > 小工具,選擇小工具放置指定位置,前台就會有變化。

網站除了文章顯示的主區塊之外,也有像是側邊欄、網站底部欄位(Footer)、網站頭部欄位(Header)等 .. ,能添加不同 WordPress 的小工具。

每種主題的可設置欄位不一樣,但通常一定會有 Main Sidebar(主側邊欄),如下圖。

WordPress 區塊功能設定
WordPress 區塊功能設定

每個小工具能做額外設定,像是近期文章功能,可調整顯示數量和是否顯示日期,完成記得儲存。

當然多餘的功能,我們也能把它給刪除。

WordPress教學 :區塊額外功能設定
區塊額外功能設定

前往網站前台瀏覽,會發現側邊欄有新增功能了!

同樣你也能在網站頭部、尾部,新增或編輯不同小工具功能:)

WordPress 網站側邊欄功能
網站側邊欄功能

通常安裝不同佈景主題或網站外掛(像是 JetPack),會提供多種網站小工具可使用,都能拿來豐富網站。


10. 網站外掛推薦+安裝設定

WordPress 有成千上萬的外掛,有免費的也有付費的,可以幫助你強化網站功能,我整理了多個 推薦外掛清單,應該能有效幫助你。

通常 WordPress 外掛要如何選擇呢,下面列出幾點條件,預防被雷到。

  • 外掛速度和性能:外掛會影響到網站速度,裝到不好的外掛,會有速度或安全性隱憂。
  • 使用者評價:像是外掛購買數量、留言評分、留言內容,都是很好的參考。
  • 最後更新:代表作者有持續維護,時間越近越好。

幾個 WordPress 常安裝的外掛種類,像是 網站安全性網頁速度優化網站備份還原頁面編輯器(視覺化編輯)表單製作外掛、其他功能 .. ,都是常被安裝的項目。

但網站外掛不是裝的多就好,而是要裝的巧,因為太多外掛會影響網站速度,並沒有太大幫助。

會建議同種類型挑選一種使用,或是安裝綜合版外掛一次性解決問題。


11. 外觀自訂功能(含網站 Logo)

除了一般後台的網站編輯,WordPress 也提供外觀自訂功能(可視覺化編輯)。

前往 WordPress 外觀 > 自訂,就可開啟自訂工具,每個佈景主題的自訂功能會有所不同,都可用它來做些網站設定。

設定網站標題、標語、Logo、網站圖示

下圖是 WordPress 官方主題,左手邊有多個可編輯內容,或是點擊右手邊的筆圖示,也能直接前往編輯。

WordPress教學 :網站自訂編輯器
網站自訂編輯器

上傳網站 Logo 標誌、網站圖示,和編輯網站名稱或說明,記得儲存。

WordPress教學 :編輯網站 Logo 或標誌
編輯網站 Logo 或標誌

這就是簡單的 WordPress 外觀自訂功能示範。

有許多 優質佈景主題,會提供更豐富的可編輯功能,下圖是 Soledad 主題 的部分功能截圖。

WordPress後台教學 :Soledad 主題豐富的可編輯功能
Soledad 主題豐富的可編輯功能

如果想學習使用 Soledad 主題,建立自己的高質感 Blog 網站,也可參考下面的完整影片,看完後就能順利架站成功了!

如何架設部落格,使用 Soledad 主題完整教學

如此一來,就能知道免費版 & 進階版主題差異,更多 WordPress 優質主題推薦

所以經營一段時間的網站主,通常會購買進階主題,讓網站能更加客製化、提升網站速度、SEO 強化等 .. 多種效果。


12. 角色權限

WordPress 有五種角色權限,分別是:訂閱者、寫手、作者、編輯、管理員,每種角色都有不同功能。更多 權限設定教學

下面權限能力由小到大依序列出,我們來簡單介紹下:

訂閱者

功能性最低的角色,只有閱讀權限,且只能管理自己帳號的個人資料(如:暱稱、密碼、聯繫訊息等 ..),若是有開放會員註冊功能(如:電子商務網站),新增的會員都是這個權限。

寫手

擁有「 訂閱者 」所有功能,寫手可以新增、編輯、刪除自己的「 未發表 」文章。

但無法上傳媒體(如:圖片、影片),也不能編輯 Or 刪除「 已發表 」文章,所有要發表上線的文章,都需經過審核。

作者

擁有「 寫手 」所有功能,可以自行新增、編輯、刪除「 自己的所有文章 」。

也可以自行上傳媒體(如:圖片、影片)。

編輯

擁有「 作者 」所有功能,是管理員之下第二大的角色,主要可以做:

  • 發佈、新增、編輯、刪除「 所有使用者 」的文章,包含自己。
  • 管理文章分類 & 標籤。
  • 自行新增 & 編輯頁面。
  • 審核訪客留言。

管理員

擁有「 編輯 」所有功能,是網站的最高權限者,所有事情都可以做,可以新增、編輯、刪除整個網站,設定此權限請務必小心,主要可以做:

  • 編輯、刪除整個網站
  • 管理佈景主題
  • 管理外掛
  • 管理其他用戶的權限(也可以刪除其他管理員)

以上就是,WordPress 所有的角色介紹啦~角色權限,可別亂設定唷!


13. 使用者新增、編輯

使用者新增、編輯功能,可讓你新增不同等級的成員,有網站管理員、作者、訂閱者等 .. (剛角色權限有提到對應功能),或是更改使用者密碼。

這裡「 WordPress教學 」,示範如何新增一個「 作者 」成員,你可依照自己需求新增。

前往 WordPress 使用者 > 新增使用者,輸入相關資訊和指定權限,確認後送出。

WordPress教學 :新增網站管理員
新增網站管理員

新增使用者後,會收到一封 WordPress 寄來的登入詳細資料,你可選擇再次修改密碼(上連結),或是前往後台登入 WordPress(下連結)。

WordPress後台教學 :重新設定密碼或前往 WordPress 後台
重新設定密碼或前往 WordPress 後台

輸入 WordPress 帳密後,就能順利進入 WordPress 後台操作囉。由於剛是指定「 作者 」角色,所以可使用的權限不會很多,你可依需求調整。

WordPress後台教學 :登入 WordPress 後台
登入 WordPress 後台

我們回到原網站,前往 WordPress 使用者 > 全部使用者,會看到網站成員多了一位「 作者 」角色,這裡可以進行所有使用者管理。

再度提醒,網站使用者的權限指派非常重要,這攸關網站的經營管理,請務必妥善選擇。

WordPress教學 :所有 WordPress 網站使用者
所有 WordPress 網站使用者

14. Gravatar 大頭貼

如果有設定滿意的大頭貼,在回覆訪客留言時會顯示出來,可以增加好感度。

這章節會帶大家新增自己的網站大頭貼,我們開始囉!

首先前往 Gravatar ,然後登入你的 WordPress.com 帳號(如果沒有的話,可以順便註冊一組,因為大頭貼是抓 WordPress.com 帳戶裡面的圖)。

WordPress後台教學 :前往 gravatar 並登入
前往 gravatar 並登入

點擊 Add a new image 新增大頭貼,跟著流程上傳圖片即可。

WordPress後台教學 :新增 WordPress 大頭貼
新增 WordPress 大頭貼

上傳完成後,大頭貼就設定成功了,接著你的 WordPress 網站就會自動抓取 Garvatar 大頭貼。

WordPress後台教學 :大頭貼設定成功
大頭貼設定成功

回到 WordPress 使用者 > 全部使用者,就會看到剛設定的大頭貼出現囉(有時候不一定馬上生效,會需要等一下)。

這樣前台回覆訪客留言時,就有個人圖片了。

WordPress後台教學 :WordPress 網站大頭貼順利出現!
WordPress 網站大頭貼順利出現!

15. 媒體管理

WordPress 有媒體管理功能,可直接操作所有的圖片+影片,這章節帶大家認識。

前往 WordPress 媒體 > 媒體庫,這裡會看到所有上傳圖片的集合,可在這新增、編輯、刪除。

WordPress後台教學 :WordPress 網站媒體庫
WordPress 網站媒體庫

這裡會建議圖片上傳前需經過壓縮,不然很耗主機容量。

可以用 TinyPng 幫助你壓縮圖片 ,它也有 WordPress 免費外掛版,只是有壓縮張數限制,所以目前是都手動操作。

再來,影片不建議上傳到 WordPress,因為影片容量通常很大,可以先把影片放置在 YouTube,再用連結方式嵌入到網頁中,都是很好的解決方法。


常見問題

WordPress 軟體是什麼?

WordPress 是最受歡迎的網頁製作平台、網站管理系統,它是持續更新的開源軟體,任何人都能免費使用它。

全球大約有 30% 以上是使用 WordPress 建置網站,這是個極大的數字,證明了它的強大優點。

你能使用它,架設多種網站類型,像是 建立 Blog品牌官網設計架設購物網站 等 ..,可滿足不同架站類型。

WordPress.org 和 WordPress.com 有什麼差別?

WordPress.org 主要的優點,像是可自由 挑選 WordPress 主機、可安裝任何免費和付費主題&外掛、擁有所有網站資料(個人資產)等 ..。

WordPress.com 比較像是使用某家公司平台的服務,類似使用痞客邦、Wix、Weebly 這些 網頁製作平台,好處是它們都幫你處理好了。

但缺點是會受到很多侷限,還有不能自由安裝所有的主題&外掛,而且網站所有權並不屬於你(參考無名小站的例子)。

所以會建議使用 WordPress.org 的方式架站,可參考 org vs com 差別。

WordPress 文章和頁面,這兩者有什麼差別呢?

「 WordPress文章 」是指分享與網站主題有關的文章內容,就有點類似寫網誌、寫文章、最新消息,通常數量會比較多。

「 WordPress頁面 」通常是指網站的單一頁面,像是關於我們、服務項目、聯絡我們、隱私權政策等 .. 。

更多可參考 文章 vs 頁面差別

WordPress 的網站外掛,會建議安裝幾個?

安裝數量沒有限制,但會建議同一類型的外掛,安裝一款做為代表就好了。

一方面是可預防相同類型的外掛彼此衝突問題,二來是可節省主機資源。

網站架設完成後,還需要做些什麼事呢?

初步的架站完成後,會建議 提交網站到 Google,加快網站被收錄的速度。

還有能 嵌入 Google Analytics(GA 追蹤碼),幫助站長更有效的分析網站流量。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,你可以在下方留言給我,我會盡力協助解答。

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

我最近也開啟了 YouTube 頻道,裡面有些影片教學,你也能配上 Blog 一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。

當然,如果怕問題描述不清楚,也可以加入 WordPress 教學時光屋 – 犬哥網站 ,我同步也會在社團中幫忙解惑。

希望這些對你有所幫助,祝架站順利啦。

犬哥網站:wordpress教學社團

95 thoughts on “WordPress 後台教學:給新手的操作教學(全指南)”

  1. 站長,你好,我是初學新手,依照你的網站教學步驟申請了siteguard,但是有幾個問題,因為一直無法解決,只好發文請教,
    1.輸入~~~自己的網域/wp-admin➤➤➤顯示無法連結
    2.從suitground 內找wordpress kit ➤…選第一個主頁,但網頁連結後一直顯示,congrats! your site is ready的視窗後無法進入wordpress主頁
    3. 我有試著把suitground 我建立的資料刪除,但是從一開始的等待2mins畫面,變成顯示site creation is taking longer than usual

    1. Hi Jessica:

      針對你的問題,我們來慢慢解決,沒關係。

      <關於第 1 個問題>

      先確認你的 WordPress 網站,已經在 SiteGround 後台架設完成,且 DNS 已經指向完成(若網址&主機都在SiteGround 申請,則無須理會,已自動指向完成),和你的網址有無輸入正確。

      舉例:如果我申請了一個 aaa.com 網址,且 WordPress 網站已架設成功,我輸入網址後,前台會出現 WordPress 預設樣板(若沒出現則是網站架設沒成功)。

      確認前台正確,再輸入 aaa.com/wp-admin ,即可前往 WordPress 後台。

      <關於第 2 個問題>

      試看看換個瀏覽器登入,如果原來是用 Chome 就換 IE,再重新登入一次,若進入後有教學步驟,就直接按退出,只要成功後,之後的 congrats! your site is ready 就不會再出現。

      <關於第 3 個問題>

      會出現 site creation is taking longer than usual(你的網站架設比平常時間長),代表已經順利完成 WordPress 架設了,只需重新整理頁面,再回到路徑 Websites > Websites,即會出現剛完成的網站資訊。

      以上方式供你參考,希望有幫助到你:)

  2. 想詢問版主
    為何我修改Gavatar
    在別人網頁留言可以看到大頭貼
    自己網頁回覆卻無法顯示?
    謝謝您的幫忙:)

    1. Hi yuyunjhan:

      感覺是網站沒和 Gavatar 串起來,可能要檢查一下是否有開啟網站的 wordpress.com ,然後再用此帳號,註冊 Gavatar 試看看。

      這問題是沒遇過,但希望還是有幫助到你:)

      1. 不好意思想請問怎麼要確認是否有開啟wordpress.com
        後台的哪裡可以顯示呢?
        謝謝您的耐心回覆與幫忙:)

        1. Hi yuyunjhan:

          可以前往「https://wordpress.com/ 」登入你的 wordpress.com 帳號,然後前往我的個人檔案上傳大頭貼。

          若還是沒有出現,就到目前的 wordpress 操作後台 > 使用者 > 個人資料 > 個人資料圖片,更換你的大頭貼。

          看看以上方式是否能幫助到你:)

  3. 版主您好,謝謝您的詳細講解,現在遇到一個問題想請教您:
    我在WP後台的 “設定》一般“ 裡面修改了“Wordpress位址”和”網站位址”,把它從localhost改成我買的網址,然後我的WP就無法登入了…(我的網站尚未發布到server還在本機修改的階段),而且我使用忘記密碼也還是無法登入。網路上有爬過文,但目前還沒有解決登入的問題,想請教您應該怎麼辦,謝謝。

  4. 謝謝站長小犬,感覺這裡的資料寫得很平易近人、步驟簡單,有別於許多其他網站的寫法。對於新手很受用,先感謝了

    1. HI 綠巨人:

      有兩種方式可以調整字體大小,

      1. 使用 WordPress 佈景主題的開放功能,調整你的字體大小(不用會程式)。

      但不一定每個主題都能調整你想要的地方,所以要看你使用哪一種主題,

      小犬之前是用 Avada主題,網站上基本上看得到的地方都能做調整,若想學習可點我寫的 Avada教學

      2. 更改選單的 CSS 字體大小(要懂一些程式)。

      可直接覆蓋佈景主題的樣式部分,不管佈景主題有無開放字體功能,都有辦法更改。

      希望有幫助到你唷:)

  5. 您好, 因為公司專案的需求,需要上一堂大約二到三小時的WordPress 架站的課程(一些基礎與QA時間) 因為看到這邊上有相關教學,請問您是否有提供這樣單案現場教學的合作機會呢? 等候您的回覆, 謝謝。

    1. HI 李:

      謝謝你的合作邀請。

      但因為目前都是線上教學為主(人手有點不足),未來可能才會有實體教學。

      謝謝你。

  6. 您好!因為ㄧ開始Wordpress網址非已購買的網址,結果進後台用手動方式修改,現在完全進不了後台,非常著急,請問可以怎麼處理呢?另外,為何Wordpress後台顯示的網址非已購買的,是因為沒有和Wordpress連結?

    1. HI Wen:

      你是使用 WordPress.org 還是 WordPress.com 呢?

      還有,你說的進後台用手動方式更改,是前往 WordPress 設定 > 一般設定 > WordPress 位址&網站網址,這邊修改的嗎?

  7. 小犬站長您好,現在遇到一個問題想請教您 :
    我是新手,用wordpress 架網店,用flatsome theme,前天用ux builder 頁面編輯選擇woocommerce shop product 架載,突然發現產品相片看不到, 只出現 description & price,之前沒有這問題的,但開商店網頁是正常的,想請教您應該怎麼辦,十分感謝。

    1. HI irene:

      你可以先使用一般編輯器,確認有上傳商品圖片和商品圖庫,先進行存檔。然後再切換到 UX Builder 編輯此商品頁面,看圖片有沒有出現。

      希望有幫助到你唷:)

  8. 小犬站長您好,想問「永久連結設定」系統是不是改掉了呢?因為按照圖片並沒有看到…
    不曉得現在的是否還能調整為文章名稱?謝謝

    1. 嗨~claratimee:

      WordPress 文章預設都有留言板功能唷。

      如果沒顯示的話,可以前往文章,在右邊側邊欄會看到「討論」,然後把開放留言打勾就可以了。

      WordPress 頁面也是一樣的處理方式。

      希望有幫助到你唷:)

  9. 站長好,我有新增文章,可是不知道為何我的「精選圖片」設定不見了,我也有去找worpress的指南說可以去Screen Options找,但我去看的時候「精選圖片」設定也不見了,請問有什麼辦法可以解決嗎?感激不盡。

  10. 你好~標題的文字大小是否能獨立設定?我想要讓手機螢幕的標題文字小一些,但一更改時,平板和電腦就連動了

    1. 嗨~這要看你使用的主題功能,有些功能不多的主題並沒有把電腦版&手機版樣式分開。

      你可以參考 Astra 主題,這款滿多人用的,也能針對不同裝置進行文字樣式修改。

  11. 你好, 請問怎樣變更WORDPRESS頁面成為中文? 我已在語言改成繁體中文 (後臺), 但當我RELOAD頁面(LANDING PAGE)後, 仍然顯示英文 T T

    1. 嗨,在後台更改為繁體中文,只是在後台改為中文介面,但網站前台並不會更改唷。

      網站前台部分,需看你本身的佈景主題功能,或是你有使用頁面編輯器,就需用此外掛把英文手動改為中文。

    1. 嗨~這跟你使用的佈景主題有關係唷,有些主題可以修改頁尾(但有些不行,或者是需升級為進階版才可改)。

      我自己是用 Astra 主題,它的免費版就能直接改了。

      提供給你參考唷:)

  12. 小犬版主您好,當我文章編輯中輸入焦點關鍵字時,文章的SEO分數會下降
    比如說,打完文章,我的SEO分數是92 但輸入想得到的最好分數焦點關鍵字後,分數變成73
    請問焦點關鍵字跟文章的seo分數哪個比較重要? 謝謝您

    1. 嗨,通常焦點關鍵字會比較重要,SEO 分數只是參考而已。

      其實最重要的是你的文章內容,WordPress SEO 工具都只是輔助而已~

      1. 好的,我了解了~ 謝謝小犬~
        我會用心提供好文章!!
        謝謝小犬的網站教學還有解答^^~

  13. 小犬版主你好,想請教您一個問題:
    最近一兩天才剛架設Wordpress.com網站的我,發現才剛進去登入畫面,變立即跳出Error 520的畫面。
    雖然重新整理幾次後,能回復到後台畫面;但只要做一些單純點選的動作,例如文章、外掛、媒體等頁面,甚至是按登出鍵,都時不時出現Error 520畫面,寫Web server is returning an unknown error。
    去Google爬文,多數皆是建議按重新整理,或是刪除多餘的外掛(但我根本還沒機會下載任何),或是清除瀏覽器緩存。以上方法皆沒能解決它頻繁出現的問題…因此想請教您!

  14. 小犬大人好,今天看了您的教學非常詳盡,謝謝您的用心~~~

    想請問,有看到您提醒:不要更動WP後台的「WordPress位址(網址)」及「網站位址(網址)」,但我已經改了!!!我把我的域名貼在這兩格,目前網站都可以正常進入,不曉得未來可能會發生什麼事嗎?我可以怎麼補救嗎?

    再麻煩小犬回覆 ಥ_ಥ ~~~感謝小犬大人

    1. 嗨,多謝你的鼓勵^^

      至於你提到的問題,如果你更改之後,網站有正常運作那就沒有問題,就不用擔心。

      會特別提醒,是因為有些人有遇過相關問題,我提出來分享而已,每個人的情況不同,所以不用太在意。

    1. 嗨,這個跟你使用的佈景主題有關唷,有些主題會分為兩種頁首,分別是一般頁首&透明頁首(也就是你想實現的功能)。

      可以看一下你的主題設定,是否有相關的選項,在裡面做調整應該就可以了~

  15. 您好,
    想請問還有什麼方式可以進入到後台,
    目前網站可能因伺服器問題前台是關閉的,
    後台過去正常經營時,都是在該網址後面加admin就能登入,
    但現在不行了,想詢問可以怎麼進入

    謝謝~

  16. 想問小犬有沒有辦法針對額外的銷售商品(EX:即期OR季節限定)設定一個專屬的商品頁面,是獨立於常態商品的

    1. 嗨,基本上最簡單的方式,就是開相對應的「 商品分類 」,像是你提到的「 即期 & 季節限定 」。

      然後再到商品指定一下從屬分類,最後把這兩個分類項目放到選單中,讓訪客點選即可~

  17. 站長你好,我找了很多資料,沒有看到如何把站內搜尋功能移到其他地方(想跟選單放在一起)
    或是可以固定放在其他地方,應該要透過外掛還是原本內建去設定呢。

    有詢問過如何把文章的左右空格都變成滿版,想請問這個功能是每個套版都可以做到的嗎

    1. 小犬網站 - Luna

      哈囉,雷:

      將站內搜尋功能放到頁首的功能,每個主題都會有不一樣的設置,可能需要依照你目前使用的主題去查看怎麼設定,不過如果你是使用 Astra 可以點擊連結參考教學。

      如果想將站內搜尋的功能內嵌在側邊欄,可以運用小工具, 新版小工具使用教學

      也可以參考相關外掛進行調整。

      文章滿版的問題,我有點不太懂,意思是不想要側邊欄嗎?

      那你可以到後台將側邊欄小工具全部關閉,也可能是主題的設定(要看每個人使用的主題怎麼設置,每款主題都不同)

      或者是尋找相關外掛修改也是可以的。

      希望我的回答有幫助到你唷:)

      1. 謝謝你,了解了我再去試試看!!
        可以再請問一下,在網頁中搜尋文章,如果想要加強它的搜尋結果,有推薦的外掛嗎。

        例如:
        文章中有 網域問題 這四個字然後 搜尋問題的時候可以搜尋到
        但是搜尋 網域的問題 就沒有辦法了。 再麻煩有沒有什麼解決辦法了謝謝。

        1. 小犬網站 - Luna

          嗨,雷,

          可以參考看看使用 AJAX 來升級搜索欄使用者體驗,現在已經有許多類似的優化外掛囉!

          雖然跟你想要的功能可能不太一樣,但一樣可以讓搜尋體驗變佳。

          網站上的教學文章有提到 AJAX 外掛推薦,可參考: WooCommerce 外掛推薦清單 Fibosearch 章節。

          希望我的回答有幫助到你唷!

  18. 站長你好:
    我照著步驟把頁面建立完成,也設定好靜態首頁,從管理後台點造訪網站看是沒問題的,但是沒登入的情況下直接進入網站 https://OOO.tw 卻會跳出 Sample Page (然而點其他頁面網址都可正常顯示),從後台找不到那個範例頁面,也找不到關閉 Sample Page的地方,想請教問題是出在哪裡?如何做才能正常顯示呢?謝謝!

    1. 小犬網站 - Luna

      嗨,Sample Page 是系統預設的頁面,通常是用不太到,直接刪除應該就可以了。

  19. 請教小犬老師,之前操作wordpress後台,自訂網站,左側功能選單下之hide controls 旁記得有RWD 之預覽網頁功能(電腦、平板、手機),現在我都看不到,這需在哪設定出來呢?謝謝!

    1. 小犬網站 - Luna

      嗨,kay:

      恭喜你有找出原因,還有任何問題都歡迎詢問。

      也可以加入我們的 FB 社團 發布問題,跟 WordPress 同好一起討論唷~

  20. 小犬版主您好:想請問一個問題,原版我編輯在頁面上的文章連結,一般閱讀者點選連結之後就可以另開視窗閱讀整篇文章了,但今日發現閱讀者點選連結之後畫面顯示為需要登入EMAIL或註冊帳號才可以閱讀,請問需要去哪裡設定改回一般閱讀者點選連結就可以直接看文章呢?感謝!

    1. 小犬網站 - Luna

      嗨,阿鐘,可以檢查一下文章的連結有沒有不小心連到後台,才會出現需要登入的情況。
      可以將網址改成前台文章的 URL 試試看。

  21. 站長你好~~
    想問 ”主頁“電腦版側邊的關於我都是修改過的
    可是換成”文章“手機版頁面,關於我就變到下面
    但卻是沒有修改的><
    請問這一塊我該去哪邊調整

    1. 小犬網站 - Luna

      嗨,nelly,

      這跟你使用的主題有關,

      因為手機的頁面大小放置不下側邊欄的位置,因此才將相關資訊挪到頁尾。

      可以切換到主題,搜尋看看有無調整手機頁尾的設定項,再進行手機頁面+頁尾的調整:)

      1. 站長你好
        抱歉我問題沒清楚
        ”主頁“電腦版側邊的關於我都是修改過的
        可是換成”文章“手機版頁面
        但內容是”主題原本的關於我“ 不是我修改過的照片跟介紹
        還是佈景主題最一開始的

        或是網頁版 點開文章
        旁邊的也是”主題原本的關於我“

        請問這部分哪邊可以修改

        謝謝你 ><

        1. 小犬網站 - Luna

          嗨,NELLY

          Astra 自訂項目裡,電腦版主選單跟手機版選單是分開設定的,有可能是選單的項目連動到不一樣的網址。

          可以在 Astra 最下面找到切換設備設定,切換到手機裝置,找到 Header Builder 調整手機選單試試看。

  22. 1. 想請問我將Astra的背景圖刪除後,整個畫面錯亂,怎麼用都無法使用,後來朋友說將整個wordpress的網站內容全部砍掉看看,砍完之後,只能出現幾個佈景主題安裝, 即使手動安裝Astra佈景主題也怪怪的…..所以只好使用別的佈景主題……2. 使用後現在又有一個問題…..我在Bluehost把Coming Soon Page關掉了…..但電腦版一直有辦法連進架設的網站,但手機板只會出現Coming Soon Page……這該如何解決這兩個問題?

    1. 小犬網站 - Luna

      嗨,Lee,

      關於問題一,砍掉網站時,如果使用的是備份還原外掛,可能會留有 Astra 原本的 CSS ,就會產生錯誤,建議可以到 Bluehost 後台將整個網站刪除重建試試。

      也可能是手動安裝的 Astra 檔案包在有遺漏的地方,可以重新前往官網下載一個新的試試看,

      問題二的部分,這可能是快取的問題,建議清除手機的網頁快取,或者是先停用網站、主機的相關快取外掛及功能,如果停用快取無效,就需要聯繫 Bluehost 客服協助你處理唷:)

      希望我的回答有幫助到你~

  23. 小犬版主你好,想請問最近我自己架設的網站,電腦版都正常,但手機版左上角的「選單」竟然打不開!之前都正常,也不知道是動到什麼設定。謝謝

    1. 犬哥網站 - Luna

      嗨,魚太太,

      手機的選單也需要指派小工具才會出現唷,

      可以在自訂首頁時,切換到手機版頁面,找到 Header 相關設定,為手機版選單指派主選單( Primary Menu )或是其他小工具,

      這樣按鈕應該就可以正常顯示囉,可以試試看:)

  24. 小犬好,我現在新增首頁後發現幾個問題:
    1.回到閱讀設定,要將連結從文章連結改到靜態連結指向首頁,發現這選項不見了,第一個選項變成每頁顯示10…,請問如何解決?
    2.首頁頁首會跑出Uncategorized/By …,頁尾會有<-previous 文章的連結,請問如何消除?
    3.首頁背景圖片高度過高,通常怎麼處理?
    謝謝!

    1. 小犬好,第1個問題我已經解決,原來是新增頁面才對,我把他搞成新增文章,現在已經重新弄好。另外兩個問題再麻煩回覆,謝謝!

    2. 犬哥網站 - Luna

      嗨,Richard,

      第二個問題,可以前往你安裝的主題查看有無 Header 或 Footer 設定,來做調整。

      第三個問題,可以安裝頁面編輯器,協助你調整頁面編排,這邊有一份 頁面編輯器清單 可以參考看看唷!

  25. 版主您好,想請教您
    我在WP後台的 “設定》一般“ 裡面修改了“Wordpress位址”和”網站位址”,把它從localhost改成我買的網址,然後我的WP就無法登入了…(我的網站尚未發布到server還在本機修改的階段),我無法登入..。

    1. 犬哥網站 - Luna

      嗨,bobo,

      建議你盡快找到主機商,協助你處理網址修改,

      在 WordPress 後台修改網址,容易產生指向錯誤問題,因為沒有配合修改主機後台以及資料庫的網址,若沒有特別需求,不要更動到 WordPress 後台的網址路徑會比較好唷。

  26. 您好
    我有購買Wordpress模板,在”聯絡我”的頁面中想放Google Map顯示公司位置,可地圖畫面卻是一片空白,請問要如何正常顯示?

    1. 犬哥網站 - Luna

      嗨,TAMMY,

      依據主題的不同,會需要切換響應式裝置,分別設定不同裝置的 LOGO 唷!

        1. 犬哥網站 - Luna

          嗨,TAMMY,

          因為不知道你使用的佈景主題是什麼,建議你可以前往 犬哥社團 上傳截圖,並多補充一些資訊,

          這樣可以讓我們跟廣大網友更好的幫助你解決問題唷,

          如果還是無法成功顯示,建議你可以先嘗試清除快取,重新刷新檢查,或是詢問主題開發商你的問題:)

    1. 犬哥網站 - Luna

      嗨,Brian,

      如果直接在 WordPress 後台更改網域,可能會導致 DNS 指向出錯,而無法進入你的網站以及網站後台,

      所以建議若是需要更改網域,請洽詢你的虛擬主機服務商,不要在後台自行修改,

      若是不小心修改導致無法進入網站&網站後台,也可以尋找虛擬主機商協助你進行處理:)

Leave a Comment

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

回到頂端