Hostinger 中文教學!有優惠碼!22 分鐘上手 WordPress 架站

Hostinger 教學的精選圖片

在這篇「Hostinger 教學」中,我會跟你分享如何利用 平價的 Hostinger 主機,來建立 WordPress 網站。

一步一步帶你挑選適合的主機方案,註冊 1 個專屬的域名,做好網站的基本設定。

發佈你的第 1 篇文章,順利踏出網路事業的第 1 步!

另外,還會跟你介紹 Hostinger 後台的一些實用功能,讓你未來自己管理網站的時候可以更輕鬆。

只要跟著這篇筆記,你就能利用 Hostinger 主機快速架設好一個有基本雛型的 WordPress 網站囉!

Hostinger 教學介紹

如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。

Hostinger 教學 2025!最新優惠碼分享!新手 22 分鐘上手 WordPress 架站

如果你喜歡透過圖文學習,請繼續往下閱讀吧!

圖文版會比較詳細、方便快速瀏覽,還會持續更新與補充內容。



Hostinger 介紹

Hostinger 在 2004 年成立,是一家全球知名的主機託管公司,提供網站主機租用跟域名註冊服務。

Hostinger CTA LOGO

註冊時輸入優惠碼 NOTES享專屬 10% 折扣

Hostinger 評價

Hostinger 後台介面簡單、好操作,而且支援簡體中文介面。

如果你在 Hostinger 同時租用主機和註冊域名的話,系統會自動完成 DNS 設定,就算完全不會寫程式,也能輕鬆、快速地建立網站。

⭐️ 延伸閱讀

DNS 是什麼的精選圖片

DNS 是什麼意思?
揭秘域名解析 + 實用 DNS 查詢工具推薦

價格方面,Hostinger 最便宜的共享主機 (虛擬主機) 方案,每個月只要不到 100 元台幣,是很適合新手入門的平價 WordPress 主機

Hostinger 最便宜共享主機每月 90 元

Hostinger 主機方案費用

Hostinger 目前提供了 3 種 WordPress 主機方案,所有方案都附贈免費 SSL 憑證跟 1 年免費域名

Premium 方案Business 方案Cloud Startup 方案
首購價格$2.99 美金/ 月
(約 $90 台幣)
$3.99 美金/ 月
(約 $120 台幣)
$9.99 美金/ 月
(約 $300 台幣)
續約價格$10.99 美金/ 月
(約 $330 台幣)
$13.99 美金/ 月
(約 $420 台幣)
$25.99 美金/ 月
(約 $780 台幣)
網站數量2550100
儲存空間25 GB50 GB100 GB
適合的網站流量
(每月)
25,000100,000200,000
1 年免費域名✔️✔️✔️
域名隱私保護✔️✔️✔️
免費 SSL 憑證✔️✔️✔️
免費 CDN✔️✔️
自動備份每週每日每日
專用 IP 位址✔️
優先客服支援✔️
Hostinger 方案 & 費用 (1 年)
輸入諾特斯優惠碼「NOTES」再折 10%

最入門的 Premium 方案,每個月是 $2.99 美金 (約 $90 台幣),提供 25 GB 的儲存空間,可以架設 25 個網站,還有每週自動備份的服務。

對於剛起步、想用少少預算開始經營網站的人來說正好。

Business 方案每個月是 $3.99 美金 (約 $120 台幣),可以架設 50 個網站,儲存空間增加到 50 GB,自動備份次數也升級到每天 1 次,還額外提供免費的 CDN 服務。

不過像是備份跟 CDN,其實我們都可以透過其他免費外掛來達成,所以,我還是建議一開始先選 Premium 方案。

等用一陣子後,真的覺得儲存空間不夠,再從 Hostinger 後台升級就好。

✏️ 小筆記:CDN 是什麼

CDN 的全名是 Content Delivery Network (內容傳遞網路),是一個能讓網站資料傳輸更加快速、穩定的系統。

它會把網站的內容儲存在世界各地的多台伺服器上,當訪客打開網站時,CDN 會選擇離訪客最近的伺服器,將網站內容傳送給訪客,讓網站無論在何處都能更快地被讀取。

