WordPress 五天自學衝刺班: 型錄篇
第一天:準備網站環境

購買Cloudways主機+購買網址+購買Flatsome佈景主題

第一天
%
準備環境
第二天
%
建立與修改展示網站
第三天
%
建立更多內容
第四天
%
客製化外觀
第五天
%
展望未來

今日目標:幫網站準備好一個主機、網址、佈景主題

  1. 自架 WordPress,架在哪裡呢?----------------------------- (4:28 參考觀念)
  2. 主機有分哪幾種?------------------------------------------------ (5:42 參考觀念)
  3. 帶路姬推薦的主機,有什麼方案呢?----------------------- (10:05 參考建議)
  4. 如何申請試用版的 Cloudways 主機?--------------------- (8:46 實作)
    如何升級試用版的 Cloudways 變成正式------------------ (4:31 實作)
    如何在 Cloudways 後台與開啟 WordPress 後台?---- (6:15 實作)
  5. 如何搬家到 Cloudways 主機?------------------------------ (8:32 實作)
  6. 如何購買網址呢?(Namecheap)-------------------------- (14:47 實作)
  7. 如何購買佈景主題 (Flatsome) 呢?------------------------ (10:14 實作)

1. 購買主機

主機就像遠端的一台電腦,要拿來放置WordPress網站的檔案,要挑選效能好的、穩定安全的、還要能隨時方便去管理它的!

2. 購買網址

網址就像家裡的門牌一樣,最好是好記憶又獨一無二,建議購買主機時,順便註冊,對新手架站最方便!

3. 購買佈景主題

好的佈景主題不只影響WordPress網站的外觀,還影響製作速度、網站速度、網站排名等等,帶路姬帶大家購買全球超過43萬銷量的Avada主題!

第一天的課程要開始囉!

其實實作只是15分鐘的事,可是帶路姬希望解釋清楚,減少大家迷路的機會。

自架 WordPress,架在哪裡呢?

4:28 參考觀念,已知的同學可以跳過。

5:42 參考觀念,已知的同學可以跳過。

WordPress 網站有很多檔案,需要一個穩定快速的電腦來放置它。

如果把這些檔案直接放在自己的電腦上,必須多非常多的技術性工作,才能維持網站的正常營運,否則電腦可能中毒、可能斷線、可能被駭客入侵、被竊取資料等等... 所以我們不鼓勵把網站資料直接放在自己的電腦中,我們需要一個更安全的地方來放置WordPress的網站檔案。

所以,我們需要買一個全方位的「主機」,要適合新手入門使用、要CP值高。

新手可能使用的主機,大致上分兩種:

共享主機BluehostSiteGround 皆屬於這種,有點像大學宿舍,每個人分到一個小小的房間,與其他室友們共享空間,生活環境與條件受到很多限制。

雲端主機Cloudways 屬於這一種,有點像美式社區中獨棟的別墅,有自己獨立的空間,但是也有和其他別墅共用的游泳池、健身房等設備,至少在私有區域,有比較多的自主權與較良好的生活品質。

VPS 主機與雲端主機有許多共同之處,也有細微技術性的差異,有興趣的人可參考這篇,影片中帶路姬提及的VPS主機,即雲端主機的意思。

帶路姬推薦新手 Cloudways 雲端主機,有什麼方案呢?

10:05 - 建議想深入瞭解差別的人觀看。

  • AWS、Google Cloud

    *這兩個主機沒有提供試用。
    *可依需選擇空間大小適當的方案、流量則另外「以量計費」。
    *AWS 以每GB約3.6元台幣計費。
    *Google Cloud 以每GB約4.2元台幣計費。
    *建議選擇離目標客戶群接近的主機位置。

  • Linode、Digital Ocean、Vultr

    Linode - 約360元台幣起/月
    DO - 約300元台幣起/月
    Vultr - 約330元台幣起/月

    *帶路姬的網站是使用 Linode (Toyko) 每月50元美金的方案
    *每個方案有月限定流量,超過的時候,以每GB計費:Linode (約0.6元台幣)、 Vultr (約0.6~1.5元台幣)、DO (約0.6元台幣)
    *建議選擇離目標客戶群接近的主機位置

