Follow me!
Facebook

【WordPress教學】WordPress架站安裝全攻略

WordPress架站教學

【WordPress教學】WordPress架站安裝全攻略 

WordPress教學哪裡找?要怎麼購買網域跟主機?有什麼WordPress主題推薦嗎?WordPress有什麼實用的外掛嗎?以上問題,今天將會以簡單的教學來為各位解答,廢話不多說,讓我們開始吧!

1.WordPress是什麼?

如果你是一位部落客,或是即將成為部落客的你,一定多多少少有聽過WordPress這個名詞,簡單來說,它是一套以PHP和MySQL為平台的部落格軟體,不像Google Blogger或者痞客幫已經把部落格軟體、網域(Domain)、主機(Host)都整合在一起,使用WordPress需要將這套部落格軟體安裝在某一個主機上,並且還需要擁有自己的網域,才可將你的WordPress部落格發佈到網路上供人瀏覽

另外,WordPress這套軟體有一個很強大的功能,就是它的Theme(主題),它可以輕鬆的改變你部落格的整體設計,比起Blogger或痞客幫,可說是非常非常的豐富,有許多開源、免費的Theme,提供你免費下載做使用,所以只要輕輕點幾下滑鼠,就可以擁有一個很專業的部落格版面,這也是我自己非常喜歡WordPress的主要原因之一。

WordPress教學logo

而今天這篇WordPress的教學文,主要會是WordPress部落格架站為主軸,輔以我自己使用WordPress架設部落格的經驗,由Wordpress的前期環境設定,包括購買網址、主機、到主題安裝、套件安裝與使用經驗,用一個比較全面性的教學文的角度,來跟各位朋友分享如何使用WordPress架設一個部落格網站,尤其你如果未來想使用WordPress來撰寫部落格,我相信這篇WordPress教學文會對初次使用WordPress的你非常有幫助!

2.購買網域(Domain)

沒錯,首先,我們必須要擁有一個自己的網域,只要是還沒有被註冊過的網域,你都可以買來用,你可以使用GoDaddy來查詢可用網域,這是一個非常方便查詢網域的網站。

如果你沒有特殊需求,你可以買.com結尾的網域,因為這是最常見也是最貴的網域,除非你有特殊的需求,要不然都會推薦一開始先註冊.com的網域。

在選擇網域名稱時,建議要好記、好寫,越短越好,而且最好跟部落格的主題有相關,當然越短的網域會越貴,所以建議先從最便宜大概104塊的網域開始購買起。

godaddy測試

如果你選定你的網域名稱後,先不要購買,因為所購買的網域還需要介接到主機上才能做使用,可是如果是跟不同的廠商分別購買網域跟主機,你必須在兩家廠商當中做介接,新手操作的話比較麻煩,而這次的WordPress教學文推薦大家使用的主機是Bluehost,剛好它有送一年的免費網域,所以可以直接用Bluehost提供的免費網域就好。

3.虛擬主機推薦

選定好你的網域名稱後,還需要購買主機(Host),或稱伺服器(Server),因為你會需要一個空間將你WordPress部落格軟體安裝上去,並且透過主機將你的部落格發布的網路上,這次推薦給大家的主機是WordPress官方推薦的Bluehost主機。

bluehost教學15

​​​優點:

  • 1
    WordPress官方推薦使用主機。
  • 2
    送免費網域。
  • 3
    一鍵安裝WordPress。
  • 4
    24小時客服。
  • 5
    無限的網絡空間
  • 6
    無限電子郵件帳戶
  • 7
    30天退款保證 

缺點:

  • 1
    英文介面。
  • 2
    英文客服。

4.主機租用流程

進入Bluehost的主頁後會看到三種方案,我們先選Basic就好了。

開始申請使用Bluehost

WordPress教學bluehost16

特別注意這邊的3.95元/每月指的是三年或三年以上的方案價格,但建議新手一開始先選擇一年就好,所以一年大概65美金左右。

點擊方案後進到選擇網域(Domain)的畫面,直接填入剛剛在GoDaddy上面選好的網址,按下一步。

wordpress教學bluehost3

再來填寫基本資料。

這邊要注意Email Address要填對,不然的話你會收不到你的註冊資訊。

wordpress教學bluehost4

點選方案,建議先使用12個月,如果之後有需要再加就可以(其他功能也先不用勾)

wordpress教學bluehost17

