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

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

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

想要架設個人或公司部落格,寫網誌文章紀錄心情、學習經驗、作品案例分享嗎?還是想打造網路自媒體,讓更多人認識你?

比較過多家 Blog 平台,我最終使用 WordPress 網頁製作平台,完成了 Blog 架設和寫了多篇網誌,而且成效非常的理想。

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

如何建立 BLOG,影片學習

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

1. 如何自架網站?

架設網站 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 它是全球知名的網頁設計軟體,全球有 30 % 以上的網站,都來自於 WordPress。

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

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

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

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

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

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


2. 虛擬主機推薦

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

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

Bluehost 的客群來自世界各地,所以不用擔心不懂英文,只要搭配 Google 翻譯,一樣能操作自如。

你也能參考下面影片,進行完整的網域 / 主機申請+ WordPress 架站。

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

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

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

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

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

再來,我實測了幾個 WordPress 網站,在中低價位的各家主機速度評比,Bluehost 的網站速度是排行前幾的。

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

備註:

Bluehost 主機不會是最快的,在速度方面它只是中低價位主機的佼佼者,如果你對主機速度有比較高規格的需求,Bluehost 可能會不適合你。

像是經營一段時間有許多穩定流量的人、因為舊主機速度慢想搬家的人、有高網站流量的人,如果你符合這些狀況,建議你可以參考 WordPress 主機推薦 的其他主機。

使用 Cloudways(VPS 主機)或是 A2 Hosting 的 Turbo Boost 方案,它們的主機速度更快,才會比較適合你的需求,但費用會稍微貴一點。

相關架站教學,可參考 Cloudways 教學A2 Hosting 教學

如果你沒有以上狀況,可能只是第一次架設網站的人、有預算考量的人(重視 CP 值)、想簡單快速架站的人 .. 。

那使用 Bluehost 主機,絕對是最棒的選擇!

Bluehost 主機安全性高嗎?

Bluehost 是全球最大的虛擬主機之一,它從 2003 年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。

老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過 200 萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。

搭配有優質的 24 / 7 線上客戶服務,如果怕語言不通,通常用 Google 翻譯就能搞定(他們有很多亞洲客戶)。

有關 Bluehost 主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在 Bluehost 上,而且也用了好幾年。

接下來,我將開始「 Bluehost教學 」課程,帶領你繼續架設網站囉:)


3. Bluehost 方案選擇

了解完 Bluehost 這款優質的主機之後呢,這章節就來點評一下主機方案部分,幫助你選擇最適合自己的。

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

使用 Bluehost 申請 wordpress主機+網域
使用 Bluehost 申請 wordpress主機+網域

往下滑,會看到 Bluehost WordPress 主機方案。

如果不知道如何選擇最適合你,下面我會給你一些 Bluehost 的方案建議。

Bluehost評價 :WordPress hosting 方案費用
Bluehost評價 :WordPress hosting 方案費用

要選擇哪種 Bluehost 方案?

Bluehost 的 WordPress 主機提供 3 種選擇,分別是 Basic 方案、Plus 方案、Choice Plus 方案。

依照不同方案,全都享有免費的一年個人網域、SSL 免費憑證、免費網站轉移、WordPress 自動安裝和更新,這是超值的功能服務。

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

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

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

如果架設不只一個網站,建議直接選擇 Plus 方案,因為該方案和 Choice Plus 功能差不多,費用卻便宜許多(續約價),且享有無限儲存空間。

Bluehost 費用了解

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

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 60% 的主機折扣。

下表是用台幣計算,美元台幣匯率用經常的 1:30 換算(P.S 當前匯率更低, 換算下來更優惠)。