如果你的需求已經大到要用到 Cloud Startup (雲端新創) 方案,要注意到之後續約的價格會漲不少。

我會建議你直接改用 Cloudways 主機,會更划算一點!

Hostinger 主機方案費用
Premium 方案Business 方案Cloud Startup 方案
12 個月首購$2.99 美金/ 月
(約 $90 台幣)
$3.99 美金/ 月
(約 $120 台幣)
$9.99 美金/ 月
(約 $300 台幣)
12 個月續約$10.99 美金/ 月
(約 $330 台幣)
$13.99 美金/ 月
(約 $420 台幣)
$25.99 美金/ 月
(約 $780 台幣)
24 個月首購$2.99 美金/ 月
(約 $90 台幣)
$3.99 美金/ 月
(約 $120 台幣)
$8.99 美金/ 月
(約 $270 台幣)
24 個月續約$8.99 美金/ 月
(約 $270 台幣)
$9.99 美金/ 月
(約 $300 台幣)
$22.99 美金/ 月
(約 $690 台幣)
48 個月首購
(加贈 2 個月免費主機)
$2.69 美金/ 月
(約 $81 台幣)
$3.99 美金/ 月
(約 $120 台幣)
$7.99 美金/ 月
(約 $240 台幣)
48 個月續約$7.99 美金/ 月
(約 $240 台幣)
$8.99 美金/ 月
(約 $270 台幣)
$19.99 美金/ 月
(約 $600 台幣)
Hostinger 方案費用比較
輸入諾特斯優惠碼「NOTES」再折 10%

如果你想進一步了解 Cloudways 主機,可以點擊下方按鈕,閱讀我之前製作的 Cloudways 部落格教學。

DNS 是什麼的精選圖片

Cloudways WordPress 教學
含購買主機 7 折優惠、DNS 設定、WordPress 網站設定

諾特斯觀眾專屬優惠碼

如果你決定要 租用 Hostinger 主機,我有為你爭取到專屬折扣,在結帳時記得輸入優惠碼 NOTES,就能享有額外 10% 折扣喔!

Hostinger 諾特斯優惠碼 NOTES

用 Hostinger 主機架設 WordPress 網站

架設網站的流程步驟大致上是這樣的:

步驟 1:租用 Hostinger 主機,並註冊 Hostinger 帳戶,建立 1 個 WordPress 網站,同時註冊自己的專屬域名。

步驟 2:進到 WordPress 網站後台,調整一些基礎設定,清理不需要的預設外掛,並且安裝我最推薦的 Blocksy 主題。

然後,發佈第 1 篇文章,開始發展你的網路事業!

租用 Hostinger 主機

第 1 步

點擊下方連結,前往 Hostinger 官方網站

Hostinger CTA LOGO

註冊時輸入優惠碼 NOTES享專屬 10% 折扣

選擇 Hostinger 主機方案

第 2 步

點擊「Claim deal」(領取優惠)。

Hostinger 官網領取優惠

第 3 步

在 Premium (高級) 方案,按「Choose plan」(選擇方案)。

選擇 Premium 方案 Hostinger

第 4 步

如果你是架站新手,我會建議你選擇 12 個月 的方案。

可以享有首購優惠價格,每個月 2.99 美金,約 $90 台幣,一年的時間也剛好適合用來摸索和嘗試經營網站。

Premium 12 個月方案適合新手

第 5 步

點擊「Have a coupon code?」(有優惠碼嗎?)。

Hostinger 點擊優惠碼

第 6 步

輸入諾特斯觀眾專屬優惠碼 NOTES —— 圖片標註 ➀。

按「Apply」(套用) —— 圖片標註 ➁。

Hostinger 諾特斯優惠碼 NOTES 套用 10 折扣

可以額外獲得 10% 折扣 (也就是打 9 折)。

Hostinger 10 折扣後價格

點擊「Continue」(繼續)。

選擇方案後繼續 Hostinger

註冊 Hostinger 帳戶

第 7 步

這裡填入 Email 和密碼來註冊 Hostinger 帳戶 —— 圖片標註 ➀。

點擊「Register」(註冊) —— 圖片標註 ➁。

註冊 Hostinger 帳戶

填寫 Hostinger 付款資料

第 8 步

