WordPress教學 :23 個安裝課程(主題外掛+購物車)

22
10165
wordpress教學
wordpress教學

還在找 WordPress教學 ,不論是 WordPress安裝架站、後台課程教學 .. 想要一次學會?

最佳 WordPress 佈景主題或是最佳 WordPress 外掛推薦在哪裡,選了很久還沒答案?

WordPress主機推薦,該選擇哪一家才好,你也困惑著。

或是,想要 架設購物網站,使用 WordPress 購物車?

我精心準備的「 WordPress教學 」課程,讓你完成 WordPress 網站架設+前後台教學+佈景主題、外掛推薦等 ..   icon-arrow-down  icon-arrow-down

很精彩吧!事不宜遲,就開始 WordPress 教學吧:)


1. 網站架設教學

首先需了解,網站架設 3 個重點,是網站組成要素,任何能搜尋到的網站,都擁有:

架設網站 3 要素
1. 購買網址
(申請門牌)
2. 申請主機
(租一塊地)
3. 網頁設計
(搭建房子)

如何挑選網址+租用品質好的虛擬主機,就很重要了。

品質好的 WordPress主機,不但穩定又安全,可加快網站速度、也有很棒的客戶服務。

完整的網站架設,可點下面連結學習(形象網站 or 購物網站),再繼續本文的 WordPress教學唷。

sbject-2


2. 一般設定

WordPress 網站架設完成後,我們直接登入後台,開始我們的教學。

兩個重要的路徑位置(要記得唷):

  • wordpress 前台: 你的網址.com
  • wordpress 後台: 你的網址.com/wp-admin

首先,我們先到 設定 > 一般 ,更改「 網站標題、網站說明、網站語言 」。

預設 WordPress 語言是英文,先把它調成「 繁體中文 」,方便我們後續操作!

更換標題+語言切換
更換標題+語言切換

設定完成後,再點擊頁面下方的「 儲存設定 」即可。

額外小教學

WordPress 有關文章+頁面標題,在 Google 上呈現的方式,如下:

超棒的 WordPress 教學網站(文章標題) – 小犬程式(網站標題)

建議「 網站標題 」字數不要太長,不然會影響到未來文章標題,可取名的長度。

因為太長的字,在 Google 搜尋結果上,都會以省略號符號表示唷。


3. 佈景主題安裝

WordPress 擁有成熟的生態圈,所以有很多的佈景主題,可以做選擇。

不管是入門陽春的主題或是 WordPress 最佳佈景主題,都應有盡有。

選擇佈景主題,有幾件事情,可能需要多加留意,才能選到好的主題,方便未來操作:

  • 多人使用+評價推薦良好的。
  • 後台好操作+開放性高的主題。
  • 效能好的主題。
  • 持續維護更新版本的。

那這邊先使用 WordPress 的免費佈景主題,方便後面教學。

首先,前往 外觀 > 佈景主題,會列出已安裝的佈景主題,然後點選 安裝佈景主題,前往主題安裝頁面。

WordPress 佈景主題教學
WordPress 已安裝主題清單

使用搜尋框,搜尋 Twenty Fifteen 主題,並點擊 啟用

小提醒:佈景主題未來都可在更換,可先進行啟用:)

WordPress 主題安裝 & 上傳自有主題
WordPress 主題安裝 & 上傳自有主題
上傳佈景主題 」按鈕(上圖橘色區塊),可用來上傳第三方主題。

等主題安裝+啟用完成,再回到前台看一下,會發現「 WordPress教學 」的部落格主題,已經更換完成啦!

WordPress 部落格主題
WordPress 簡單的部落格主題

4. 文章網址設定

WordPress 預設的文章網址,但除了不好閱讀外,也不利於 SEO 優化。

在開始新增文章前,先調整一下預設的「 永久連結設定 」,讓它更人性化一點。

前往 設定 > 永久連結,選擇 文章名稱 的網址類型,然後 儲存設定

文章網址設定
文章網址設定

這樣一來,之後文章網址就更簡單明瞭了:)


5. 文章管理

這章節,會教學「 如何新增+發佈一篇文章 」,如果順利完成了,也代表更進入狀況了。

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

wordpress 文章列表
wordpress 文章列表

小提醒:所有新增的文章,都會在這裡出現唷,也可以批次操作:)

