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

購買Siteground主機+註冊網址+購買Avada佈景主題

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

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

  1. 自架 WordPress,架在哪裡呢?--------------- (3:55 參考觀念)
  2. 帶路姬推薦的主機,有什麼方案呢?---------- (5:56 - 必知觀念)
  3. 要怎麼購買 Siteground主機?----------------- (14:07 - 實作)
    要怎麼搬家到 Siteground主機?-------------- (14:46- 實作)
  4. 要怎麼登入主機和 WordPress 的後台呢 ---- (6:00 觀念+實作)
  5. 要怎麼購買佈景主題 (Avada) 呢?------------ (7:40 實作)

1. 購買主機

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

2. 註冊網址

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

3. 購買佈景主題

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

第一天的課程要開始囉!

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

自架 WordPress,架在哪裡呢?

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

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

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

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

帶路姬推薦新手使用Siteground主機,有什麼方案呢?

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

  • StartUp 入門方案

    第一筆帳單33折優惠

    買一年:1422元。
    買兩年:2844元。
    買三年:4266元。

    *第二筆帳單起,
    每年續約價3582元,
    續約兩年再打八折。
    續約三年再打七折。

  • GrowBig 成長方案

    第一筆帳單 3折優惠!

    買一年: 2142元。
    買兩年:4284元。
    買三年:6426元。

    *第二筆帳單起,
    續約一年7182元。
    續約兩年再打八折。
    續約三年再打七折。

*以上價格,可能會偶爾有小幅度變動。

通常80%的人會選擇 GrowBig 成長方案
建議一次買兩年以上最划算

帶路姬十幾年來買過十幾家的主機,在淘汰掉一堆問題主機後,最後我把80%的客戶都搬到Siteground的主機上,兩年多以來,幾乎沒有發生過任何問題,也不需要與客服聯繫。綜合了各方的考量,像是安全性、速度、穩定性、客服品質、備份還原方便性等等,我覺得 Siteground 的CP值很高,大家可以放心購買。

不過,如果你負擔不起 GrowBig 的方案也沒關係,還是可以考慮從入門方案開始,未來再做升級。入門方案的價錢親民很多,其實可以搭配自己另外安裝站內備份的外掛 (UpdraftPlus),把備份存到Google Drive之類的雲端空間。也是不錯的方式!

為什麼 GrowBig 成長方案比 StartUp 入門方案好?

✔ 網站速度更快
✔ 客服速度也更快
✔ 可以架設無限個網站 (StartUp方案只能一個)
✔ 可以隨時自己把網站還原到30天內的任何一天 (StartUp要另外付約600元請客服還原)

帶路姬在第五天的課程,還會另外教大家如何繳費、管理主機、還原備份、與客服聯繫。

姬密傳授:

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

1. 繼續使用原本的主機,但是第五天和主機相關的教學,可能會不適用於你的情況喔!
2. 搬到 Siteground 吧!請參考下面的教學。

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

帶路姬也很推薦的 Bluehost主機 ,價格更便宜,光是最基本的Basic方案,就有50G的空間,比Siteground大很多。只是他的整體表現比Siteground差,如果是要做商業用途的話,我還是最推薦Siteground喔!

要怎麼購買 Siteground主機?Siteground 主機購買流程

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

已經有網址的人,記得選這個選項!

帶路姬密: 如果你是想搬家到 Siteground主機,只有這個註冊網址的步驟,請選擇「I already have a Domain」,並且填入你的網址,其他的購買主機流程都和上面影片的流程一樣,完成購買後,下面的教學會教你輕鬆十分鐘搬網站喔!

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

  • 選擇你要的方案

    在StartUp或者GrowBig方案下面點選「Order Now」。

  • 選擇你想註冊的網址

    填入你想要的網址,看看是否被註冊過,如果沒有被註冊過,就會直接被帶到下一個步驟。

    帶路姬密:如果你是想搬家到 Siteground主機,請參考左圖,填入已經有的網址

  • 依序填寫資訊來完成購買

    填寫建立Siteground帳號的資料、個人聯絡資料、信用卡資料,即可完成購買。--- 請到中華郵政地址英譯網站翻譯地址

  • 購買完直接安裝WordPress

    購買完成後,會直接進入「安裝WordPress軟體」到你購買的主機上的畫面,請你建立「登入WordPress 網站後台」的帳號密碼,依序完成即可。

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

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

帶路姬密:

  1. 如果你本來就已經用Siteground主機,想要搬第二個網站過來你的GrowBig方案的,你會需要多一個增加「Addon Domains」的步驟,請參考影片有示範。
  2. 如果你是新註冊的Siteground主機,註冊過程中你已經填寫你現有的網址,那就可以直接選擇你的網址。