我已經幫大家把帳單地址所有欄位翻譯成中文,你可以對照下圖的翻譯填入對應的資料。

✏️ 小筆記

填好後,點擊「Continue」(繼續)。

填寫 Hostinger 帳單地址

第 9 步

接著填寫付款資訊。

目前 Hostinger 支援信用卡、PayPal,以及其他常見的電子支付方式,這次我是以信用卡為例。

輸入信用卡資料後,按下「Submit payment」(提交付款)。

Hostinger 信用卡提交付款

✏️ 小筆記:申請退款的注意事項

Hostinger 提供 30 天內全額退款保證,但只適用於主機費用。

儘管各方案都附贈一年免費的域名,但已經註冊的域名是不可退還的,所以 Hostinger 會從退款中扣除域名費用。

付款完成後,會看到畫面寫著「你的付款已完成。出發吧!」,表示已經付款成功。

不用動作,等它自動跳轉就好。

Hostinger 付款成功畫面

建立 WordPress 網站

第 1 步

跟著引導開始建立 WordPress 網站,先點「Skip」(跳過),稍後我會帶你到 WordPress 後台進行設定。

Hostinger 引導建立 WordPress 網站

第 2 步

「Do you want to create or migrate a website?」(你想要建立還是遷移網站?)

選擇「Create a website」(建立網站) —— 圖片標註 ➀。

點擊「Next」(下一步) —— 圖片標註 ➁。

選建立網站 Hostinger

第 3 步

選擇「WordPress」—— 圖片標註 ➀。

點擊「Next」—— 圖片標註 ➁。

WordPress 建立網站 Hostinger

第 4 步

「Create login details for your WordPress account」(建立你的 WordPress 帳戶登入資訊)。

先設定「管理員語言」,也就是網站後台介面的語言,可以選「Chinese (Taiwan)」(中文 – 台灣),使用起來更直覺。

管理員語言設定中文台灣

管理員電子信箱跟密碼,也就是以後登入 WordPress 網站後台會使用的帳號密碼,所以,記得要改成好記的密碼,並妥善保存

設定管理員 Email 跟密碼

完成後,點擊「Next」。

帳戶登入資訊完成 Hostinger

第 5 步

「What type of website do you want to build?」(你想要建立什麼類型的網站?) 。

等一下我會帶你在 WordPress 後台安裝我推薦的 Blocksy 佈景主題,所以,點擊「Create blank site」(建立空白網站) 就好。

建立空白網站 Hostinger

註冊域名

第 1 步

在紫色框中填寫想要註冊的域名。

或許有人會問:「我現在還沒有想好要用什麼域名,可以之後再註冊嗎?」

當然可以!

不過,事後要註冊的操作步驟會比較麻煩,所以,我會建議,在租用主機前就先計畫好要用什麼域名,在這個階段就可以直接註冊。

✏️ 小筆記:取域名的小技巧

域名建議設計得簡短易記,避免使用數字和特殊符號。常見的取名方式包括使用品牌名稱、人名、首字母縮寫、主題關鍵字等元素,將它們排列、組合成域名。

填寫 Hostinger 域名技巧

第 2 步

選擇你要註冊的域名。

選擇 .com 域名 Hostinger

點擊「Next」。

Hostinger 域名註冊完成

第 3 步

在 Select primary information (選擇主要資訊) 步驟,選擇「Country」(國家) —— 圖片標註 ➀。

選擇「Personal」(個人) 或「Company or organization」(公司或組織) —— 圖片標註 ➁。

點擊「Next step」(下一步) —— 圖片標註 ➂。

選擇主要資訊 Hostinger

第 4 步

在 Enter contact details (輸入聯絡資訊) 步驟,聯絡資訊會自動帶入先前填過的資訊,只要再補上剩下的部分即可。

點擊「Finish registration」(完成註冊)。

輸入聯絡資訊 Hostinger

選擇主機位置

Where is your target audience located?(你的目標受眾位於哪裡?) 是要選擇主機位置。

主機位置要選離主要客群最近的地點,因為主機位置距離訪客越近,資料傳輸的延遲會越小,可以讓網站加載速度更快,使用體驗更好。

第 1 步