接下來,我們下一個標題,和隨意寫個內容,最後點擊 發佈,完成這篇文章。

WordPress 新增文章
WordPress 新增文章

然後前往網站前台,就會看到第一篇 WordPress教學 文章,已經出現啦 😛 😛

WordPress 文章發佈成功!
WordPress 文章發佈成功!

接著,把文章用的更完整一些。

回到文章編輯區,我們來調整 網址連結、文章分類、精選圖片、內容摘要、留言等 ..

網址連結+文章分類:調整
網址連結+文章分類:調整
  • 網址連結:文章網址連結修改,建議英文為主。
  • 文章分類:尚無其他分類,若之後有新分類,這邊就會出現。

若都調整完成,可以點擊 更新 ,文章就會順利更新完畢囉!

精選圖片+文章摘要+留言開放:調整
精選圖片+文章摘要+留言開放:調整
  • 精選圖片:文章封面,可以上傳好看的圖。
  • 內容摘要:尚無其他分類,若之後有新分類,這邊就會出現。
  • 留言開放:這篇文章是否開放留言。

最後,回到前台看一下,有沒有變化?恩 .. 是不是看起來美多了呢 😆 😆

WordPress 文章更新完成!
WordPress 文章更新完成!

學會如何發表一篇文章後,恭喜完成重要的一步了。

下一章節,會帶大家使用 WordPress 區塊編輯器,讓編輯文章的功力,可以更上一層樓!


6. 區塊編輯器

WordPress 區塊編輯器,其實就是把常用元素設定好,如果要用就選取即可,可加快文章編寫速度。

新增圖片

我們試著在上一篇教學的文章中,加入張圖片美化一下,首先點擊 左上方加號 > 圖片

WordPress 新增圖片
WordPress 新增圖片

小分享:若找不到區塊,可以善用「 搜尋區塊(搜尋框)」,方便找尋唷:)

再來點擊 上傳,上傳你的圖片(也可直接用拖拉方式),接著就會看到圖片出現了:)

WordPress 新增圖片
WordPress 新增圖片

小分享:已經上傳過的圖片,可以直接到「 媒體庫 」選擇,就不用重複上傳。

再來可調整一下圖片的細節,讓它變得更完整,如下圖:

WordPress 新增圖片
WordPress 新增圖片

圖片上傳,功能區塊介紹

  • 功能列表:有置中對齊、加上圖片連結、更多功能等 ..
  • 圖片描述:增加描述文字、粗體、加文字連結。
  • SEO 優化:增加圖片替代文字。
  • 尺寸調整:自訂圖片尺寸大小。

新增列表

依樣畫葫蘆,這次我們新增一個清單列表。

WordPress 新增清單
WordPress 新增清單

會看到一個簡單的清單列表出現囉 😛 😛

WordPress 新增清單+移動區塊
WordPress 新增清單+移動區塊
清單列表功能:圓點列表、數字列表、字體加粗、文字連結等 .. (上圖綠色框)

移動區塊

若是想把區塊上下移動,更換位置,要如何操作呢?

只要在區塊左邊的工具列,點選上下箭頭,或是中間點點,直接上下拖拉,都可以移動區塊唷。

區塊上下移動
區塊上下移動

看一下成果,會發現更換位置成功,是不是很 EASY 呢 :)

可重複使用區塊

如果有區塊,想要重複使用(不想每次都設計一次),可以做成「 可重複使用區塊 」 ,如下圖:

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

新增完成後,在「 可重複使用 」的選項,就會看到剛新增完成的區塊,未來就可直接拿來用囉!

使用自訂區塊
可重複使用的區塊

閱讀全文設定

有些 WordPress 佈景主題,在文章顯示方式上,對過長的文章並不會自動省略,會導致畫面過長,並不美觀,這時就需要 閱讀全文 這個功能。

來示範一下如何新增,如下:

加入 wordpress 閱讀全文功能
加入 wordpress 閱讀全文功能

加入完成後,我們回到 前台首頁 看一下,文章是不是更簡單明瞭了呢!

WordPress 閱讀更多 ..
WordPress 閱讀更多 ..

多種區塊功能,一次展示

WordPress 的區塊功能超級多,有些因為版面限制,還沒擷取完。

超多區塊功能!!
超多區塊功能!!