*以上價格,可能會偶爾有小幅度變動。
*VPS 主機與雲端主機有許多共同之處,也有細微技術性的差異,有興趣的人可參考這篇,影片中帶路姬提及的VPS主機,即雲端主機的意思。

建議可從 Linode Toyko 初階方案開始
Cloudways 是以時計費、每月結算的喔!

近年來,發現有些客戶的網站持續經營下來,網站功能變很多 (外掛好幾十個)、流量成長到比較大,在 SiteGround 主機上的網站開始變得不穩定,於是我開始尋求更適合他們的主機空間。

後來,很高興我找到了 Cloudways!他真的解決了好多的問題!節省了好多時間!他們擁有特殊的技術,讓你只需要學習一次他們的介面,就可以輕鬆購買使用五種雲端主機 (Digital Ocean, Linode, Vultr, Amazon, Google),而且以時計費,可以隨時換到不同的主機測試,非常有彈性!

為什麼 Cloudways 比其他雲端主機更適合新手?

✔ 後台使用介面很簡單 (相較其他主機上百個看不懂的名詞與設定)
✔ 非技術人員也能快速上手(第一天課程有教)
✔ 主機環境適合 WordPress 與 WooCommerce 使用
✔ 價格合理有彈性:用多少、付多少
✔ 可架設無限個網站
✔ 隨時一鍵升級或換方案(第五天課程有教)
✔ 隨時一鍵複製網站(用來做測試很方便)
✔ 輕鬆安裝免費的SSL,讓網站變成https!(第五天課程有教)
✔ 輕鬆監控主機用量(第五天課程有教)
✔ 輕鬆加裝CDN,讓速度再升級!
✔ 自訂備份頻率,隨時輕鬆還原!(第五天課程有教)
✔ 用外掛協助快速搬家!(第一天課程有教)
✔ 全年無休的優質客服:回覆快速有幫助!(第五天課程有教)

 

姬密傳授:

1. 如果你已經事先買了其他主機了,怎麼辦?

1. 可以繼續使用原本的主機,但是第五天和主機相關的教學,可能會不適用於你的情況喔!
2. 考慮搬到 SitegroundCloudways 吧!帶路姬都有用外掛搬家的教學喔!

2. 如果你真的不想買 SitegroundCloudways,還有其他的選擇嗎?

帶路姬也很推薦的 Bluehost主機 ,價格更便宜,光是最基本的Basic方案,就有50G的空間,只是他的效能和速度的確是差一點,比較適合個人網站與剛起步的網站喔!

要怎麼購買 Cloudways 主機?

8:46 - 需要看畫面,一步一步跟著做就可以了!

4:31 - 需要看畫面,一步一步跟著做就可以了!

6:15 - 需要看畫面,一步一步跟著做就可以了!

先申請帳號,從免費試用開始

  • 點選「Get Started Free」開始

    從首頁點選「Get Started Free」開始,可以申請免費試用三天。(影片中是從 Pricing 頁面開始,兩邊都可以喔!)

  • 建立新帳號

    請先填寫你的姓名、帳號要用的Email與密碼來建立帳號。

  • 選擇你想要的方案

    帶路姬建議不確定如何選擇的朋友,可以從最經濟實惠的 Linode 主機的最基礎方案開始,第五天的課程,帶路姬會教你們從後台一鍵升級到適合你的等級。

  • 兩步驟驗證帳號

    1. 電話驗證:請填寫電話號碼,會收到驗證碼於簡訊當中。
    2. Email 驗證:請收Email,點選Email裡面的「Activate Account」按鈕。

    Cloudways Email Verification

*以上信件與登入資訊,建議妥善保存,以備不時之需。