以台灣為例,主機位置我們就選擇「Indonesia」(印尼)。

客群台灣主機位置選擇印尼

第 2 步

點「Next」(下一步)。

主機位置選擇完成 Hostinger

接下來就耐心等待,當畫面跳轉到像這樣的 WordPress 後台,也就代表 WordPress 網站準備完成啦!

建立網站完成跳轉 WordPress 後台

收取驗證 Email

第 1 步

打開剛剛註冊時填寫的 Email 信箱,我們會收到幾封 Hostinger 寄的 Email。

找到「Verify your email address」(驗證你的電子郵件地址),打開它。

驗證電子郵件地址 Hostinger

第 2 步

點擊「Verify Email」(驗證電子郵件)。

驗證 Hostinger 帳戶電子郵件

等畫面跳轉到 Hostinger 後台就表示 Hostinger 帳戶驗證成功。

第 3 步

回到 Email 信箱,點開「Verify your email address to use your domain」(驗證你的電子郵件地址以使用你的域名),這是一封 WHOIS 聯絡資訊的驗證信。

驗證電子郵件地址以使用域名 Hostinger

✏️ 小筆記

WHOIS 聯絡資訊驗證信是什麼?

在域名註冊後,你必須點擊 WHOIS 聯絡資訊驗證信中的驗證連結,證明你是網站的擁有者。如果沒有完成驗證,網站可能會被暫時關閉,導致訪客打不開你的網站。

諾特斯的經驗分享

在大多數情況下,註冊域名的幾分鐘到24小時內就會收到域名驗證信。如果超過 24 小時還沒收到的話,可以檢查看看信箱的垃圾郵件,或是聯絡 Hostinger 客服詢問。

這次諾特斯示範時,是在註冊完域名的半小時內就收到確認信,給你作為參考。

第 4 步

點擊「Verify Email」(驗證電子郵件)。

驗證域名電子郵件Hostinger

看到「你的電子郵件地址已成功驗證」就完成驗證,可以關閉分頁。

域名 Email 地址已成功驗證

第 5 步

回到 Hostinger 後台,點擊「Hosting」(主機託管) 的 「Manage」(管理)。

Hostinger 後台主機託管管理

看到域名前面多了 1 個綠色鎖頭,這就表示 Hostinger 已經自動幫域名安裝好免費 SSL 憑證囉!

域名綠色鎖頭SSL 憑證

✏️ 諾特斯的經驗分享

這次諾特斯示範時,是在註冊完域名的半小時內 SSL 憑證就生效了,給你作為參考。

⭐️ 延伸閱讀

DNS 是什麼的精選圖片

SSL 憑證是什麼?
推薦安裝免費的還是付費購買?
TLS、http、https 是什麼?

設定 WordPress 網站

網站基礎設定 (WordPress 後台)

第 1 步

點擊「WordPress Admin」(WordPress 管理員),前往 WordPress 後台。

WordPress 管理員到網站後台

第 2 步

點擊左側欄位的「設定」、「一般」修改網站的基礎設定。

網站後台設定一般基礎設定

第 3 步

網站標題,就是網站的名稱 —— 圖片標註 ➀。

網站說明,可以簡單介紹網站內的文章主題大概有哪些 —— 圖片標註 ➁。

它們會顯示在搜尋結果和瀏覽器的分頁標籤上。

網站標題和說明介紹

第 4 步

那因為我們的網站已安裝 SSL 憑證,所以網址會變成 https。

我們在這邊手動修改 WordPress 位址跟網站位址,把前面的 http 改成 https,讓它們跟正式的網址保持一致。

✏️ 小筆記:SSL 生效後再更改

請務必在 Hostinger 後台 確認 SSL 生效後,再手動更改網址,不然可能會導致網站錯誤無法開啟。

位址 http 手動改 https

第 5 步

點開時區選單,在「亞洲地區」找到「台北」。

如果你位在其他時區,就根據你的所在區域選擇就可以了。

網站後台時區台北

第 6 步

在日期格式跟時間格式的部分,我個人都會選擇第一個選項,看起來比較符合中文閱讀的習慣。

網站後台日期時間格式

第 7 步

點擊按「儲存設定」。

網站後台儲存一般設定

刪除不需要的外掛

