建立Blog :如何架設教學(寫網誌+部落格平台)

0
330
建立Blog :如何架設教學(寫網誌+部落格平台)
建立Blog :如何架設教學(寫網誌+部落格平台)

這是一篇完整的「 建立Blog 」教學。

如何建立Blog,寫網誌紀錄生活?或是經營品牌,想從 Blog 部落格開始?哪個部落格平台推薦,還在選擇中?

比較過多家 Blog 平台,直接排名推薦,我使用這個部落格平台,完成了 Blog 架設,和寫了多篇網誌。

這篇文章我會手把手帶你「 架設部落格 」網站,滿足 Blog 架設需求,章節如下。

跟著章節學習,我們開始囉。


1. 如何自架網站?

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

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

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

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

網域如何取名呢?

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

1. 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。
例:蘋果 – https://www.apple.com/

2. 品牌名稱:網域名稱以品牌為名,簡單、易記。只要打算發展品牌的公司,都可以用這個方式。
例:愛迪達 – https://www.adidas.com/

3. 與產品名稱有關:網址與產品的關鍵字有關聯。你也可以用關鍵字工具來想網站名稱。
例:博客來 – https://www.books.com.tw/

4. 去除www:目前大部分新網址都不太會在前面加上www,這是比較舊式的用法。

5. .com優先:.com是大多數人的直覺印象,主要方便好記,增加搜尋率。

6. 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

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

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

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

虛擬主機是什麼?

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

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

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

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

如何挑選虛擬主機?

1. 公司:國外知名虛擬主機公司,都是全球性服務,不論公司大小、主機性能、網站速度,通常優於國內主機。

2. 功能性:新手可用入門款方案,價錢也很平價;有經驗的網站架設者,可看自己需求,選擇進階方案。

3. 價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

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

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

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

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

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

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

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


2. 虛擬主機推薦

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站,自己親自使用多年,不論網站速度、客戶服務、價格便宜等 .. ,一切都沒話說。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在上面。

它的客群來自世界各地,就算不懂英文(搭配 Google 翻譯),還是能操作自如。

有哪家虛擬主機商,對 WordPress 有良好的支援?

Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost教學 :wordpress.org 認證的虛擬主機公司
wordpress.org 認證的虛擬主機公司(經過官方嚴格審核標準)

Bluehost 正常運行時間+網站速度,表現好嗎?

Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的,不然訪客無法連上你的網站。

我實測了一個 WordPress 網站,經過 10 幾家虛擬主機比較,Bluehost 的網站速度是排名前幾的。

Bluehost教學 :網站正常運行比例&頁面載入時間
Bluehost 網站正常運行比例&頁面載入時間

Bluehost 還有許多優點,它的知名度告訴了一切。

接下來,我將開始「 Bluehost教學 」課程,繼續網頁架設教學。


3. Bluehost 方案選擇

前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。

bluehost教學 :wordpress主機+網域申請
使用 Bluehost 申請 wordpress主機+網域

往下滑,會看到 Bluehost WordPress 主機方案,下面我會給你一些 Bluehost 方案評價。

bluehost 主機方案費用
bluehost 主機方案費用

要選擇哪種 Bluehost 方案?

  • 只有一個網站架設需求:選 Basic 方案
  • 多網站架設需求:選 Plus 或 Choice Plus 方案

以新手來說,若只有一個網站需架設,選擇 Baisc 方案是毫無懸念的,此方案也搭配 50 GB 的儲存空間,是非常夠用。

若架設不只一個網站,建議直接選擇 Plus 方案,因為該方案和 Choice Plus 功能差不多,卻比較便宜。

Bluehost 費用了解

