架設一個 WordPress 網站 (例如:架設公司官網、個人部落格 (Blog) 或購物網站,都需要有以下的三個基本元素:
- 1租用網域域名 (Domain Name) - 需要費用
- 2租用虛擬主機 (Hosting) - 需要費用
- 3安裝 WordPress - 免費
本課程將從零開始,一步步指引你從租用專屬的網域域名、租用經濟實惠的虛擬主機以及安裝 WordPress,接著利用網頁編輯器以及網站主題來進行網頁的設計,再來則是安裝必要的外掛,最後進行網站的優化並完成必要的網站相關設定等..。
即便你是架設網站的初學者,只要完成了本教學課程,就能輕輕鬆鬆架設一個屬於專業等級的網站。你可以隨時在後台更新網站資訊、產品訊息等..,完全不需要再依靠收費昂貴的網站設計公司了!可幫你大大地節省架站需要付出的成本!
架設一個網站需要花多少錢?
1. 基本費用
網域域名 (Domain Name) + 虛擬主機 (Hosting)
無論你想架設何種網站, 都需要二個最基本的元素:網域域名 (Domain Name) + 虛擬主機 (Hosting),而這二個基本配備則是需要收費的。因此身為網站主人的你則必須負擔這些費用。
架設屬於自己專屬的網站,就好比你承租了一個在網路上的店面,你可以自行決定它的用途!
如何選擇網域域名和虛擬主機?
對於新手而言,只要把事情簡單化即可,建議你不要分開購買網域域名和虛擬主機。 大部份的虛擬主機 (Hosting) 供應商都有所謂的租用計劃 (Hosting Package),選擇在同一家購買往往會比分開購買更便宜 (例如:首年免網域費..等),而且可以免去相關的設定流程,節省你的寶貴時間。
目前市面上有許多虛擬主機 (Hosting)供應商,建議你選擇國外的供應商會比較便宜。
Bluehost 和 HOSTINGER 或 HOSTGATOR 是目前國外比較受歡迎的供應商之一,全球有超過數百萬個網站使用並持續增加中,不論網站空間、網站速度、客戶服務等方面表現都令人滿意,對於網站新手而言是最理想的選擇。
費用預估
虛擬主機 (Hosting)及網域域名 (Domain Name)費用:
如果你是新手而且預算有限,可以選擇 Bluehost basic 的一年方案(約1600元/年),含一年的網域域名費用,此為最划算的組合,可用最少的預算開始架設你的網站。
本教學將以租用 Bluehost 為範例,教你一步一步完成網站的架設。
2. 建議使用的外掛費用
2.1 網頁編輯器外掛 (Page Builder Plugin)
另外,若是你想讓網頁設計 (主題、頁面及文章) 變得更容易、更專業的話,那麼則需要依靠網頁編輯器 (Page Builder)。
一個簡單的拖放式 (drag and drop) 網頁編輯器,可以讓初學者在網站上構建漂亮、客製化的佈局和登錄頁面。 此外,一個好的網頁編輯器還可以幫助網頁開發人員加快創建、設計的速度,並讓他們可以更高效率地工作。
現在市場上有許多適用於 WordPress 的網頁編輯器,它們可以幫助您自己創建專業的 WordPress 網站,你無需任何電腦編碼技能的基礎就可以上手使用,如: Thrive Architect, Elementor 或 Divi 等等...。
本課程使用的是 Thrive Architect (All-In-One Page Builder) 外掛,也是我目前使用且最推薦的網頁編輯器,它也是屬於拖放式 (drag and drop) 網頁編輯器,非常容易上手。你不需有任何程式基礎,只要用拖曳方式,就能客製化出自己想要的網站形式。對於佈景主題 (Theme)、頁面佈局、新增區塊功能、編輯區塊內容等,有了 Thrive Architect 都將變得更容易。
Thrive Architect 除了容易使用、適合初學者之外, 它有許多很棒的功能,還有多種網站樣板及區塊模板,只要選擇你要呈現的設計模板,點擊按鈕就可套用。可以幫你構建一個客製化且漂亮、專業的網站,同時可以節省你建置網站及撰寫文章的時間。個人認為是迄今為止適合初學者使用的最好的網頁編輯器。
當然你也以選擇使用 WordPress 內建的編輯器 (免費),但是你會發現兩者設計出的網頁差異,將會是天差地別,而且使用網頁編輯器 (Page Builder) 將更節省你寶貴的時間,個人會建議使用網頁編輯器來編輯佈景主題 (Theme)、頁面 (Page) 及文章 (Post)。
2.2 網站佈景主題 (Theme)
每個 WordPress 網站都需要安裝一個網站主題 (Theme) 才能讓網站正常運行,因此挑選一個適合自己網站的而且容易操作的網站主題 (Theme),對於網站創建者來說是一個重要的課題。
WordPress 網站主題 (Theme) 主要負責控制網站的整體外觀和佈局。 所以,網站的側邊欄、頁首、頁尾、頁面的頂部欄位和底部欄位..等重要元素的顯示方式,都是由主題 (Theme) 來控制。
除此之外,網站主題還負責管理各頁面模板的設計。 也就是說,當你設定完成各個頁面的呈現方式之後,之後你添加的所有頁面將會自動的套用到你所設定的模板中。例如': 文章頁面、文章列表頁面、一般頁面以及 404 頁面..等。
WordPress 網站主題還管理各頁面模板中的內容將如何顯示在你的網站上。 例如:在不同頁面和文章上的內容元素、文章發布日期、作者欄位、社交共享功能、評論部分功能..等等。
最後,主題還負責網站外觀所包含的圖像(圓形、矩形或方形圖像)、背景圖案和顏色、內容定位、字體顏色、類型、大小、高度和不同類型文章標題(例如: H1-H6)的設定。
對於新手而言,你只需要專注學習一種 "網頁編輯器 (Page Builder Plugin)",以及一個 "網站佈景主題 (Theme)" 即可!
本教學所有網頁編輯、佈景主題編輯皆以 Thrive Architect + Thrive Theme Builder 這兩個外掛,教你一步一步完成網站的架設。
2.3 學習管理系統 (LMS) 外掛 - Thrive Apprentice
學習管理系統(LMS)是一種軟體應用程式,用於管理、記錄、跟蹤、報告、自動化提供教育課程、培訓計劃或學習和發展計劃 - 維基百科。
如果我們想要在自己的網站上建立一個線上學習課程,那麼就必須依賴一個學習管理系統 (LMS) 外掛,來幫我們達到此目標!
本教學推薦並使用的是 Thrive Themes 公司旗下的 LMS 學習管理系統外掛 - Thrive Apprentice。我們可以更輕鬆的利用此外掛,快速地完成課程網站的規劃與設計。
費用預估
Thrive Architect 網頁編輯器外掛 + 網站佈景主題 (Theme) 費用:
本課程之教學使用:Thrive Architect + Thrive Theme Builder
本課程之教學使用:Thrive Apprentice
Thrive Themes 公司於 2022年 2月份,調整了產品售價並將產品分開租用,對於初學者來說是一大福音,可以針對目前的需求來租用主要的外掛即可。
1. 如果你本身沒有網站,需要從零開始建立線上課程網站的話,建議選擇 Thrive Suite 方案,此為最划算的組合,一年的費用為 299 美金,除了本課程會介紹的 Thrive Architect、Thrive Theme Builder 以及 Thrive Apprentice 三個必要外掛之外,還可以使用另外 7 個好用的外掛,可說是物超所值。
2. 如果你已經擁有自己的網站,則可以直接選擇 Thrive Apprentice 即可。
3. 其它工具 (依照個人需求)
電子郵件行銷 (Email Marketing) 工具
電子郵件行銷(Email Marketing) : 是一種利用電子郵件為其傳遞商業或者募款訊息到其受眾的直銷形式。就廣義而言,每封電子郵件傳送到潛在或現行客戶都可視為電子郵件行銷。
若是你想維持和網站上的觀眾、客戶關係,並保持密切聯繫以利日後的活動推廣、行銷...等。那麼你將會需要電子郵件行銷工具 (Email Marketing Platform),如: Getresponse、Aweber ...等等。
妥善利用電子郵件行銷平台,就如同你請了一名專門與客戶聯繫的公司員工,可以幫你密切的與客戶維持關係,並可定時或隨時地發送各類訊息 (如: 文宣、廣告、文章...等。) 它的自動化功能可以讓你節省許多寶貴時間。是許多成功的網站主或部落格主,最依賴的工具之一。
如果你的網站屬於個人企業網站或是公司網站,需要與客戶、淺在客戶維持好長期關係,那麼你需要學習並利用電子郵件行銷 (Email Marketing),來達到企業最終銷售目標。
電子郵件行銷:是通過電子郵件與客戶溝通的一種經濟有效的方式
電子郵件行銷 (Email Marketing) 工具費用:
Getresponse 和 Aweber 目前都有免費專案,可以收集 500 名客戶電子郵件。可以根據你的網站需求來升級成為更高階、功能更多的版本。
架設公司官方網站前需要準備的事項
1. 選擇一個好的網域名稱 (Domain Name)
選擇一個好的網址(域)名稱,是架設網站的首要任務。作為初學者,你不需要過度考慮選擇網域名稱的過程,只需要考慮以下幾個準則即可:
想好你的網址(域)名稱了?
你可以列舉幾個你想要的網域名稱,並在下方查詢該網址是否可以使用:
2. 網站標題以及網站說明
請先準備好你的網站標題 (個人網站名稱或公司名),另外你尚需準備一段介紹網站的簡單文稿 (簡單介紹這個網站的內容)。
3. 網站 Logo
放置一個專屬的 Logo 可以讓你的網站看起來更專業。你可以自行設計網站 Logo ,若你沒時間也可以花一些小錢找人幫你設計。
Logo 建議尺寸: 250x40 px