升級試用版成正式版

  • 點選「UPGRADE MY ACCOUNT」

    Cloudways Upgrade Account

  • 填寫信用卡資料

    • 請使用Visa或Master,請不要使用金融卡。(如果想使用金融卡,請確定有開啟信用卡功能)
    • 請到中華郵政地址英譯來協助你翻譯地址。

  • 點選「AUTHORIZE」

    點選「AUTHORIZE」,就可以確認綁定信用卡,未來就會每個月初,計算上個月的費用來自動繳款囉!

我已經有主機,可是我想搬到 Cloudways,要怎麼搬?

8:32 - 簡單用外掛搬家,十分鐘搞定喔!

1. 請先確定你已經購買好 Cloudways 的主機。購買流程在這裡

請參考上面的教學來購買主機。

2. 購買好 Cloudways 主機後,就可以開始幫網站搬家囉!(請看影片最清楚,再搭配文字解說也可以)

  • 到網站後台安裝搬家外掛「Cloudways WordPress Migrator」

    1. 請到左手邊的「外掛 > 安裝外掛」
    2. 搜尋「Cloudways WordPress Migrator」
    3. 安裝並且啟用
    4. 啟用後,到左手邊,點選「Cloudways Migrate」

  • 登入你剛購買的Cloudways主機

    1. 登入後,點選「Servers」
    2. 點選你想搬移網站到哪一個主機伺服器?

  • 跟著影片填入所有資訊

    1. 填寫Cloudways的Email帳號
    2. 在Cloudways要先建立全新的 WordPress Application,複製他的臨時網址。
    3. 在Cloudways,打開你新建立好的 WordPress Application,複製My SQL:DB Name,貼到外掛設定的「Database Name」欄位。
    4. 在Cloudway,打開你的Application 所在的Server,複製它的「IP Address, SFTP Username, SFTP Password」,貼到外掛設定的相關欄位。

  • 開始自動搬家囉!

    1. 填寫完資訊後,記得勾選同意隱私條款與使用條款。
    2. 點選「Migrate」,就會開始執行搬家囉!

要怎麼購買網址呢? 到 Namecheap 很便宜

14:47 - 需要看畫面,帶你一起認識每封重要通知信!

  • 1. 搜尋你想要的網址 > 加入購物車

    1. 如果可以購買,會看到藍綠色的勾勾與Add to cart按鈕,讓你加入購物車。
    2. 如果已經被別人購買,會看到灰色的X,請重新搜尋其他網址。

  • 2. 確認拼音、年期

    網址買錯不能重來!

    請再三確認你的拼音,並且確認你想購買多久的時間,在點選「Confirm Order」來確認購買。

  • 3. 建立 Namecheap 的新帳號

    1. 填寫你想要的帳號、密碼、名、姓、Email信箱。
    2. 點選「Create Account and Continue」繼續。

  • 4. 填寫聯絡人資料

    1. 請到中華郵政地址英譯來協助你翻譯地址。
    2. 填寫所有聯絡人資訊後,點選右邊的「Continue」繼續。

  • 5. 確認網域相關管理人員資訊

    1. 如果你的網域需要指定技術管理人員與帳務管理人員,可以從這個頁面指定。
    2. 如果不需要的話,請直接點選「Continue」繼續。

  • 6. 新增信用卡資訊

    1. 請使用Visa或Master,請不要使用金融卡。(如果想使用金融卡,請確定有開啟信用卡功能)
    2. 填寫完畢,請點選右手邊的「Continue」繼續。

  • 7. 點選「Pay Now」付費購買

    1. 請做最後的資訊確認後,再點選「Pay Now」就可以正式付費購買囉!

收取重要信件!請點選驗證信裡的連結,才能正式啟用網址!

  1. 請打開這封信:IMMEDIATE VERIFICATION required for your domain(s)
  2. 這封Email當中,請點選連結「Click here to verify your email address」,就可以驗證網域所有人的Email信箱是正確的囉!

*以上信件與登入資訊,建議妥善保存,以備不時之需。