Bluehost 通常費用是,網址 $14.99 美元 / 年(一年約 450 台幣),和主機 $7.99美元 / 月(一年約 2880 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高 50% 以上的主機折扣(如下表,以台幣計算)

WordPress Basic 方案 WordPress Plus 方案
買一年:特價約 2142 元(原價2880 元 買一年:特價約 2682 元(原價 3960 元
買二年:特價約 3564 元(原價 5760 元 買二年:特價約 5004 元(原價 7920 元
買三年:特價約 4266 元(原價 8640 元 買三年:特價約 5886 元(原價 11880 元

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

如果網址同樣在 Bluehost 申請, Bluehost 還提供首年網域免費+附帶免費的 SSL 憑證。

等於說,網址+主機費用加起來,最少可用不到 2200 台幣,就能開始你的網路事業!

接下來,我將購買 1 年的 WordPress Basic 入門方案,當作 Bluehost教學 範例。

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


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

選擇 Bluehost 方案後,就可以網域申請+虛擬主機推薦租用囉:)

這邊簡化 3 步驟,打造自己的網頁製作。

Step1:網域申請

申請新網址選 Create a new domain,已經有網址選 Use a domain you own,確認點 Next。

bluehost教學 :網域申請
有建立新網址 & 已經有網址,兩種選項
  • 如果「 網址 」和「 主機 」都是在 Bluehost 註冊申請,Bluehost 會附贈一年的網址(免繳網址費用),且 DNS 已經設定完成。
  • 如果你想申請第三方網域商,知名的 NameCheap 會是好選擇,請參考 NameCheap 教學,內有完整網域申請流程。
  • 只要網域不是在 Bluehost 申請,都需進行 DNS 設定指向,這樣搜尋網址才找的到網站唷。

Step2:申請資料填寫

填寫使用者資訊,需都填寫英文,姓名可到 外交部 查詢,地址可用 中華郵政 查詢,手機部分因為有 +886,所以把開頭 0 去掉即可。

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

bluehost教學 :使用者資訊
bluehost教學 :使用者資訊

主要留意租用多久、是否加購商品、確認消費金額,Bluehost 會贈送一年網址和免費的 SSL 憑證。

加購商品只有 Domain Privacy(網域隱私保護)比較值得加購,其他可不勾選,省預算。

bluehost教學 :方案選擇&加購商品
bluehost教學 :方案選擇&加購商品

確認消費金額,接著填入付款訊息,都完成無誤後,勾選服務條款,最後按下 Submit 送出。

bluehost教學 :付款方式
bluehost教學 :付款方式

Step3:創建 bluehost 帳戶

跟著 Bluehost教學 ,如果網域+主機申請成功,會看到歡迎訊息 & 收據明細,接著來註冊 Bluehost 帳戶。

點擊 Create your account 創建帳戶。

bluehost教學 :虛擬主機申請完成
bluehost 主機申請完成,創建 bluehost 帳戶&收據確認

下圖,Domain Name(你的網域名稱)是未來登入 Bluehost 的帳號,並輸入你想申請的密碼,確認無誤後點 Create Account 建立帳號。

P.S 這裡的資料請妥善保存,是未來登入 Bluehost 的帳密唷:)

bluehost教學 :創建bluehost帳戶
創建 bluehost 帳戶:輸入密碼

到了這裡,恭喜完成了網域申請 > 主機申請 > Bluehost 帳戶註冊的重要流程。

有了這些東西,我們就可以架設 WordPress 網站囉。


5. WordPress 網站製作

到了這邊,應該已經有個人網域、虛擬主機、Bluehost 登入帳密了,我們繼續架設 WordPress 網站。

首先,前往 Bluehost,點 Login 登入。

bluehost 登入教學
bluehost 登入教學

輸入你的網域名稱(或信箱)&密碼, 登入 Bluehost 。

bluehost教學 :後台登入
bluehost教學 :後台登入

如果是第一次登入,Bluehost 會詢問一些問題,並協助你安裝,這些畫面 Bluehost 有可能更改,但未來都可以更改,先任意選擇即可。

下面是示範教學,實際狀況可依個人需求選擇。

首先,選擇網頁製作類型、為誰創建網站等 .. 。

bluehost教學 :網站架設流程
選擇想架設的網站類型等 ..

勾選 Blog 頁面、About me 關於我們頁面等 ..

網頁製作教學:bluehost
選擇想加入的網頁內容

命名網站名稱、設定網站標語,和給 Bluehost 架站幫手一點評分。

bluehost 教學:網頁製作
命名網站名稱、標語、和給 Bleuhost 架站流程評分:)
  • 因為 Bluehost 是英文介面,中文標題在 Bluehost 後台可能呈現問號(除非英文命名),但這不會有任何影響。

然後,挑選 WordPress 主題,可先選個免費版的主題玩玩,看喜歡哪個,不一定要跟我一樣:)

bluehost教學 :wordpress主題挑選
超多 wordpress 主題挑選:)

如果安裝過程中,有出現類似加購商品,先取消它不加購

安裝完成後,會前往 Bluehost 後台首頁。

然後點 My Sites,會出現剛架設完成的網站,可在這裡進入 WordPress 網站前後台。

Bluehost教學 :前往網站前後台
Bluehost教學 :前往網站前後台
  • 此時前台路徑可能是臨時網址,過些時間 Bluehost 會自動更改成你剛申請的網址。

想新增頁面、編輯文章、新增分類 .. ,請參考 WordPress 後台教學課程,有更多的 WordPress 操作。

這時,點擊上圖前台路徑,會發現 WordPress 網站已經順利出現囉!恭喜你!

如果是 WordPress 登入狀態,前台應該看得到預設主題畫面。

如果用訪客模式(無痕視窗),前台應該會出現網頁準備中頁面,等網頁設計完畢後,再切換 正式上線 即可。


6. Bluehost 其他設定

bluehost 網站架設,功能設定

如果有跟著上面的教學,你應該也順利建立 WordPress 網站了。

接著還有一些事項需完善它,像是信件認證(WhoIs 網域身份認證)、Bluehost & WordPress 設定、網站正式上線 ..。

這幾個也是必要的步驟,請參考 Bluehost 網站製作,補充尚未學習到的部分。

完成後相信你的個人網站設計,也大功告成了:)


7. 網站基本設定

當網域申請+虛擬主機租用完成,有些 WordPress 後台系統需要調整,方便後續進行。

主要有:網站標題更改系統語言更改文章網址更改選單分類設定新增或編輯使用者

或是可以參考這篇,裡面有完整教學。

更多 WordPress 前後台教學,多個課程前往學習:

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

如果設定完成,可繼續往下網頁架設。


8. Blog 佈景主題

如何製作理想的網站,讓人愛上你的 WordPress 網頁設計。

好的 WordPress 佈景主題,除了網頁漂亮以外,也能幫助吸引更多的訪客。

WordPress 佈景主題安裝

首先,前往 WordPress 後台 > 安裝佈景主題。

wordpress blog 佈景主題安裝
wordpress blog 佈景主題安裝

WordPress.org 官方提供,有 7000 多種免費佈景主題,可讓你慢慢選擇,是網頁設計的好幫手。

如果想加快效率,可加上搜尋條件尋找,加速建置網站流程。

建立Blog :wordpress 佈景主題選擇
建立Blog :wordpress 佈景主題選擇

方便教學示範,我簡單選擇一個 WordPress 佈景主題,正式安裝前也可先 預覽 ,確認是你想要的,再 安裝 > 啟用 即可。

如果你還沒有頭緒,可先照我的 WordPress 主題選擇。

建立Blog :wordpress 佈景主題安裝
建立Blog :wordpress 佈景主題安裝

主題啟用完成,回到前台看一下成果,看起來還不錯的 WordPress 主題,成功出現啦。

WordPress 佈景主題安裝成功
WordPress 佈景主題安裝成功

到這裡,先恭喜你完成 WordPress 佈景主題安裝,剛入門到這一步就可以了。

但如果你想試看看,更好的 WordPress 佈景主題,可以往下看我的經驗分享。

額外經驗分享

如果是單純記錄筆記、生活日誌、簡單的官網設計製作,就用 WordPress 免費佈景主題即可,因為本來就不需多花錢。

但如果想發展個人品牌,有客製化形象網站設計需求,或表現你的品牌特色 ..

請參考 最佳 WordPress 佈景主題推薦,這是我整理的常用熱門主題,你會得到應該的幫助。


9. 開始第一篇文章

繼續 建立Blog 教學,這章節,我們來實際寫一篇文章,開始部落格之旅。

首先,前往 文章 > 新增文章,這裡可編寫你的第一篇網誌。

左上角的加號,可新增不同的 區塊編輯器,你可以用它來編寫文章+圖片。

建立Blog :wordpress區塊編輯器&文章發佈
建立Blog :wordpress區塊編輯器&文章發佈

文章正式發佈前,可以設定網址代碼、文章分類、精選圖片(網站封面)、是否開啟留言等 .. ,我在 文章管理 有詳細教學。

關於新增管理 WordPress 文章分類,請參考 分類+選單管理 會幫助你了解更多。

如果文章都編寫完畢,和內容設定完畢,就可點 發佈 ,文章就會正式上線囉:)

