HostGator教學:WordPress 中文安裝(方案評價+主機搬家)

HostGator教學 :WordPress 中文安裝(方案評價+主機搬家)

這是一篇完整「 HostGator教學 」。

HostGator 是全球知名的虛擬主機公司,數百萬個網域和網站正在上面運作。

如何申請個人網域和租用 HostGator 主機,並完成 WordPress 網站架設呢?

這篇文章我整理了多個「 HostGator教學 」的詳細流程,幫助你完成製作,章節如下。

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


1. 如何自架網站?

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

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個網站主都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

  • 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
  • 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
  • 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
  • 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
  • .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

在台灣,一般民眾最常選擇的就是 .com / .com.tw,大概是這兩種最常見,也最符合。

這邊也把其他類型的網址,也一並列出:

  • org:財團法人才可申請網域,需要財團法人資料。
  • net:網路事業機構,例如中華電信、seednet等 .. 才可使用或是其他網路事業。
  • edu:教育機構,一般為學校機關的網址申請,非一般補習班等機構。
  • gov:政府機構,為政府網頁使用之網址申請,一般人無法申請。
  • tw / cn / jp:代表不同國家,如台灣/中國/日本等。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。

如何挑選虛擬主機?

  • 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
  • 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
  • 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

WordPress 它是全球知名的網頁設計軟體,全球有 30 % 以上的網站,都來自於 WordPress。

WordPress 網站使用人數
WordPress 網站使用人數

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選,請參考 最佳 WordPress 佈景主題最佳 WordPress 外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是完全免費的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

因為你就是網站的擁有者。


2. 虛擬主機推薦

HostGator 是一家全球知名的虛擬主機和網域託管服務商,它從 2002 年就開始提供相關服務,到現在已經管理上百萬個網站和網域。

它在虛擬主機上提供多種服務項目,像是共享主機、WordPress 專業主機、VPS 主機、獨立主機,隨著你的網站規模越大(流量越多)可同步升級服務,滿足不同時期的需求。

HostGator 正常運行時間和安全性

根據過去 24 個月的數據,HostGator 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這代表你網站幾乎不會異常斷線,都是穩定的在線上運作。

這使它成為主機安全性和穩定度的有力競爭者。

HostGator教學 :網站正常運行時間
網站正常運行時間

HostGator 網站速度表現好嗎?

HostGator 在全球各地有多個數據基地台,滿足不同地點的主機連線速度,像是台灣用戶就可到連線最近的新加坡基地。

我們直接用 HostGator 官網實測,網站加載速度大約 180 毫秒,這是出眾的網站速度。

HostGator教學 :網站速度評測
網站速度評測

除此之外,HostGator 提供業界最佳的客戶服務之一。這包括 24 / 7 線上的客戶服務和電子郵件等 ..,多種即時的客戶服務,會是你使用虛擬主機的好選擇。


3. HostGator 方案選擇

這章節會進行「 HostGator教學 」的主機方案選擇,帶你選擇適合自己的方案。

首先,點擊前往 HostGator 官網 ,會看到主機的方案頁面,如果你正猶豫如何選擇,下面我會給你一些選擇建議。

HostGator教學 :HostGator 方案選擇
HostGator 方案選擇

要選擇哪種 HostGator 方案?

HostGator 共享主機提供 3 種選擇方案,分別是 Hatchling Plan(孵化)、Baby Plan(嬰兒)、Business Plan(商業)。

依照不同方案,全都享有 WordPress 一鍵安裝、無限網路空間儲存、 SSL 免費憑證、免費的一年個人網域、免費網站轉移,這是超值的功能服務。

這邊我簡單的統整,方便你找到適合自己的方案。

  • 只有一個網站架設需求:選 Hatchling 方案
  • 多網站架設需求:選 Baby 或 Business 方案

以新手來說,若只有一個網站需架設,選擇 Hatchling 方案是毫無懸念的。

如果架設不只一個網站,建議直接選擇 Baby 方案,因為該方案和 Business 功能差不多卻比較便宜,且多數功能都可用 WordPress 外掛取代,幫助你節省預算。

HostGator 費用了解