要怎麼購買 Flatsome 這個佈景主題呢?

10:14 - 需要看畫面,跟著一步一步做就可以了!

網頁開啟後,請依下列步驟來購買(影片可參考):

  1. 點選 Add to Cart 加入購物車
  2. 點選 Go to Checkout 去結帳
  3. 建立 Themeforest 主題市場網站的帳號 (填寫 First Name 名、Last Name 姓、Email、勾選兩個同意按鈕、建立 username 帳號名稱、password 密碼)
  4. 填寫地址(名、姓、Country 國家、Address line 1 街道地址、City 城市)--- 請到中華郵政地址英譯網站翻譯地址
  5. 購買完成,點選「Download」來下載佈景主題檔案。

姬密傳授:

  1. 一次 Flatsome 的購買,只能安裝在一個主要網站上,以及相關子網域上,子網域必須是同一個網站的架構下 (例如多國語言網站),相關資訊可參考官方說明
  2. 只需要付費購買一次,未來永遠可以免費更新。(不用年年繳費喔!)

第一天的課程結束囉!

今天做得很好喔!希望你們都已經準備完畢!明天要開始安裝主題與範例網站了喔!

第一天
%
準備環境
第二天
%
建立與修改展示網站
第三天
%
建立更多內容
第四天
%
客製化外觀
第五天
%
展望未來

你喜歡這樣的學習方式嗎?

這裡需要你的真實見證! 成功時,別忘了留言告訴我喔!- 網站帶路姬

"Lacinia neque platea ipsum amet est odio aenean id quisque."

— KELLY MURRY
ACME Inc.

"Aliquam congue lacinia turpis proin sit nulla mattis semper."

— JEREMY LARSON
ACME Inc.

"Fermentum habitasse tempor sit et rhoncus, a morbi ultrices!"

— ERIC HART
ACME Inc.

要怎麼登入主機、安裝與登入 WordPress 呢?

5:59 - 需要看畫面,帶你一起認識每封重要通知信!

1. 收取重要信件! Siteground 帳號資訊通知。
Important Information About Your New Hosting Account

這封信會列出登入Siteground主機後台的帳號。這是你在購買主機時,第一個填寫的那組Email信箱和重複打兩次的密碼。

2. 收取重要信件!WordPress 安裝完成通知。
Hosting account setup confirmation

這封信會列出WordPress網站後台的登入網址、登入帳號。這組帳號是剛剛購買過程中,最後面在安裝WordPress時,所填入的帳號資料。

登入網址通常是:http://你的網址.com/wp-login.php

3. 收取重要信件!請點選驗證連結,來驗證你註冊的網址!

  1. 請打開這封信:VERIFICATION REQUIRED - Please verify your domain name(s) as soon as possible
  2. 這封Email當中,有一串很長的網址,請點選來打開驗證網址頁面。
  3. 在打開的頁面中,點選最下面的橘色按鈕「VERIFY INFORMATION」。
  4. 完成。

*以上信件與登入資訊,建議妥善保存,以備不時之需。

標籤

網站帶路姬 / Erin Lin

Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。

9 則留言

    1. 咦?我好像有在影片中提到… 請看型錄篇的「主機是什麼」,並且,主要的差異就是, 型錄篇是用雲端(VPS)主機,你可以確保有自己的主機資源,不用跟別人共享,網站速度、安全性都會相對好很多。型錄篇因為會用到WooCommerce,而且,有些同學會進一步把它變成購物網站,當商品越多時,會越需要效能高的主機,不然會影響購物流暢度,所以我們比較建議,型錄篇使用 Cloudways 主機。

  1. 請問Cloundways的主機IP,要如何在中華電信那設定DNS位置呢?

    因為Cloundways不會提供NS位置,還是只要將IP貼兩次到中華電信的DNS就可以了呢?

  2. 您好,想詢問若前期以local架設網站後再搬站至線上,主題是否會需要再另外付費呢?感謝!

發佈留言

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

Back to top button
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link
close-link
close-link
Close