填寫完成後,直接付款就完成整個租借的流程了。

wordpress教學bluehost6
wordpress教學bluehost7

點選no thanks 後可進行帳戶密碼的設定。

5.安裝WordPress

再來就是要講到Bluehost超酷功能,就是它可以一鍵幫你安裝WordPress,安裝完成後會問你要不要選部落格的外觀主題(Theme),選完後就直接跳轉到Bluehost後台首頁,有點類似cpanel的後台,但Bluehost簡單清爽多了,點擊「Log in to WordPress」就可以進到你的WordPress後台,並且開始你的WordPress部落格之旅了!

wordpress教學bluehost19

小提醒:安裝完成登入到WordPress後台後,記得把Bluehost內建的外掛關掉(它就叫Bluehost),這樣網頁才會是你所設定的主題! 

以下有更詳細的安裝解說

-->《WordPress教學(一)購買網址、主機和安裝WordPress

6.WordPress登入

不管你在哪個主機商租用了主機並安裝了WordPress這套軟體

你都可以用兩種方式登入你的WordPress後台(WordPress後台跟主機商的後台是不一樣的)

  • 從主機商的後台進入WordPress後台
  • 直接在瀏覽器打上:你的網域/wp-login ,例如:https://example.com/wp-login
WordPress教學-登入

我個人比較建議用第二種方式,方便登入而且又不用再透過主機商的後台,只要記住登入網址就好。

7.WordPress後台登入帳號

如果你使用登入網址來登入WordPress後台,例如:https://example.com/wp-login,在登入時會要進行驗證,也就是要你輸入帳號密碼,你可以在第一次透過主機商登入WordPress時檢查你的WordPress後台帳號密碼,在「帳號」中可以查看。

強烈建議第一次登入後記得修改密碼,因為你可能不知道你WordPress的密碼,又或者你不確定密碼是什麼,這時候就直接修改密碼就好了!

小提醒:WordPress後台的帳號密碼跟主機商後台的帳號密碼是不一樣的!

8.WordPress主題安裝

擁有自己的主機並且將WordPress這套軟體成功安裝完成後,我們就要來選一個我們自己喜歡的WordPress主題(theme),WordPress之所以風靡全球,除了外掛外,最強大的就是這個主題了,而且有非常多免費又專業的主題可以供你挑選,你只要把你想要的主題下載下來,在安裝到你的WordPress網站上,就可以直接做使用了,你不需要是網頁設計專家,也可以擁有一個不俗的版面! 

WordPress主題推薦-安裝主題2

以下是我整理的幾個免費WordPress主題以及安裝方法供你做參考。

-->《WordPress教學(二)27個部落格WordPress主題免費下載2018

9. 外觀自訂

如果你安裝好主題,你可以點擊「外觀」--> 「自定」來進行一些網站外觀基礎設定,例如你網站的標題、副標題、還有網站圖示等等。

wordpress教學_外觀自訂

10. 網站圖示(Favicon)設定

在設定網站外觀的時候,如果你有自製的網站圖示,你可以順便把它設定上去。

wordpress教學_外觀自訂

設定網站圖示方法一:使用外觀-->自訂功能 or 小工具

設定網站圖示方法二:後端修改程式碼

11.設定固定網址

如果你想要操作SEO(搜尋引擎優化),那我會建議你一定要設定固定網址,一方面讓搜尋引擎比較好讀懂你的文章路徑,另一方便當你在進行Google Analytics分析時,你可以比較方便的去管理的的每一篇文章。

那固定網址要在哪裡設定呢?

WordPress後台 --> Settings --> 固定網址

進入設定畫面後,以下兩種設定建議

  1. 設定文章名稱:你的網址/sample-post/
  2. 自定結構:你的網址/自定結構

我自己是設定https://irich101.com/%postname%.html,以html網頁副檔名結尾,當然你可以直接自訂結構上面的文章名稱,建議設定原則就是不用太長,結構不要太複雜,不要有太多層「/」,盡量一到三層即可。

WordPress教學-固定網址

https://irich101.com/%postname%.html,設定網址中的兩個%符號中間的值,會根據不同文章的狀態去做替換,所以你不用擔心,postname的部分你可以在你撰寫文章的時候來做設定。

WordPress教學-固定網址2

12.WordPress外掛安裝