學到這裡,有沒有發現區塊編輯器其實很有趣呢!

接下來教大夥兒,如何在 WordPress教學 中「 新增分類 」,其實很容易學習的。


7. 分類+選單管理

在這章,我們來學習如何「 新增分類+選單 > 把文章放置指定分類中 > 在前台顯示 」。

前往 文章 > 分類 ,依序輸入名稱、代碼(分類網址名稱)、內容描述,最後點擊 新增分類

WordPress 新增分類
WordPress 新增分類

接著,回到剛新增的文章中,會發現多了一個「 文章內容 」分類。

將它打勾(確認放置指定分類下),然後更新文章。

剛新增的分類,出現了
剛新增的分類,出現了

再來,我們希望在前台選單中,能找到剛新增的分類。

前往 外觀 > 選單,進行選單調整,如下:

把分類加入至選單裡
把分類加入至選單裡

簡單 4 步驟,完成選單類別:

  1. 前往 外觀 > 選單,進行選單調整。
  2. 新增選單項目 選擇 分類,找到我們剛新增好的分類,打勾後點擊 新增至選單
  3. 選單結構 內的分類,可以上下拖移排序,也可以排父子階層。
  4. 都完成後,點擊 儲存選單 ,更新完成。
  • 新增選單項目:可以把「 頁面、文章、自訂連結、分類  .. 」不同種類,放置選單中。
  • 選單結構:可以拖拉排序 & 排父子階級。

最後,我們回到前台看一下,會發現 .. 一切有變化 😀 😀

新增選單出現溜~
新增選單出現溜~

除了「 新增 WordPress 分類+選單 」,要如何新增頁面呢?

如:首頁、關於我們、聯絡我們等網頁 .. ,讓網站更豐富,我們接著來學習。


8. 頁面管理

這章節,來試著新增一個 WordPress 網頁。

首先前往 頁面 > 全部頁面 ,點擊 新增頁面 ,試著新增一個首頁。

WordPress 新增頁面
新增的 WordPress 頁面,會顯示在這裡。

簡單產出一個首頁,設計完成後,按下 發佈。

WordPress 新增頁面流程
WordPress 新增頁面流程

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

新增頁面到選單中
新增頁面到選單中

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

前台首頁順利出現
前台首頁順利出現

照著本章節,就可以設計很多頁面,如:公司簡介、關於我們、產品介紹、聯絡我們等 .. ,豐富自己的網站。

但 .. 還有個不完美的地方,如果我們希望 ..

  • 首頁是「 頁面 」,而非「 文章列表 」。
  • 網站入口首頁,是剛設計好的頁面,搜尋「 你的網址.com/ 」,就可直接找到。

要完成這些事,只需簡單調整一個東西就好,來帶大夥一探究竟。


9. 設定首頁

WordPress 官方佈景主題,預設入口首頁,通常都是文章列表。

延續上一章節說的,若要製作「 形象網站 」而非「 部落格 」,那首頁更換成「 頁面形式 」就有必要了,來教大夥如何做。

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

閱讀設定
閱讀設定

前往 WordPress 網站前台,會發現首頁變成「 頁面模式 」了。

且在網址列輸入「 你的網址.com 」,也是剛設計好的首頁,如下:

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

是不是很 EASY 呢!若要把首頁,換成任一靜態頁面,就是用這種方式。

下一章節,會帶著大夥了解 WordPress教學 的「 留言管理 」。


10. 留言管理

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

這邊教大夥兒,如何在後台做留言管理,分別是:

  • 開啟頁面留言表單
  • 留言討論設定
  • 留言列表一覽

開啟頁面留言表單

一般來說,在「 文章 」下方的 開放留言 預設是開啟,若在「 頁面 」就需自己手動開啟,可看個人需求調整。

在頁面中,開放留言
在頁面中,開放留言

儲存完畢後,來到剛剛的頁面,會發現 .. 多了可以跟訪客互動的留言版。

留言表單出現啦~
留言表單出現啦~

留言討論設定

再來,對訪客留言也需要控管,以防被大量留言攻擊 .. 影響到網站的運作。

前往 設定 > 討論 ,依照下圖框框內,勾選留言條件,建立審核機制。

建議調整 一般控管 即可,嚴格控管 雖然安全性最高,但訪客留言會難度提高,不太建議!
WordPress 留言設定調整
WordPress 留言設定調整