建立Blog :wordpress文章編輯成功
wordpress文章編輯成功

看起來真美,相信訪客會很愛你的網站設計的。


10. 自訂 WordPress 外掛

WordPress 有上萬多個外掛,可以幫助你擴充網站功能。

wordpress 外掛生態圈
wordpress 外掛生態圈

原因是 WordPress 是完全開源軟體,任一個軟體工程師,皆可在上面開發功能。

WordPress 外掛要如何安裝,請參考 新增外掛 會幫助你了解更多。

除此外, WordPress 有幾個常用外掛,使用起來很理想,請參考 最佳 WordPress 外掛推薦 ,或許會對你有幫助。


11. 小工具設定

通常一個網站設計,都會有側邊欄的存在,可以多提供訪客一些訊息。

不同的 WordPress 佈景主題、WordPress 外掛,可能會幫小工具增加額外功能。

你可以選擇適合的工具,放置你的網頁側邊欄,這是我選擇的功能。

小犬網站,側邊欄工具
小犬網站,側邊欄工具

當然你的選擇可能跟我不同,這是我安裝 JetPack 外掛,增加的額外工具。

關於如何修改網站側邊欄位,請參考 小工具修改 ,會對你有所幫助。


12. 增加聯絡頁面

到了這裡,或許剛「 建立Blog 」的網站,需要一個頁面,讓訪客有機會聯絡上你。

不論是與你心得分享,或是有不同的合作機會,都感覺都滿好的。

關於如何增加聯絡頁面,請參考 頁面管理 ,可以參考裡面的流程,設計出一個聯絡頁面,並把頁面放置選單中,讓訪客在你的 Blog 可以順利看到。

不用把聯絡頁面設定為首頁,只要在選單能順利出現即可。

wordpress 新增頁面:聯絡我們
wordpress 新增頁面:聯絡我們

這是我增加的聯絡表單頁面,點選單即可顯示頁面。

如此一來,你也學習到如何增加網站頁面,並讓網站設計更完整,實在太好了。


WordPress 學習資源

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

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

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

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

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

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

發表迴響