HostGator 通常費用是,網址 $17.99 美元 / 年(一年約 540 台幣),和主機 $8.95美元 / 月(一年約 3240 台幣)。

值得開心的是,HostGator 官方同意為我們網站讀者,提供最高 60% 以上的主機折扣(如下表已經換算為台幣),這邊我對此做計算。

這裡需特別留意,HostGator 只有年租方案才享有優惠價格唷,如下。

Hatchling 方案 Baby 方案
買一年:特價約 1440 元(原價 3240 元 買一年:特價約 2160 元(原價 4320 元
買二年:特價約 2520 元(原價 5760 元 買二年:特價約 3600 元(原價 7920 元
買三年:特價約 2970 元(原價 7560 元 買三年:特價約 4320 元(原價 10800 元

小提醒:新手可購買 1 年的 Hatchling 方案,用最少預算入門:)

如果網址同樣在 HostGator 申請, HostGator 有提供首年網域免費,請多加利用。

這等於說,在 HostGator 申請個人網域和主機,最少可用不到 1500 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。

不論你購買的是哪種主機方案,只要點擊本站 HostGator 連結,讀者們都享有優惠價格。

接下來,我將購買 1 年的 Hatchling 方案,當作「 HostGator教學 」範例。


4. 網域申請+租用虛擬主機

確認完主機方案,這章節我們開始「 HostGator教學 」的申請網域+租用虛擬主機。

首先,前往 HostGator 點選你想租用的方案。

HostGator教學 :HostGator 方案選擇
HostGator 方案選擇

開始選擇網域,預設是 Register a New WordPress Domain(註冊新網域),但如果你已經有個人網域可選(I Already Own This Domain)。

輸入你想註冊的網域,HostGator 會提示是否能夠註冊。

HostGator教學 :申請網域
申請網域

當頁面往下滑,HostGator 會詢問是否增購網域隱私權保護($14.95 美元 / 年,約 $450 台幣 / 年),可依個人需求看是否需選取,如有預算考量可不增購。

HostGator教學 :詢問是否增購網域隱私權保護
詢問是否增購網域隱私權保護

然後選擇主機方案和租用多久,再來創立 HostGator 帳密(帳號是信箱),還有 Pin 碼(客戶服務時,身份認證用),這幾個都是重要資訊,請妥善保管。

Email 需填寫正確,申請完成 HostGator 會寄網域確認信(需點擊啟用)和購買收據等 .. 敏感訊息。

HostGator教學 :選擇方案和建立 HostGator 帳密
選擇方案和建立 HostGator 帳密

使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址和郵遞區號可用 中華郵政 查詢(郵遞區號需填國際碼,共 5 碼或 6 碼)。

電話部分因為需輸入國際碼有 +886,所以把開頭 0 去掉加上手機或市內電話就可(例如手機: 886911000111)。

HostGator教學 :輸入帳單訊息
輸入帳單訊息

HostGator 會詢問是否加購服務,這邊都不選取可節省預算。

接著,如果有點擊我網站上的 HostGator 連結,都會自動填入 HostGator 和小犬網站配合的優惠券代碼,你將享有不同等級的費用折扣(如下圖)。

如果尚未點擊註冊連結,請回頭點擊連結,確保享有折扣權利唷。

HostGator 確認有使用優惠券代碼,和消費金額
HostGator 確認有使用優惠券代碼,和消費金額

勾選服務條款,確認一切都沒問題後就點 Checkout Now 進行結帳。

HostGator教學 :結帳送出
結帳送出

結帳完成後,個人網域和虛擬主機就都申請完成囉。

網域和虛擬主機註冊成功
網域和虛擬主機註冊成功

當註冊完成後,HostGator 會發送信件給你,我們需前往認證。

其中最重要的是來自 ICANN 透過網域註冊商,發送過來的網址認證信件,這是用來確認聯絡人資訊,只需點擊信件連結就可進行認證。

HostGator教學 :網域認證信件
網域認證信件

這樣一來整個網域和主機申請,加上網域信件認證就都完成囉,下章節就可來學習如何安裝 WordPress 網站。


5. WordPress 安裝

個人網域和主機申請完成,前往 HostGator 輸入剛申請的帳密(帳號是信箱),然後登入後台。

HostGator教學 :登入 HostGator 後台
登入 HostGator 後台

前往 Hosting 主機 > 新網域的 cPanel 後台。

HostGator教學 :前往 cPanel 後台
前往 cPanel 後台

點選 WordPress Installer 一鍵安裝功能。

HostGator教學 :找到 WordPress Installer(WordPress 一鍵安裝)
WordPress Installer(WordPress 一鍵安裝)
HostGator教學 :選擇網址和輸入網站標題
選擇網址和輸入網站標題

設定 WordPress 後台帳號和密碼(請妥善保存)、電子信箱(WordPress 會用此信箱收發信件)、選擇語言。

設定 WordPress 後台帳密,和選擇語言
設定 WordPress 後台帳密,和選擇語言

接著會有一些 WordPress 外掛和佈景主題,這邊都先不選擇。架站完成後,再安裝 WordPress 最佳主題WordPress 最佳外掛,功能會更好。

最後點擊 Install 開始安裝。

HostGator教學 :開始安裝 WordPress
開始安裝 WordPress

安裝成功後,可點擊連結前往 WordPress 網站前台或後台。

可前往 WordPress 網站前台或後台
可前往 WordPress 網站前台或後台

太好了,WordPress 網站正式上線了。

WordPress 網站架設成功
WordPress 網站架設成功

6. WordPress 功能設定

WordPress 是個龐大成熟的網頁製作平台,你可在 WordPress 後台完成所有的設定。

像是網站語言、網站標題、新增網站頁面、新增網站文章、新增使用者、設定網址連結等 ..,請參考 WordPress 後台教學

基本設定完成,你心中可能有想架設的網站類型,這裡我列出幾種常見的,像是 架設 Blog 網站架設形象網站架設購物網站,你可依照需求選擇學習。

當基礎功能使用過後,你可能會有更多的需求想滿足,搭配使用 WordPress 進階主題WordPress 進階外掛,都能讓網站能力更上一層樓。

還是你偏愛用拖放區塊方式(所見即所得)完成網站設計,請參考 WordPress 頁面編輯器

我在 WordPress 費用 這篇文章,有分析使用低預算到中高預算的搭配方法,協助你做出符合個人狀態的。

最後,定期網站備份 是重要的,選擇適合的 網站備份外掛,能幫助你防範網站任何掛點問題,讓你經營網站更安心。


7. DNS 設定指向(NameCheap+HostGator)

DNS 設定,就是把網域(門牌)指向虛擬主機(土地),當訪客搜尋網址時,就可以順利找到主機上的網站(房屋)。

如果你是在 HostGator 同時申請網域+租用主機,DNS 指向已經自動設定完畢,不需額外操作,這章節可略過。

但如果個人網域和虛擬主機,是分開申請的(不是同公司),就需手動 DNS 設定。

接下來,將示範 NameCheap 網域和 HostGator 主機,的 DNS 設定指向教學(不同網域和主機的設定地方不同,但流程大同小異,皆可參考教學)。

如果還沒在 NameCheap 申請個人網域,請參考 NameCheap 教學,這篇有完整流程。

Step1:找到 DNS 網址

首先登入 HostGator > Hosting 主機 > Manage 管理面板。

HostGator教學 :前往主機管理

前往 Settings 分頁,會看到兩行的 NameServer 網址這就是我們要的,請複製下來等下會用到。

HostGator教學 :找到 HostGator 的 DNS 網址
找到 HostGator 的 DNS 網址

Step2:將 DNS 網址,複製至網域申請的地方

登入 NameCheap 後台,前往 Domain List > Manage。

網站架設 :DNS 設定指向
網站架設 :DNS 設定指向

找到 NameSevers 把選項更改 Custom DNS,貼上主機商的兩行 DNS 網址,然後打勾確認。

HostGator教學 :前往網域商,輸入 DNS 網址
前往網域商,輸入 DNS 網址

這樣 DNS 就設定完成囉,接下來等待 24 ~ 48 小時的 DNS 轉址時間,再來訪問你的網址,就可以看到你架設的網站了:)


8. SSL 憑證申請

安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種 安全協定,可在瀏覽器和主機伺服器之間,建立安全加密連結。

只要瀏覽器的網址欄前面有安全鎖頭,就代表目前是用 SSL 連線狀態。

網域加上 SSL 憑證的好處,除了訪客搜尋到你的網頁時,不會顯示不安全網站,也能幫助網站 SEO 排名。

下面我教學了幾個方法,幫助你達成目標,只需選擇其中一個進行即可。

如果你使用的 WordPress 虛擬主機 就有提供 SSL 服務,那我會優先建議你使用。

使用 HostGator 申請 SSL 憑證

首先登入 HostGator > Hosting 主機 > Manage 管理面板。

HostGator教學 :前往主機管理
前往主機管理

找到 SSL Management(SSL 憑證管理),點擊 Manage。

HostGator教學 :SSL 憑證管理
SSL 憑證管理

接著 HostGator 就會自動幫你申請免費的 SSL 憑證囉,等待 Pending 完成(時間不一定), SSL 憑證就會自動生效囉。

HostGator SSL 憑證狀態
SSL 憑證狀態

生效後再到瀏覽器輸入你的網址,應該就會看到安全鎖頭了。

使用 WordPress 外掛申請 SSL 憑證

WordPress 是強大的 網頁製作平台,有上千萬個 佈景主題 和 網站外掛,幫助你達成網站需求。

這裡我推薦使用 Really Simple SSL 外掛幫助你 SSL 憑證申請,請參考 如何安裝 WordPress 外掛

操作流程很容易,你只需安裝和啟用這個外掛,過段時間網址就有安全性鎖頭了。


9. 搬家到 HostGator 主機

關於網站搬家到 HostGator ,這邊我有針對不同的網域情況,做簡單的教學。

原本就有個人網域想持續使用,並打算把 WordPress 網站搬家到 HostGator,請參考 如何 WordPress 網站搬家(保留網域)

還是剛在 A2 Hosting 申請了新網域和新主機,打算直接把 WordPress 網站搬家到這裡並使用新網域,請參考 如何 WordPress 網站搬家(使用新網域)

或是,原來是在本機(localhost)進行 WordPress 架站,全都製作和測試完成想搬家到 HostGator 線上主機,請參考 如何正確從本機(localhost)搬家到線上主機

WordPress 有多種搬家外掛,你也可選擇自己喜愛的使用。

  • 如果想架設兩個以上的網站,需留意目前的主機方案是否有支援,再進行搬家才不會白做工唷。

10. 新增 FTP 帳戶

這章節會教學,如何新增 FTP 帳戶,使用此帳戶就能連線到 HostGator 主機,並可直接操作 HostGator 主機的網站檔案,不論是上傳下載、或是刪除資料。

首先登入 HostGator > 前往 cPanel 後台。

HostGator:前往 cPanel 後台
前往 cPanel 後台

選取 FTP Accounts(FTP 帳戶)。

HostGator教學 :新增 FTP 帳戶
新增 FTP 帳戶

填入想申請的 FTP 帳號和密碼,和設定連線的目錄,然後建立帳戶。

連線目錄我通常會空白,因為這樣能看到所有主機內的站點檔案。

HostGator教學 :新增 FTP 帳戶

建立完成往下滑,會看到剛新增完成的 FTP 帳戶,然後點擊 Configure FTP Client(設定 FTP 用戶端),會顯示相關資訊(請妥善保存)。

HostGator教學 :FTP 帳戶資訊
FTP 帳戶資訊
  • 有些網站檔案可能會需上傳到站點根目錄下,通常路徑是 /public_html,每個人可能有所不同,如果找不到可詢問 Bluehost 客服。

有了這些 FTP 帳戶資料,就可以直接在主機上進行網站檔案的傳輸,請參考 FTP 軟體教學,有更詳細的使用方式。


WordPress 學習資源

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

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

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

小犬網站:wordpress教學社團
小犬網站:wordpress教學社團

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

發表迴響

Scroll to Top