留言列表一覽

前往 WordPress 後台 > 留言,可進行留言回覆、刪除等 .. 管理。

如果是選擇「 手動核准留言 」選項,也需來這裏批准留言。

WordPress 留言管理列表
WordPress 留言管理列表

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

在留言板上與訪客互動,更可以加強對網站的信賴感唷:)

11. 自訂工具

WordPress 自訂工具,可以協助完成許多事,如:Logo 設定、網站標題、選單設定、首頁設定等 ..。

前往 外觀 > 自訂,小犬選取一些功能做教學,如下圖:

WordPress 自訂工具列表
WordPress 自訂工具列表

網站識別功能

前往 網站識別,可調整網站標題+ Logo +網站圖示,在顯示列可以即時預覽,最後記得「 發佈 」。

網站標題 & Logo & 網站圖示
網站標題 & Logo & 網站圖示

選單功能

前往 選單,在「 顯示選單 」是實際顯示的樣子,點選 新增選單項目,就可選擇想新增的選單種類。

選單可以上下拖拉,決定選單順序:)

選單新增+調整
選單新增+調整

小工具功能

前往 小工具,在「 顯示工具 」是實際顯示的樣子,點選 新增小工具,就可選擇想新增的工具種類。

選單可以上下拖拉,決定小工具順序:)

小工具列表
小工具列表

首頁設定

前往 首頁設定,也可以設定首頁顯示方式,有「 最新文章 」or「 靜態頁面 」兩種方式,最後記得按下 發佈

首頁設定
首頁設定

最後,在 WordPress 自訂工具,小犬多半是拿來調整 網站識別功能(標題+Logo+圖示),或是自訂一些 CSS 樣式。

其他修改多半是在原來 WordPress 後台設定完成。

但這也是一個方便的好工具,可和 WordPress 後台搭配使用。


12. 小工具修改

前往 外觀 > 小工具,會出現 可用的小工具,可把小工具新增到 小工具區域,就會在前台顯示出來囉:)

WordPress 小工具設定
WordPress 小工具設定

不同的佈景主題,小工具顯示位置不一樣,教學示範的主題,是顯示在左邊,如下圖:

前台小工具顯示
前台小工具顯示
小分享:小工具列表,通常會出現在網頁的 SideBar(側邊欄)或 Footer (網頁最底部)上。

13. 佈景主題推薦

WordPress 佈景主題,在眾多 WordPress 愛好者的程式開發下,變成一個龐大的生態圈。

wordpress 豐富的佈景主題生態
wordpress 豐富的佈景主題生態

或許你在選擇上也不知如何挑選,就跟我當初一樣,這邊有些建議或許能幫上忙。

如果你是網站新手,對於 WordPress 還在摸索階段,可先從免費版主題開始,幫助你節省預算費用。

如果你想客製化網頁設計,或是想打造官網品牌形象,又或是使用一段 WordPress免費主題後,發現網站功能滿足不了你 ..

你可以參考 WordPress 最佳佈景主題,這篇文章整理了我使用 40 幾個佈景主題後的精選統整,會助你達成想要的目標。


14. WordPress 購物網站

如果想架設購物網站, WordPress 也能協助完成。

WooCommerce 是 WordPress 最熱門的網路開店平台外掛,如:購物車、商品管理、會員管理、訂單管理等 ..,全功能具備。

wordpress woocommerce 架設購物網站
wordpress woocommerce 架設購物網站

使用 WordPress+WooCommerce 搭配,就能自架購物網站設計,協助省下高額的開店平台費用。

如有看購物網站教學流程,相信 WordPress 購物車,你也有所掌握了。


15. WordPress 外掛安裝

WordPress 有非常多的外掛,不論是官方、公司組隊開發、個人開發都有,是個很豐富的生態圈。

這章節,我會教大夥兒如何安裝 WordPress 外掛。

WordPress 外掛安裝教學

這邊我用 Jetpack 外掛(WordPress 官方熱門外掛),進行範例說明。

首先,前往 外掛 > 安裝外掛 ,搜尋任一你想安裝的外掛,安裝 完成記得 啟用 它。

JetPack 外掛
JetPack 外掛

啟用後,會發現側邊欄多了 Jetpack 選項,前往然後點擊 設定 Jetpack