Siteground Migrator

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

購買過程中,可以直接參考上面「第一天 第三步」的教學影片,只是請記得,在填寫網址的時候,請選擇「I already have a domain」,並且填入你的現有網址,再往下一步完成購買。

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

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

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

  • 登入你剛購買的Siteground主機

    1. 登入後,點選「My Account」
    2. 點選紅色的「Go to CPanel」
    3. 找到「WordPress Migrator」(搬家工具)
    4. 在 WordPress Migrator的地方,選擇你想要網站搬過來時,使用哪一個網址?(參考左邊帶路姬密)
    5. 點選「Generate」,產生一個「搬家啟動序號」。
    6. 請複製這個序號備用。

  • 把「搬家啟用序號」貼入到網站後台的「搬家外掛裡」

    回到剛剛網站的後台,把序號貼到搬家的外掛裡,點選橘色的按鈕「INITIATE TRANSFER」,就會開始自動搬家了喔!

  • 搬家完成後,最後一步要改網址的域名伺服器 (NS)

    1. 搬家完成時,在搬家完成畫面和搬家完成通知信裡,都會給你兩個 NS 位址,等等要複製這兩個位址到你的「管理網址的地方」。
    2. 到你註冊網址的網站,登入網站來管理你的網址,找到編輯「Name Server 」的地方,選擇 Custom Name Server,把剛剛 Siteground 給你的兩個NS位址,貼過來這裡。
    3. 記得儲存。

    *請參考影片,就會比較清楚了!

要怎麼登入主機和 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. 完成。

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

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

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

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

  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. 一次 Avada 的購買,會給你一組註冊碼,只能安裝在一個網站上。
  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.
標籤

網站帶路姬 / Erin Lin

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