第 1 步

點擊左側欄位的「外掛」、「已安裝的外掛」,進入外掛列表。

網站後台外掛列表

所謂的外掛,就是用來擴展網站功能的工具,類似於在手機裡安裝 APP,讓手機增加各種功能。

Hostinger 預先幫我們安裝了幾個外掛,這些我都用不到,所以就把它們刪掉。

之後有機會,我再跟大家分享一些我推薦的實用 WordPress 外掛,如果你對這個主題有興趣的話,歡迎在 觀眾許願池 留言告訴我!

第 2 步

列表中藍底的外掛表示它目前啟用中,必須先停用才能刪除。

把啟用中的外掛「全選」。

需停用外掛全選

「批次操作」選擇「停用」—— 圖片標註 ➀。

點擊「套用」—— 圖片標註 ➁。

批次操作 停用 套用

第 3 步

再次「全選」外掛。

需刪除外掛全選

「批次操作」選擇「刪除」—— 圖片標註 ➀。

點擊「套用」—— 圖片標註 ➁。

批次操作 刪除 套用

第 4 步

點擊「確定」。

確定刪除外掛

系統就會幫我們逐一刪掉不需要用到的外掛了。

外掛刪除中

修改網站設計

我們先到左側欄位選擇「外觀」,我要帶你安裝佈景主題。

網站後台外觀

佈景主題是控制網站版型設計的工具,從整個網站的欄位排版、背景,到文字的大小、顏色等等,透過修改佈景主題,可以輕鬆地更換網站的外觀設計。

佈景主題說明

在試用過各種佈景主題之後,我最推薦的是一款免費 WordPress 主題:Blocksy

推薦 Blocksy 佈景主題

這個 諾特斯網站 也是用 Blocksy 主題製作的。

這個主題不但風格簡約,功能也非常強大!

許多在其他主題要付費才有的功能,比如固定的頁首、側邊欄,或是客製化網站調色盤等等,Blocksy 都是免費提供。

在我測試過的免費 WordPress 佈景主題中,Blocksy 真的是最佛心的!

安裝 Blocksy 主題

第 1 步

點擊下方連結,進到 Blocksy 的官方網站。

第 2 步

點擊右上角的「Free Download」(免費下載)。

右上角免費下載 Blocksy

第 3 步

按「Download」(下載),會下載一個 zip 檔。

下載 2.0.91 Blocksy

第 4 步

回到 WordPress 後台,點擊「安裝佈景主題」。

網站後台安裝佈景主題

第 5 步

點擊「上傳佈景主題」。

網站後台上傳佈景主題

第 6 步

將剛剛下載的 zip 檔拖曳進來。

上傳 Blocksy zip 檔 1

按下「立即安裝」。

Blocksy zip 檔立即安裝

第 7 步

安裝好之後,點擊「啟用」。

啟用佈景主題 Blocksy

第 8 步

點擊藍色按鈕「安裝 Blocksy Companion」。

這是 Blocksy 主題的附加外掛,可以讓 Blocksy 的功能更進化。

安裝 Blocksy Companion 2

套用模板 (入門網站)

第 1 步

網站的版型可以點擊「入門網站」,套用主題提供的現成模板,來節省設計的時間。

套用模板 入門網站 1

第 2 步

我挑選的入門網站是「News」(新聞),點「預覽」可以看詳細的入門網站樣式。

入門網站新聞預覽

它的版面簡潔,頁首、頁尾、資訊欄這些網站基本要素齊全,滿適合新手使用的。

入門網站新聞樣式

第 3 步

回到 WordPress 後台,點擊「匯入」來套用模板。

匯入入門網站 模板

第 4 步

安裝子佈景主題「打勾」—— 圖片標註 ➀。

點擊「下一個」—— 圖片標註 ➁。

匯入入門網站子佈景主題

第 5 步

點擊「下一個」。

匯入入門網站安裝啟用外掛

第 6 步

點擊「安裝」。

安裝入門網站內容

編輯頁首、頁尾

第 1 步

等待模板匯入完成。點擊「自訂」。

匯入完成前往自訂器

進入自訂器介面,可以調整網站的版型、設計。

Blocksy 自訂器介面