Jetpack 外掛安裝
Jetpack 外掛安裝

Jetpack 需使用 WordPress.com 帳號登入,如沒有 WordPress.com 帳號,新註冊一個即可(或用 Google、Apple 註冊也可)。

登入 wordpress.com 帳號或創立新帳號
登入 wordpress.com 帳號或建立新帳號

接著會有 Jetpack 方案計畫,滑到下面有免費版可使用。

Jetpack 方案計畫
Jetpack 方案計畫

如此一來,Jetpack 外掛就被正式啟動囉。


16. 好用外掛推薦

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

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

  • 啟動安裝次數:使用人數多,比較安全。
  • 使用者評價:看評價數量+星等級。
  • 最後更新:代表作者有持續維護,時間越近越好。

對此,我挑選了幾款很棒 WordPress 外掛,可在 WordPress 後台直接 安裝外掛 ,並且免費使用,如果想用更高級功能,再考慮升級即可。

JetPack(多功能工具)

wordpress jetpack 外掛
wordpress jetpack 外掛

Jetpack 是官方熱門外掛,安裝數量高達 500w 以上,強化了網站安全性、網站速度、網站功能、流量分析。

細節功能有,自動備份網站、過濾垃圾訊息、停機時間監控、提升網站速度、使用延緩加入圖片、留言功能、相關文章、訂閱網站等 ..。

wordpress jetpack 外掛功能
wordpress jetpack 外掛功能

JetPack 算是 WordPress 必裝外掛之一,可讓 WordPress 變為更強大的網站。

是個非常豐富的 WordPress 外掛。

Yoast(SEO優化工具)

Yoast SEO優化工具
Yoast SEO優化工具

Yoast 是 WordPress 熱門的 SEO 優化軟體,有多種 SEO 優化技巧,可精準設定網站關鍵字。

WordPress 中搜尋 Yoast 會發現驚人的下載量,和良好評價。

Yoast 超多下載量 ..
Yoast 超多下載量

Yoast 好玩的地方是,它會對你的每個文章,進行紅綠燈審核(SEO審核工具)。

安裝完成後,會在每頁文章下方,看到 SEO 的審核條件,如果沒達到標準,就會顯示紅燈,有達到標準會顯示綠燈。

Yoast 文章頁面優化
Yoast 文章頁面優化:示範用

Yoast 在關鍵字優化上,是個熱門的 WordPress 外掛,相信會對你的 SEO 排名有幫助的。

除此之外,WordPress 有許多熱門外掛是需要被提起的,我列出了WordPress 最佳外掛推薦清單,希望對你也有所幫助。


17. 角色權限

WordPress 有五種角色權限,分別是:訂閱者、寫手、作者、編輯、管理員,每種角色都有不同功能,我們來簡單介紹下:

訂閱者

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

寫手

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

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

作者

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

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

編輯

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

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

管理員

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

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

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


subject-18

18. 新增使用者

WordPress 可以新增多個使用者,共同管理網站後台,上一章節有分享不同的 角色權限,這章會教大家如何「 新增使用者 」。

首先,前往 使用者 > 全部使用者,然後點擊 新增使用者。

新增使用者
新增使用者

填寫使用者資料,其中「 使用者名稱 」或「 電子郵件地址 」是未來登入 WordPress 後台的帳號(二選一),和設定 WordPress 密碼。

調整角色權限,確認後點擊 新增使用者 ,

填寫使用者資料
填寫使用者資料

新增使用者後,會收到一封 WordPress 寄來的密碼修改信,點擊後可以修改新的密碼。

重設密碼連結
重設密碼連結

新的密碼設定完成,再重新登入 WordPress 後台,剛新增的使用者,就順利進入 WordPress 後台啦:)

新的使用者登入了~
新的使用者登入了~
小提醒:未來想更換暱稱、大頭貼、後台密碼等 .. 個人資料,可以前往 使用者 > 個人資料,進行更改唷:)

19. Gravatar 個人照

回覆訪客留言,或後台個人照片,可更換滿意的大頭貼,增加好感度。

這章節會教大家範例,如何更換 Garvatar 個人照,我們開始囉 😛 😛

首先前往 Gravatar,先註冊帳號(若已有 wordpress.com 就直接登入即可),再登入。