55 則留言

  1. 你覺得這份教學對你有幫助嗎?有幫助你釐清很多觀念嗎?帶著你很順利的做好第一個網站嗎?幫助你節省了很多時間嗎?有沒有很喜歡Siteground和Avada呢?請在這裡告訴我喔!我喜歡聽聽你們的學習故事喔!

    1. 如果你是希望WIX可以先繼續營運,同時可以用同一個網址先在Siteground開始開發,那有一個辦法喔~
      https://iamnickdavis.com/temporary-url-siteground-migration/

      請你用翻譯軟體先翻一下,這篇文章有教,其實很簡單:
      1. 到 Siteground後台,點選 “My Accounts”
      2. 點選 “Information & Settings”
      3. 點選 “Access Site by IP”(他會把以IP為主的開發網址從新視窗打開)
      4. 複製剛剛那個IP的開發網址(https://123.456.789.10/~cpanelusername/)
      5. 請到Siteground的CPanel> File Manager (或者用FTP)
      6. 找到 wp-config.php 的WordPress設定檔案
      7. 在wp-config.php的最下面,貼上以下兩行:

      define(‘WP_HOME’,’https://123.456.789.10/~cpanelusername/’);
      define(‘WP_SITEURL’,’https://123.456.789.10/~cpanelusername/’);

      記得,上述IP數字都是假的喔,記得換成你的Siteground給你的IP網址!

      這樣應該就可以,透過開發網址先做WordPress網站了喔!

  2. 好棒的教學,還沒開始練習,先上交心跳費,我知道線上教學網站可以做成這樣 影音結合文字,這都是我一直想學習的
    今天終於遇到有人做出來且還教你怎麼做的
    感動感動

    1. 太感動了!我也感動了!為了收到第一筆的捐款而感動啊!謝謝你的鼓勵啊!祝你學習順利喔!❤️

  3. 老師

    請問, 購買一次 Avada, 可以同時裝在網路主機環境 WP 和自己的伺服器主機 WP 嗎, 我想在自己主機驗證設計之後再更新到網路主機上.

    Thks

  4. 再請教一個問題. Avada 佈景主題的照片可以編輯更換嗎? 若不能換, 很容易跟他人選到同樣的圖片的佈景主題做形象網頁那就糟糕了. 若能換, 怎麼做? Thks.

    1. 請問你說的是哪一個照片?還是所有的照片?基本上Avada下載安裝後,所有的照片都可以換喔!至於怎麼換,你可以看五天自學衝刺班第三天和第四天的課程,裡面有詳細的影片解說喔!

  5. Hello, 老師好

    感謝您的影片, 我從 9/9 -9/10 之間已經架好了一個形象網站 ! 分享如下:

    1. 購買域名. 到 Godaddy 申請 .tw 域名第一年費用只要 50 NTD. 馬上就開通(5min).
    2. SiteGround 購買主機空間. 2 年 4397 NTD, 也是立刻開通 (5min).
    3. 然後就在 SiteGround 上開始玩 WordPress 啦, 購買 Avada NTD 1909, 立刻開通, 裝好 (30min).
    4. 網頁需要大量的照片, 一個公開資源分享給大家 https://unsplash.com/collections
    5. 我把 Creative 的內容砍掉剩下 2 頁, 改成自己的內容, 中間試錯了好多次也問老師笨問題, 謝謝老師耐心回答我(8hr).
    6. 作品雖然還有很多的缺點, 先開放讓親朋好友吐槽吧, , 加入老師的文章訂閱會員跟著繼續學下去, 學到哪裡改到哪裡.
    7. 一個週末花了 NTD 6356 學到的知識跟租用到合適的工具, 覺得很值!

    1. 哇!你好棒!一個週末就搞定很多別人可能花好幾個月才做好的事!真的很謝謝你的分享! 讓我覺得好欣慰啊~~ 影片沒有白錄了 ❤️
      歡迎你繼續慢慢學、慢慢改~ WordPress 就是這麼好玩~ 只要有心找個幾天認真的跟著影片做完一次,其實未來真的是無限寬廣啊~~~ 有空多來社團跟大家聊聊,恭喜你升格為帶路小老師了👏

  6. 因為自己原本是用GoDaddy主機,所以看到站長介紹SiteGround時有些擔心搬家會不會很麻煩。
    不過後來買了SiteGround後,非常高興自己做了這個選擇。主要原因如下:
    1.WP後台速度提升→修改頁面後存檔速度明顯增加
    2.SG後台介面清楚→自己是架站新手,SG介面不會讓人看了摸不著頭緒
    3.客服處理速度快→因為搬家需要一些步驟,再跟SG溝通時,客服人員回覆速度都非常迅速

    當然Erin老師網頁上的教學也很重要!完全不用擔心會做錯!

    非常謝謝老師!

    1. Hello Charlie,真的很高興你最後決定搬到Siteground了,他們的費用雖然比一些便宜的主機商高一點點,但是真的很值得,算是速度上最優良的CPanel共享主機了。謝謝你的經驗分享,祝你網站營運順利喔!

  7. 您好:有依照影片申請了網址,但之後想要更改,請問該怎麼做? 有到CPanel裡去修改,但是會變成無法登入(現已經從siteground復原了)

  8. 你好,謝謝你的講解,受益良多,有先用免費的主題操作了一下,現在想要試試看老師推薦的avada,但點進去後他的購買位置有六個月的支持,並且有一延長至12個月的選項,想請教老師,那個是什麼意思,謝謝

    1. 你好,六個月內,你可以有權限發支援單,請教主題開發團隊,享有客服支援的服務,但是半年後,你的權限會被取消,所以你可以考慮想不想延長支援客服的服務時間。如果不延長,以後還是可以另外購買,就是說,過了半年後,第八個月時,你遇到一個問題,社團裡都問不到答案,你真的需要問客服,你可以另外重新購買一次客服服務,只是那時候再買會比較貴。

        1. 你可以參考這篇文章喔!寫的很清楚:https://wpointer.com/wordpress-tutorials/themes/themeforest-astra-oceanwp-generatepress-divi-comparison/

    1. 如果其他地方買網域,會需要多一個更改網域Name Servers的步驟,就怕你不知道會不會做,稍微麻煩一點,所以我才建議新手們,乾脆一起從Siteground 申請,直接買網域+主機,會方便很多。

  9. 嗨 Erin 老師

    覺得妳編寫的教材實在太棒了!簡單易懂,也非常仔細的說明每個步驟,讓我這新手可以安心地按下一步。
    先前我自己架設的網站過程很模糊,亂亂摸出來的,實在無完整得頭緒也不知道主機和網域的真正功能到底是什麼。
    雖說上網查過了,但沒有像妳介紹得如此清楚易懂。
    今天2個小時的課程中稍微認識了主機的功能,也順利的買到主機、創建網址、購買主題。
    真的是受益良多~期待後續的課程~永遠支持妳~加油~也要謝謝妳如此的用心製作這麼棒的教程~

  10. Hello Erin, 能在接觸Wordpress的初期看到妳的教學就像在森林裡有一副地圖!很謝謝妳的分享和教學~ 想請問一下在另外買主機/網址的情形下,還需要購買wordpress本身的Plan嗎?如果在其他主機網站買方案跟安裝WP,還能免費使用各種Plugins嗎?還是就變成要每一種單獨購買和安裝呢?謝謝!

    1. Dora 你好,另外買主機/網址,就不用再買 WordPress.com 的Plan,自己買主機安裝WP,可以免費使用非常多的外掛,但同時也有部分的外掛會請你付費成升級版,才能使用進階的功能。自己買主機,能用的免費外掛,還比 WordPress.com 上面的還更多喔!

  11. 請問老師,我有兩個問題請教。(1)你提到的網站搬家功能,是否一定要得到網站的主人確認呢? (2)可否把我原有的網站的內容覆製到新的網站嗎,但舊有的網站同時保留,結果是有兩個內容一樣而網址不同網站,可以這樣鳴?

    1. 1. 當然要喔!要有管理原網站的後台權限,還有原網址的管理權限。
      2. 不建議這樣喔,同樣的內容,不同的網站,會被 Google 視為重複性內容,對Google 排名不利。可是,如果你不在意排名的話,當然是可能都可以做到的。

  12. 老師您好:
    看您的教學簡單易懂,真的學到很多的東西!
    請問老師,如果我購買老師推薦的avada後,同一個網站但之後更改網址的話,請問avada的佈景主題會不能使用嗎?
    謝謝您!

  13. 您好,

    請問一下,如果我早就買了網域,然後我也有wordpress.com的帳號,我應該怎麼操作呢?
    然後我不小心按了Dont need help now, 然後就沒有然後了,因為直接陷入混亂。
    想說是不是用那個搬家的方法,我用我原本的wordpress登入進去,他說下載外掛需要升級成商業版,所以完全卡住。

    謝謝你

    1. 建議你放棄wordpress.com的帳戶,不要繼續付款,重新製作自架的網站,申購siteground時,選擇已經有網址,填入你原本的網址。

      然後你會需要從wordpress.com的後台做兩件事:
      1. 使用工具>匯出,把你已經建立的內容匯出來,再帶到新的網站
      2. 自訂網址的NS,使用Siteground主機寄給你的NS,這樣原網址就可以指向新的主機了。

    1. 免費的話,建議從 wordpress.com 申請免費帳號開始就可以了,完全先不用管主機的事… 只是功能上很多限制。

      免費的主機,我真的不清楚了,因為免費的主機問題通常很多,練習起來問題也很多,而且很多問題明明都是可以避免的…

      如果真的不想一下話太多錢,可以考慮從bluehost 開始… 算很便宜划算了,至少練習起來不會有因為主機而產生的怪問題。

      https://wpointer.com/recommends/bluehost/

  14. 老師您好,我目前遇到2個問題:
    1. 網址是Hinet,明年才到期,這樣一樣是建議把網址轉到siteground嗎?
    2. 因為目前正在使用的網站是wix的,他的後台無法進行『我已經有主機,可是我想搬到 Siteground,要怎麼搬?』這一段單元,那麼是要這段直接跳過對嗎?
    3. 不知道是不是因為跳過搬移主機的單元,所以目前都沒收到【VERIFICATION REQUIRED】這封驗證信,請問該怎麼繼續呢?

    以上,再麻煩老師回覆了,謝謝~~

    1. 關於1、 不用轉到SG, 但要設定NS, 請參考這篇 ,https://wpointer.com/wordpress-tutorials/wordpress-development/hosting-domain/ns-settings-wordpress-installer/

  15. 老師!
    若買了wordpress.com 的進階版, 有自己的網址, 請問算包含伺服器嗎?
    剛按你的連結購買了siteground, 到set up your website 步驟, 是選”start a new website” 還是選 “transfer a website” 呢?

    期待你的解答 =]

  16. Hi老師,第一天已完成,但是有個問題是我一直收不到Siteground 驗證信,其他信件 hosting/important 都有收到,我已重新發送很多次了,請問收不到驗證信該怎麼辦呢?我的網址一直卡在審核中

  17. 老師您好,我目前已超過一小時都沒收到【VERIFICATION REQUIRED】,其他信件都有收到,我確定有購買成功有發票購買證明,請問我該怎麼收認證信呢?再麻煩您回覆了謝謝您。

  18. 您好

    您說, “一次 Avada 的購買,會給你一組註冊碼,只能安裝在一個網站上”
    如果在 SiteGround 購買 GrowBig 套餐, 我要架 2 個用Avada模板的網站, 是不是就要買 2 個 Avada 授權了? 有沒有省錢的方法?

    Thks

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

★ 完全免費的影音+圖文教學+ ★

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

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