第 2 步

滑鼠移到頁首的 LOGO 上,點擊彈出的「三個點」圖示,叫出「標誌」選項。

三個點標誌選項

第 3 步

選擇標誌的「編輯」。

頁首標誌編輯

第 4 步

將自己的 LOGO 圖片拖曳進來上傳。

拖曳標誌 LOGO 圖片上傳

第 5 步

按「Select」(選擇) 來替換。

媒體庫選擇替換標誌

第 6 步

我覺得 LOGO 可以再大一點,所以,把標誌高度改成「80 px」。

標誌高度 80 px

第 7 步

為了保持畫面簡潔,頁首我只會保留標誌跟選單。

所以,要在畫面下方的編輯器,將其他元素一一按「X」刪除。

頁首保留標誌選單

第 8 步

向下滑到最底部的頁尾,點擊「編輯」。

最底部編輯器頁尾

我只會留下版權聲明,跟上一步一樣,刪掉其他不需要的元素。

頁尾保留版權聲明

第 9 步

點擊「版權」。

點擊頁尾編輯器版權

第 10 步

修改版權文字,通常會寫成「版權所有 © + 年份 + 品牌名稱」形式:

版權所有 © {current_year}  —— (品牌名稱)

修改版權文字建議格式

我順便提倡一個諾特斯觀眾之間的小默契,你可以在頁尾的地方,加上Emoji「✏️」,也就是諾特斯觀眾的秘密記號

有加這個秘密記號的人,都有著一段看諾特斯的影片或文章,架設網站的共同回憶。

以後看到頁尾有這個秘密記號的網站,就知道是自己人,大家可以互相照顧一下

版權聲明諾特斯觀眾小默契

其實在自訂器中,除了我示範操作的項目以外,還有非常多可以修改的細節,大家有時間可以多探索看看,打造出自己風格的網站設計。

第 11 步

完成設計後,按左上的「發佈」儲存設定。

發佈儲存自訂器設定 1

第 12 步

點擊「X」退出自訂器。

關閉 Blocksy 自訂器

發佈第一篇文章

第 1 步

從左側欄位切換到「文章」、「全部文章」。

左側欄位全部文章

第 2 步

把安裝模板時匯入的預設文章先「全選」起來。

文章列表全選

按「批次操作」,選擇「移至回收桶」—— 圖片標註 ➀。

點擊「套用」把它們都刪除 —— 圖片標註 ➁。

批次操作移至回收桶套用

編輯文章

第 3 步

點擊「新增文章」,打開 WordPress 編輯器。

新增文章打開 WordPress 編輯器

第 4 步

WordPress 編輯器的使用方式其實跟 Word 之類的文書軟體差不多,最上面打標題。

編輯器最上面是標題

下面輸入文章內容,文字可以變更對齊、顏色、粗體等等的設定。

輸入文章內容編輯文字樣式

插入圖片

第 5 步

除了文字,文章中也可以插入圖片做搭配,增添內容的多樣性。

點擊「+」—— 圖片標註 ➀。

選擇「圖片」—— 圖片標註 ➁。

點擊選擇圖片

第 6 步

選擇「媒體庫」。

新增圖片媒體庫

第 7 步

拖曳圖片檔案上傳。

拖曳文章圖片上傳

第 8 步

點擊「選取」。

選取圖片加入文章

在文章中加入圖片做搭配。

文章內圖片範例

這次只簡單說明了圖文的編輯方式,編輯器裡還有更多不同功能的區塊可以運用,等著大家以後去挖掘!

第 9 步

文章寫好了,就按右上角的「發佈」。

右上角發佈文章

第 10 步

再按一次「發佈」做確認,就能把文章正式公開到網路上了。

確定發佈文章

第 11 步

我們點擊「檢視文章」,看看網站前台的效果。

檢視文章看網站前台效果

看起來還不錯吧?

現在,你已經踏出了架設網站的第 1 步,接下來,就可以繼續盡情創作,一步步打造你的網路事業

網站前台效果動態

如何用瀏覽器網址列登入 WordPress 後台

之前我們是從 Hostinger 後台進入 WordPress 後台的,但如果每次編輯網站都要從 Hostinger 後台跳轉,實在太麻煩了!