安裝好自己的WordPress部落格主題後,我建議你可以再安裝幾個好用的WordPress外掛,一方面可以增加你WordPress部落格的豐富程度,另一方便可以使讀者的閱讀體驗升級,讓你更好的建立信任感!

WordPress外掛安裝教學2

13.WordPress外掛推薦

以下我推薦10個我常用的WordPress外掛給你參考

  • check
    1.NewStatPress
  • check
    2.Quick Adsense
  • check
    3.WP like button
  • check
    4.Google Analytics Dashboard for WP
  • check
    5.Personal Contact Info Widget
  • check
    6.WP Content Copy Protection & No Right Click
  • check
    7.Yet Another Related Posts Plugin
  • check
    8.WordPress Popular Posts
  • check
    9.Yoast SEO
  • check
    10.WP Rocket

​以下也有更詳細的外掛介紹

-->《WordPress教學(三)10個我推薦的WordPress外掛

14.小工具

在我們將外掛設定完成後,再來我們要來設定小工具,在WordPress中小工具的使用可以讓你的側邊欄位或是底部欄位變得更加豐富。

進入WordPress後台後,點選外觀--->小工具

wordpress教學-小工具1

你可以選擇你要的小工具,直接拖曳到Classic Sidebar(側邊欄),就可以出現在部落格上的側邊欄位了!

WordPress外掛推薦5Personal contact

有些小工具是內建的小工具,像是日曆、搜尋或分類等,而有些是裝完外掛才會出現的小工具,例如 Personal Contact Info 、 Google Adsense  等。

15.選單

小工具可以設計你的側邊欄位以及下方欄位,而選單則可以設定你的上方欄位。

一樣進入WordPress後,點選外觀--->選單。

WordPress教學-選單1

​你可以直接選擇你要的分類、文章等等的連結,直接拖曳到選單結構當中,然後案儲存。

WordPress教學選單2

​你所設定的結果就會在上方欄位的選單中出現。

16.文章vs頁面

設定完上下左右的欄位後,再來就要開始po文囉!

在WordPress中你可以選擇你的文章是以「文章」來發布或事以「頁面」來發佈,這兩者的差別在於:

  • 文章:可以直接在部落格上找到
  • 頁面:需要打上特定網址才看得到

其實這個分別在一般免費的部落格當中也看得到,是一個非常好用的功能,有時候你會需要一個頁面來做資訊的儲存,但你又不想要發布在部落格上讓每一個讀者都看得到,你就可以創造一個頁面,只有特定網址的用戶才能看得到此頁面。

17.新增文章

點選文章--->新增文章。

WordPress教學-新增文章

也可以新增分類與標籤,另外你還可以選擇一張照片當作是該篇文章的封面照。

WordPress教學-新增文章2

18.新增頁面

點擊側邊欄位的頁面--->新增頁面

WordPress教學-頁面

你無法在部落格上找到該頁面,需要瀏覽固定的網址才可以看到該頁面。

19.預覽vs文字

你可能會發現在編輯內容時,右方有一個預覽跟一個文字的tab,其實一般我們在寫作上只會用到預覽的功能,只有非常少的時候會用到文字的功能,也就是直接去修改他的html檔案,如果你對html程式語言不是很熟悉,建議你不要輕易的修改,因為可能會讓你的文章格式跑掉。

但如果你真的需要改到html的話,建議先在W3schools這個網站先看清楚要修改的功能是不是正確,再行修改,這個網站有很詳盡的html程式語言的教學,我們在工作上也很常在這邊查詢資料,還蠻實用的。

20.新增媒體

在WordPress中的媒體指的是圖片與影片,而你可以使用兩種方式來新增圖片!

  1. 直接在文章或頁面新增
  2. 在媒體庫當中新增

但我最常用的是直接在文章新增圖片,因為當你在寫文章的時候,不用再跳出到媒體庫新增圖片再回到文章插入,你可以直接在文章的介面進行新增圖片的動作後直接插入圖片到你的文章!


以上就是這次的WordPress教學文的分享,還有很多部分還沒補上,我會陸續補上!

希望對你有幫助囉!

聯絡Johnson

最快速聯絡方式:Facebook 私訊我請 {點擊這裏}
最慢的聯絡方式:點擊發email給我

JOHNSON

IRICH101.COM創辦人,致力於打造一個能提供讀者吸收知識、建立收入、創造財富、擁有自由的創富媒體平台,歡迎你跟我們一起邁向財務自由!