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

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

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

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

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

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

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

HostGator 主機教學(影音學習)

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

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

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

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

網域如何取名呢?

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

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

網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?

一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。

但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。

有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。

  • tw / cn / jp:代表不同國家,如台灣、中國、日本等 ..(選擇這類型的網域,可挑選網站主要訪客的居住地)。
  • co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
  • net:網路相關行業可使用,但無明確限制。
  • info:資訊性類型網站可使用,但無明確限制。
  • org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等 ..,但無明確限制。

虛擬主機是什麼?

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

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

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

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

如何挑選虛擬主機?

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

WordPress 是什麼?

WordPress 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 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 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈HostGator教學 :WordPress 中文安裝(方案評價+主機搬家)〉中有 14 則留言

  1. 謝謝你詳細介紹 請問用此方式架設網站 能在未來替自己增加收益嗎?還是就純粹網站讓人瀏覽而已呢
    謝謝你

    1. 犬哥網站

      嗨, ANN,

      架設 WordPress 網站想要用來做什麼用途都是站長可以自己決定的唷:)

      如果架設電商平台,本身就可以帶來轉換,讓站長可以有些收益~

  2. 嗨又是我
    1.我的SSL本身就是active的狀態 但當我進到個人網頁 網址前方卻一樣顯示不安全頁面 那請問該如何做
    2. 看過你們好多文章 真的謝謝你們的用心 若要申請jetpack 我發現那是要付費的對嗎?
    🙂

    1. 犬哥網站

      嗨,ANN,

      SSL 憑證不一定會馬上生效,可以多等待一至兩天看看,如果還未生效,可以發信給相關客服詢問唷。

      關於第二個問題, JetPack 有免費以及付費版本,這是 wordpress.org 會自動安裝置後台的資安外掛,

      可以試用免費版本,若有需求,再添購進階版本即可。

      也可以參考我們整理的: 7 種資安外掛推薦 找到你更喜歡的資安外掛唷:)

  3. 拍謝 起初上網自己找解答但未果 於是又麻煩你們了
    ICANN認證信:
    我使用至今 wp已經能使用 但最重要的ICANN認證信過兩天遲遲未收到 我當下在hostgator付款完約兩小時後打給客服 他說隔天(禮拜六)就能收到認證信 但到今天還是沒收到 請問有什麼辦法嗎? 再次感謝

    1. 犬哥網站

      嗨,ANN

      在後台我們無法再次發送信件,只能由主機商發送,因此可能還是要再次詢問主機商沒有收到信件的問題唷。

  4. 你好:
    之前使用HostGator的主機以及網址也是在這購買
    但之後有考慮搬移主機換到cloudway
    請問我的網址要怎麼處理

  5. 您好
    我購買了Hostgator 虛擬主機 且重新建置worpress 但重新設定的網域開啟不了

    1. 犬哥網站

      嗨,小君,

      請問你有設置 DNS 指向嗎?

      如果有設置,建議你盡快詢問客服,請他們協助你進行 WordPress 安裝唷!

  6. 犬哥你好,
    我們是舊版 G Suite (50人免費版),而Google已決定7/1停止這服務,需要升級至 Google Workspace。
    如果只是Google Mail轉移,你會建議使用HostGator的eMail嗎?
    如果可以,有無eMail轉移的文章?

    以上,煩請釋疑。
    謝謝!
    Heman

    1. 犬哥網站

      嗨,Heman,

      我們目前沒有使用過 HostGator 的 eMail 功能,不過 HostGator 也是一款不錯的主機, Email 功能目前應該也不會有太大的問題,

      如何轉移 Google Workspace 到 HostGator,可參考 這篇官方文章 看看:)

發佈留言

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

返回頂端