以後可以改用瀏覽器網址列登入 WordPress 後台,速度更快。

方式其實很簡單,就是在網址列輸入「域名」 +「/wp-admin」。

第 1 步

在網址列輸入「你的域名」,再加上「/wp-admin」。

像是我要登入示範網站的 WordPress 後台的話,就是輸入「notesdemowebsite05.com/wp-admin」。

網址列你的域名wp admin登入

備註:

無論是使用一般視窗或無痕視窗,都可以用這個方式登入。

圖片中諾特斯使用無痕模式示範,只是為了讓瀏覽器忘記之前登入過的帳號密碼。

輸入完成,按「Enter」,就會出現你的 WordPress 後台登入畫面。

第 2 步

輸入我們在「建立 WordPress 網站」步驟設定好的 Email 和密碼。

密碼在建立 WordPress 網站步驟已經設定好

第 3 步

點擊「登入」,就能進入 WordPress 後台。

wp admin 登入WordPress 後台

Hostinger 後台重點功能

Hostinger 後台,我們能管理主機、網站資料庫,還能處理域名的相關設定。

切換介面語言

考量到有些站長可能比較習慣看中文,如果想將介面改成中文,該怎麼做呢?

第 1 步

點擊右上角的「Account」(帳戶) —— 圖片標註 ➀。

選擇「Language (English)」(語言 (英語)) —— 圖片標註 ➁。

帳戶切換介面語言

第 2 步

選擇「中国 Chinese」,就能將介面切換到簡體中文。

備註:中文選項目前只有簡體中文,還沒有繁體中文。

切換簡體中文圖片1
切換簡體中文圖片2

不過,Hostinger 的使用者遍佈全球,國外的教學資源更多、更豐富,像 YouTube 上的教學影片、或 Hostinger 的官方頻道,幾乎都是用英語介面。

所以,這篇筆記還是會以英語介面操作為主。

聯絡客服

如果在使用過程有遇到問題,不管是系統發生錯誤,還是有什麼功能不會設定,都可以聯絡 Hostinger 線上客服。

第 1 步

點擊畫面右下角的「對話框」圖示。

右下角對話框聯絡客服

第 2 步

依照問題選擇 topic (主題) 跟 subscription (訂閱)。

如果你的問題是綜合性的,或是不知道該歸類在哪個項目,我實測的經驗是:

topic (主題) 選「Website」(網站) —— 圖片標註 ➀。

subscription (訂閱) 選當下網站的域名 —— 圖片標註 ➁。

點擊「Start a live chat」(開始即時對話) —— 圖片標註 ➂。

選擇主題訂閱開始即時對話

第 3 步

點擊「傳訊息給我們」,就可以開始跟真人客服對話,連上客服之後,基本上都能解決問題。

傳訊息給 Hostinger

雖然網路上有些心得說 Hostinger 客服回應速度偏慢,但我自己的經驗還不錯,傳訊息後 1 到 2 分鐘內就有真人回覆。

而且可以直接用中文溝通,客服會用翻譯,把回答轉成簡體中文,還滿貼心的!

Hostinger 回覆中文

新增網站

第 1 步

在左側欄位選擇「Websites」(網站) →「Websites list」(網站清單)。

Hostinger後台網站清單

第 2 步

點擊右側的「Add website」(新增網站) —— 圖片標註 ➀。

選擇第 1 個選項「WordPress」—— 圖片標註 ➁。

新增網站WordPress

第 3 步

Hostinger 會引導我們從「Create login details for your WordPress account」(建立你的 WordPress 帳戶登入資訊) 開始建立新網站。

你可以依照下圖的翻譯,依序設定「管理員語言」、「管理員 Email」和「管理員密碼」—— 圖片標註 ➀。

點擊「Next」(下一步) —— 圖片標註 ➁。

建立新網站 WordPress 帳戶登入資訊

第 4 步

Hostinger 提供了幾款網站模板和佈景主題可以直接套用,不過 WordPress 後台有更多選擇可以慢慢挑選,所以我建議這裡保持預設就好。

點「Choose a theme instead」(改為選擇主題)。

改為選擇主題

第 5 步

點擊「Next」(下一步)。

主題選擇預設