WordPress Basic 方案WordPress Plus 方案
買一年:特價約 2160 元(原價3240 元買一年:特價約 2880 元(原價 4320 元
買二年:特價約 3570 元(原價 6480 元買二年:特價約 5010 元(原價 8640 元
買三年:特價約 4290 元(原價 9720 元買三年:特價約 6450 元(原價 12960 元

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

如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和附帶免費的 SSL 憑證,請多加利用。

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

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

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


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

選擇心目中的 Bluehost 方案,我們就可以開始申請網域和虛擬主機了,這邊簡化 3 步驟,打造自己的網頁製作。

Step1:選擇方案和申請網域

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

使用 Bluehost 申請 wordpress主機+網域
使用 Bluehost 申請 wordpress主機+網域

點選你想租用的方案,如果預算有限可從 Basic 開始,想架設多個網站就選 Plus。

Bluehost評價 :WordPress hosting 方案費用
Bluehost評價 :WordPress hosting 方案費用

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

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

Step2:申請資料填寫

使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址可用 中華郵政 查詢。

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

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

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

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

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

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

然後填入付款訊息並勾選服務條款,最後按下 Submit 送出。

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

這樣一來,個人網域和 Bluehost 主機就都申請完成囉,太好了。

Step3:創建 bluehost 帳戶

申請完成後會看到歡迎訊息 & 收據明細,可把收據保存下來,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 官網,點右上角的 Login 登入也可以。

Bluehost教學 :登入 Bluehost 帳戶
登入 Bluehost 帳戶

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

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

如果是第一次登入,Bluehost 會有個引導流程,協助你安裝 WordPress 網站。

會有多個步驟,都先點選 Skip this step 略過設定流程,直接進行網站安裝。

Bluehost 網站安裝引導
Bluehost 網站安裝引導

網站安裝完成後,會直接跳轉到 Bluehost 後台首頁,如果有任何加購選項,都先取消。

然後點 My Sites,就會出現剛架設完成的網站啦!這裡可進入 WordPress 網站前台&相關網站管理。

Bluehost教學 :前往網站前台&功能管理
前往網站前台&功能管理

備註:因為 Bluehost 是英文介面,中文標題在 Bluehost 後台可能呈現問號(除非英文命名),但這不會有任何影響。

如果要前往 WordPress 後台,可點 Manage Site 功能管理(上圖),進入點 Log in to WordPress,就可以囉。

Bluehost教學 :WordPress 後台登入路徑
WordPress 後台登入路徑

WordPress 網站前台

首度前往 WordPress 前台,會出現網頁準備中頁面(Coming Soon),這是 Bluehost 貼心幫忙製作的,等網頁設計完畢後,再切換 正式上線 即可。

還有,如果網址列出現臨時網域(非剛申請的網域)是正常的。

那是因為 Bluehost 需把你的新網域,通報給全世界的主要伺服器基地,讓它們收錄你的網域,如此一來你的網域才會被找到(就是一種新生報到點名的感覺)。

等作業完成後,Bluehost 會自動把臨時網域,更改成你剛申請的網址(在此之前,如果要登入 WordPress 後台,建議先從 Bluehost 後台前往)。

WordPress 網站後台

首次登入 WordPress 後台,建議優先更改網站語言、網站標題、永久連結 等 .. 主要項目,方便未來操作。可參考 WordPress 後台教學


6. Bluehost 其他設定

bluehost 網站架設,功能設定

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

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

如果網域是在第三方網域商申請(不是在 Bluehost 一起申請),別忘了需設定網域的 DNS 指向,把網域指向剛申請好的 Bluehost 主題,這樣搜尋網域才會順利看到網站唷。

上面提到的待辦事項,可以參考 Bluehost 網站製作,補充尚未學習到的部分。

完成後,我們的基礎設施就都建置完成了,恭喜大家。


7. WordPress 主題安裝+更改網站 Logo

這章節會教如何安裝 WordPress 佈景主題,讓網站看起來美觀且功能性更強。

Astra 是一款熱門多功能的輕量級主題,主題執行速度快速,可拿來建立 Blog 網站。

為了方便接下來教學,建議先跟我一起安裝 Astra 主題,有免費版可安裝。更多相關教學,可參考 Astra 主題入門

WordPress 佈景主題安裝

首先,前往 WordPress 後台 > 外觀 > 佈景主題,點選 安裝佈景主題

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

在搜尋欄位輸入 Astra,我們安裝 Astra 提供的免費版本,安裝完成後請記得 啟用,才會真正套用主題。

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

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

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

更換網站 Logo

每一種 WordPress 佈景主題,都有不同的網頁設計風格、功能設定項。

我用剛安裝的 Astra 主題為例,可以前往 外觀 > Astra Options 會看到更多設定項目,可調整像是網站 Logo、主題顏色、文字樣式、網站頁首&頁尾等 ..。

這邊示範更改網站 Logo&網站圖示,這應該是大部分人的需求,點選 Upload Logo。

建立blog :使用 Astra 設定選項,上傳網站 Logo
使用 Astra 設定選項,上傳網站 Logo

這邊可設定網站 Logo、網站圖示、Logo 在不同裝置的寬度、是否在手機使用不同 Logo 等 ..,也可點下方的裝置切換預先瀏覽。

設定網站 Logo 和網站圖示
設定網站 Logo 和網站圖示

如果品牌 Logo 有文字,可點 Display Site Title 把系統文字標題關閉,沒關閉的話會顯示兩個,這會有點奇怪。也可設定網站說明和是否顯示,完成後點 發佈 即可。

網站標題&標語,顯示或隱藏設定
網站標題&標語,顯示或隱藏設定

前往 WordPress 前台看成果,果然網站 Logo 和圖示都完成囉。

WordPress 網站 Logo+圖示完成
WordPress 網站 Logo+圖示完成

到這裡,先恭喜你完成 WordPress 佈景主題安裝+網站 Logo 設定啦。


8. 新增第一篇文章

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

首先,前往 WordPress 後台的 文章 > 新增文章。在 WordPress 平台裡,文章和頁面是不同形式,可參考 文章頁面差別

進入後點左上角的加號,可新增不同的 WordPress 區塊功能,這是 WordPress 預設的 Gutenberg 編輯器。

可以用它來編寫文章,像是新增圖片影片、段落標題、清單列表、網站按鈕等 ..,可自由的編寫個人或公司網誌。

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

寫 WordPress 文章的過程中,可隨時點右上角的 儲存草稿,保存目前的文章資料。

文章正式發佈前,我們會設定網址路徑、文章分類&標籤、精選圖片(網站封面)、是否開啟留言等 ..,可參考如何 新增 WordPress 文章 有完整教學。

最後,可點擊 發佈 上線。接著前往 WordPress 前台首頁,就會發現文章已經正式上線囉:)

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

9. 網站分類&標籤

WordPress 有完整的網站分類和標籤功能,方便你統整文章和維護更新,且有助於訪客搜尋。

WordPress 文章分類

前往 WordPress 後台的文章 > 分類,這邊可新增多個文章分類。

備註:「 代碼 」是分類網址的設定(建議英文),文章分類可設定父子階層。

新增 WordPress 文章分類
新增 WordPress 文章分類

可對現有的分類進行 編輯,或是點 快速編輯 可直接修改重點。

WordPress 分類編輯&刪除
WordPress 分類編輯&刪除

WordPress 文章標籤

前往 WordPress 後台的文章 > 標籤,這邊也可新增多個文章標籤。

WordPress 標籤編輯&刪除
WordPress 標籤編輯&刪除

以上是簡單的 WordPress 分類和標籤教學,接下來我們會編輯網站選單。

因為 WordPress 選單功能很多,可把單一文章或多個文章分類放入選單中,繼續下一章學習。


10. 修改網站選單

WordPress 選單提供多種類型,可把頁面、文章、分類、自訂連結等 .. 放入選單中,是很豐富的設計。更多學習,可參考 WordPress 選單設計

有關這章節「 建立Blog 」課程,我們來調整網站上方的選單,這是帶領訪客瀏覽的地圖,需好好的設計規劃。

首先,前往 WordPress 外觀 > 選單,填入選單名稱後,點 建立選單

WordPress 建立第一個選單
WordPress 建立第一個選單

我剛有新增兩個文章分類(依你的為主),勾選新增至選單 > 可拖拉排序&父子階層 > 設定顯示位置 Primary Menu 主選單,最後儲存。

WordPress 新增網站選單
WordPress 新增網站選單

前往網站前台看一下成果,太好了選單順利出現了。如此一來,網站頁首就越來越完整了。

前台 WordPress 選單出現
前台 WordPress 選單出現

11. WordPress 外掛安裝+管理

WordPress 是完全開源軟體,任一個軟體工程師皆可在上面開發功能,所以讓 WordPress 生態圈非常豐富(有高達 5w 個可用外掛),可以幫助你擴充網站功能。

前往 外掛 > 安裝外掛,可選擇喜歡的外掛安裝,有確定目標可善用搜尋安裝。如果不知道如何選擇,我在 WordPress 最佳外掛推薦,有整理可幫你節省時間。

WordPress 外掛搜尋&安裝
WordPress 外掛搜尋&安裝

對於新手來說,會先建議安裝 WordPress 基礎外掛即可,然後同一種類型裝一款即可,還有外掛不是越裝越多就好,需考量到網站效能。

多種 WordPress 基礎外掛(僅列舉部分)

  • Akismet:垃圾留言防護外掛。
  • Jetpack:官方綜合型外掛,範圍涵蓋安全性、備份、速度優化、工具強化 ..。
  • Rank Math:優質 SEO 優化外掛,可參考 Rank Math教學
  • WPForms:優質表單設計外掛。

有關於 WordPress 外掛的管理設定,可前往 外掛 > 已安裝外掛,這邊可啟用或停用外掛,或是刪除不需要的外掛。

WordPress 外掛管理面板
WordPress 外掛管理面板

通常網站主隨著經營時間,網站外掛都會越來越多(因為可能有更多網站需求)。

所以一開始安裝必要外掛就好,然後暫時用不到外掛可以先停用,完全用不到的就直接刪除。


12. 增加聯絡頁面

到了這裡,或許剛「 建立Blog 」的網站需要一個聯絡頁面,讓訪客有機會聯絡上你。不論是與你心得分享,還是有不同的合作機會,都感覺都滿好的。

關於新增聯絡頁面,請前往 WordPress 後台的 頁面 > 新增頁面,然後參考 新增 WordPress 頁面 有完整的教學。

新增完成後,記得把頁面放置選單中,這樣訪客才能順利看到唷。

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

如果想在聯絡頁面裡加入表單功能,我推薦使用 WPForms 外掛,除此還有其他 WordPress 表單外掛 可供參考。

順帶一提,有些人在做網站頁面設計時,喜歡全版製作,會想把網頁側邊欄拿掉。

只需在 WordPress 頁面編輯的地方,把 Astra Settings > Sidebar 改成 No Sidebar 即可。

WordPress 頁面,使用 Astra 主題功能,可做細項調整
WordPress 頁面,使用 Astra 主題功能,可做細項調整

Astra 主題還有多種頁面設定,我挑選常用的做介紹(可對應上圖英文),其他可自行玩玩看(這些都是針對單一頁面的調整)。

  • Sidebar:側邊欄調整,可設定左右或是不顯示。
  • Disable Title:不顯示頁面標題。
  • Disable Breadcrumb:不顯示頁面路徑。
  • Disable Featured Image:不顯示封面圖片。

如此一來,你也學會新增 WordPress 頁面,並讓網頁設計的更完整,實在太好了。


13. 網頁區塊+小工具設定

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

WordPress 預設就有許多小工具可使用,如果搭配不同的網站主題或外掛,可能會幫小工具增加額外功能。

我們可以選擇適合的工具,放置網頁側邊欄。前往 外觀 > 小工具,這裡示範新增搜尋、分類、近期文章,這 3 個小工具。

找到搜尋工具,選取放置在 Main Sidebar(主側邊欄),點擊新增小工具,其他功能依此類推。

備註:也可以用拖放方式,直接把工具拉到欄位中唷。

使用 WordPress 小工具,新增搜尋功能
使用 WordPress 小工具,新增搜尋功能

完成後,我們會看到小工具都進到 Main Sidebar 主側邊欄了。

這裡還會看到有多個欄位,像是 Header(頁首)、Footer Bar(頁尾底端)、Footer Widget(頁尾)等 ..,這是網站的其他欄位,如果有需要也能在裡面放工具。

WordPress 側邊欄工具新增完成
WordPress 側邊欄工具新增完成

最後,前往 WordPress 前台看成果,會發現側邊欄出現了剛設定的功能囉!太好了!

WordPress 前台側邊欄工具顯示
WordPress 前台側邊欄工具顯示

有關更多的 WordPress 後台功能操作,也可參考 WordPress 後台教學 學習。


慢慢進入到要修改網站頁尾了,Astra 主題預設頁尾會有不需要的廣告標語,要如何更改呢?

前往網站前台任一頁面,點選上方的 自訂

點選 WordPress 前台上方的自訂功能
點選 WordPress 前台上方的自訂功能

接著會進入 WordPress 的視覺化編輯器,往下滑到最底點擊筆的圖示,進行頁尾編輯。(依此類推,也可點擊其他區塊進行編輯)

依照下圖把多餘文字去除,可以自由編輯,完成點 發佈 即可。

使用 WordPress 視覺編輯器,修改頁尾 Footer
使用 WordPress 視覺編輯器,修改頁尾 Footer

Footer Bar 區塊還有其他功能,像是開啟第二顯示區塊、佈局樣式更改、修改背景顏色等 .. ,可以自己玩玩看。

以上就是 WordPress 網站頁尾的調整囉。


15. Astra 主題設定

Astra 是個輕量快速的多功能主題,有許多可設定功能,可參考 Astra 主題教學(文)或下面影片:)

前往 外觀 > Astra Options,依照你喜愛的風格調整即可。

Astra 全站功能設定
Astra 全站功能設定

如果體驗 Astra 免費版後,有更多的架站需求,需要用到 Astra 進階版的讀者們。

有關於 Astra 進階版,我寫了多篇使用教學,方便你認識和上手 Astra 進階功能,如下。

  • Astra Pro:Astra 進階版方案,強化功能詳細教學,可參考 Astra 進階教學
  • Astra Pro WooCommerce:WooCommerce 電商功能強化,可參考 Astra Pro WooCommerce 教學
  • WP Portfolio:製作網站作品集、展示頁面、服務案例等 .. 專用外掛,可參考 WP Portfolio 教學
  • Ultimate Addons for Elementor:在 Elementor 上新增 40+ 個元素功能、100+ 網站模板、200+ 區塊模板,可參考 UAE 教學
  • Premium Starter Templates:有更多 Astra 進階模板可使用,可參考 Premium Starter Templates 教學

如果都看完,相信你對 Astra 主題的整體掌握度,大概也就如魚得水了吧,加油唷:)


16. 網站提交 & GA 分析

搜尋引擎每日需處理龐大的網站資料,如果主動提交自己的網站地圖(又稱 Sitemap),可有效加速網站被收錄的速度。

Google、Bing 是台灣目前兩大搜尋引擎,Google 可把 Sitemap 提交到 Google Search Console,Bing 則是提交到 Bing Webmaster Tool。

當網站被收錄到搜尋結果,網站才可以被訪客搜尋到,這時就會開始有網站流量進入。

有關於網站流量的分析統計,幾乎都會使用 Google Analytics 軟體,需要把 GA 追蹤碼嵌入到 WordPress 網站,Google 才會幫你統計分析。

通常網站剛開始,把這兩個設定好就可以了。


常見問題

自架網站需要準備什麼?


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

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

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

網域如何取名呢?


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

網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務 or 產品有關、去除 www、 .com 優先、勿用中文。

虛擬主機是什麼?


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

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

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

WordPress 是什麼?


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

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

有推薦的 WordPress 優質虛擬主機嗎?


Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。可參考 Bluehost 教學,有完整教學。


WordPress 學習資源

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

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

我最近也開啟了 YouTube 頻道,裡面有些影片教學,你也能配上 Blog 一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。

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

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

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

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

Leave a Comment

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

Scroll to Top