小提醒:Gravatar 帳號 = WordPress.com 帳號,若已有 WordPress.com 帳號則不需另外申請。

新增 Gravatar 大頭貼
新增 Gravatar 大頭貼

若是原來就有 WordPress.com 帳號,會出現下面的確認框,是詢問是否同意用 WordPress.com 帳號,登入到 Gravatar。

同意使用 wordpress.com 登入
同意使用 wordpress.com 登入

接著檢查一下信件,應該會有一封 WordPress.com 寄來的確認信,點擊確認連結後,再登入 Gravatar ,就可以設定喜愛的大頭貼囉 😆 😆

激活帳號權限
激活帳號權限

Gavatar 的管理面板,開始調整自己的個人簡介+大頭貼~~

Gavatar 大頭貼調整
Gavatar 大頭貼調整

設定完成後,在 WordPress後台的右上角照片,應該會順利更新,在前台留言區照片也會更新:)

大頭貼成品出現!
大頭貼成品出現!

以上,就是 WordPress 個人照+個人簡介的使用教學,用 Gavatar 協助我們完成,都有順利完成了嗎:)


20. 網站搬家+備份

WordPress 的網站搬家&備份,可使 WordPress 搬家外掛,幫助完成。

UpdraftPlus 有 200w 以上的安裝次數,加上接近 5 星的評價,完全不需要擔心有狀況。

WordPress 網站備份

首先前往 外掛 > 安裝外掛,把 UpdraftPlus 安裝好。

安裝 UpdraftPlus (網站搬家工具)
安裝 UpdraftPlus (網站搬家工具)

安裝完成,前往 設定 > UpdraftPlus 備份,可照下圖流程操作。

檔案備份下載
檔案備份下載
若只單純需要備份(沒有要搬家),到了這步已經完成了,下載的檔案要收好即可。

WordPress 網站搬家+還原

前往 設定 > UpdraftPlus 備份,點擊「 上傳備份資料 」,上傳剛備份的 WordPress 檔案資料。

上傳完成後,在最新的一筆資料旁,點選「 還原 」。

還原網站資料
還原網站資料

把全部欄位打勾,點選「 Next 」照步驟安裝,就可以順利的搬家成功囉。

選取需還原的檔案
選取需還原的檔案

以上就是網站備份+搬家教學,若未來有網站搬家需求,就可以參考這章的教學。


21. 媒體管理

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

前往 媒體 > 媒體庫,若之前有上傳圖片,這裡就會看到所有圖片的集合。

新增媒體
新增媒體

若要上傳圖片,可點「 新增媒體 」,把照片往上丟就可以囉!

WordPress教學 中的「 媒體庫 」,方便一次管理所有的圖片&影片。


22. 客製化網頁設計

學習完了 WordPress 基本功,當你想更進階一步,如:客製化網站設計 .. ,會發現使用免費版佈景主題,是遠遠不夠的。

想完成品牌打造,如:個人快速架站、官網架設、公司形象網站、購物網站架設等 .. 。

你需要更強大的 WordPress 佈景主題。

對於此,我精心寫了這篇文章,協助你更進階一步,自架形象網站設計,如下:

優質 WordPress 佈景主題,客製化形象網站設計,完整教學:

Avada教學 :18 個網頁製作課程(WordPress主題)

如有跟著教學走,想要個人、企業官網製作,都難不倒你的。


23. 開始起飛

若有順利看到最後,恭喜對 WordPress教學 的掌握度,一定變得更高了!

學習 WordPress 是個漫長的道路(自己也還在學習),因為官方會不斷有新東西出現,都可以讓自己的網站變得更好+更棒!

相信許多新朋友,剛開始在 WordPress 網站架設,可能會遇到許多不會處理的問題,所以呢~

你可以直接在下方留言給我(或給我鼓勵也可以),我都會盡量協助幫忙的:)

希望大家學習路上,一切順利啦!

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

22 COMMENTS

  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

    • 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
    在別人網頁留言可以看到大頭貼
    自己網頁回覆卻無法顯示?
    謝謝您的幫忙:)

    • Hi yuyunjhan:

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

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

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

        • Hi yuyunjhan:

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

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

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

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

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

    • HI 綠巨人:

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

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

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

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

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

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

      希望有幫助到你唷:)

發表迴響