第 6 步

外掛的部分,之後有實際需求的時候在 WordPress 後台安裝就好,所以,選擇「Do not install plugins」(不要安裝外掛) 跳過。

不要安裝 WordPress 外掛

第 7 步

由於 Hostinger 首購方案 只提供 1 組 1 年的免費域名,所以,從第 2 個網站開始,就必須再購買新的域名。

這裡可以先選擇「Use temporary domain」(使用臨時域名),用 Hostinger 提供的臨時域名來架設新網站,之後需要使用正式域名,再另外購買就好。

使用 Hostinger 臨時域名

等網站自動安裝完 WordPress 軟體,就會直接跳轉到網站後台了。

新增網站完成 Hostinger

刪除網站

第 1 步

在 Hostinger 後台,找到要刪除的網站,點擊「三個點」圖示 —— 圖片標註 ➀。

選擇「Delete」(刪除) —— 圖片標註 ➁。

Hostinger 刪除網站

第 2 步

在彈出的視窗「打勾」—— 圖片標註 ➀。

再按一次「Delete」(刪除) —— 圖片標註 ➁。

Hostinger 彈窗刪除

第 3 步

點「Done」(完成) 關閉視窗,網站就會被刪掉了。

刪除完成關閉視窗

要注意的是,刪除的網站無法恢復,所以操作前一定要再三確認,避免誤刪!

管理域名

選擇側邊欄位的「Domains」(域名) —— 圖片標註 ➀。

點擊「Domain portfolio」(域名管理列表) —— 圖片標註 ➁。

Hostinger 域名管理列表

在域名管理列表可以進行各種域名管理操作,像是購買新域名、續約域名,或是進行 DNS 設定。

如果要修改 DNS 紀錄,要點擊「Manage」(管理)。

Hostinger 域名管理

在「Domain Overview」(域名總覽) 裡就能編輯 DNS 紀錄。

Hostinger 域名總覽 DNS 紀錄

關閉自動續約

提醒大家,我們當初購買的方案是「12 個月」,Hostinger 預設會在到期後自動續訂並扣款。

如果你之後想把網站搬家到其他主機,或是更換域名商,就需要在到期日前手動關閉「自動續訂」功能。

第 1 步

點擊「Billing」(帳單) —— 圖片標註 ➀。

選擇「Subscriptions」(訂閱) —— 圖片標註 ➁。

Hostinger 帳單訂閱

第 2 步

在這可以看到,目前自動訂閱的項目有域名和主機。

點擊域名最右邊的「>」圖示。

自動訂閱項目域名

第 3 步

點擊「3 個點」圖示 —— 圖片標註 ➀。

選擇「Disable auto-renewal」(停用自動續訂) —— 圖片標註 ➁。

域名更多選項停用自動續訂

第 4 步

點擊「Disable auto-renewal」。

域名停用自動續訂確認

主機也是按照相同步驟操作即可。

在關閉自動續約後,主機跟域名的合約就會在列表所標示的時間到期,到時服務就會自動終止

合約到期日主機域名自動終止

結語:Hostinger 是平價的 WordPress 主機選擇之一

在這篇筆記,我帶大家快速完成 Hostinger 主機和域名的購買,也設定好了 WordPress 網站,並成功發佈了第一篇文章。

Hostinger 是 平價的 WordPress 共享主機,以我個人的使用經驗,服務品質滿穩定的。

對於個人或小公司來說,在網站發展的初期,是一個不錯的選擇。

如果你打算 租用 Hostinger 主機,記得使用諾特斯觀眾專屬優惠碼 NOTES,這樣可以額外獲得 10% 折扣,可以幫你省下一點成本!

Hostinger CTA LOGO

註冊時輸入優惠碼 NOTES享專屬 10% 折扣

平價 WordPress 主機選擇之一 Hostinger

如果你想知道更多有關網站架設的細節,歡迎觀看我用心製作的其他 WordPress 筆記。

Featured image for free wordpress course

WordPress 新手教學 (總整理)

希望這篇筆記能幫助你順利架設網站,也祝你的網路事業發展一切順利!


參考資料

製作團隊

總編輯、發佈:諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯:鹹魚
圖片製作:蚊子