第一天:建立全新的 WordPress 網站

雖然影片總長約 60~80分鐘,但實際操作不過十幾分鐘的事,因為帶路姬把各種建置方案說明的很詳細,希望幫助大家做最適合自己的選擇,讓網站有好的開始喔!
建立全新
WP 網站
套用版型
增加內容
編輯首頁
編輯選單
調整設計
修改樣式
安裝外掛
擴展功能
好學生推廣
加碼影片!

0.課程正式開始囉!先來看看課前注意事項!

雖然課程的規劃是五天(每天約一小時),但是,歡迎你依照自己的作息與行程來調整學習步調。接下來的幾天,就讓帶路姬來陪著你一步一步把網站做出來吧!

上課過程中,請大家盡量配合下面的幾點注意事項,讓線上學習更順利:

  1. 教學與影片不要跳著看:章節順序都是精心安排過的,請照著順序上每天的課程,才能聽得懂喔!另外,影片都已經盡量精簡,假如你真的想更節省時間,寧可加快播放速度,但盡量不要跳著看,避免錯過重點喔!
  2. 留意教學更新與補充:開始看每個影片前,請先看一下影片下方,帶路姬是否有增加「更新內容」或「補充內容」。
  3. 請先跟我套一樣版型:建議你先跟著帶路姬的教學走一遍,套用一樣的版型,直到課程第五天,帶路姬會教你如何換成其他版型。
  4. 歡迎到社團交流討論:製作過中,如果卡關遇到問題,歡迎到網站帶路姬學園的臉書社團,查看看有沒有人問過相同問題,或者留言參與討論。

1. WordPress 要安裝在哪裡?

安裝在網路空間裡 (主機)

重要觀念 4’56”

重點提示:
  1. WordPress 像是個軟體,需要安裝在電腦上。
  2. 基於效能與安全考量,不建議把它安裝在自己的電腦上。
  3. 對新手最方便的方式,是把它安裝在遠端租用來的電腦上 (主機)。
  4. 適合新手的主機有分成虛擬共享主機 (較慢、較便宜) 與獨立雲端主機 (較快、較貴)。

2. 主機有哪些選擇?

請先比較方案、做好選擇,下個步驟帶路姬會帶著你購買喔!
  1. 帶路姬原本推薦了三個我最信任的主機商,但是,今年決定先暫時移除Bluehost主機,留校察看。
  2. 我幫你做好功能,歸納出三個最推薦的方案+年期的組合,適合三種最常見的情境。
  3. 如果你想節省時間,省去自己慢慢比較的麻煩,建議你可以看帶路姬最推薦的入門方案比較的部分,只要短短的12分鐘,卻一定足夠協助你做出適合你的選擇。
  4. 如果你還是不放心,也可以再展開更下方的各個主機方案比較,帶路姬也有針對該主機的各種方案做深入比較與講解,幫助你做最後的決定。
帶路姬最推薦的入門方案比較
  • 速度優勢:Cloudways > A2 Hosting 
  • 價格優勢: A2 Hosting > Cloudways
  • 以省錢為第一考量的人:請選擇 A2 Hosting主機,可以先買一年試試看,便宜又不用擔心綁太久;或者直接買三年,畢竟只有首購有優惠。
  • 以速度為第一考量的人:請選擇 Cloudways 主機,一次到位就不用擔心未來可能還要搬家,還可以每個月付費就好,不需要綁約!
  • 以CP值為第一考量的人:請選擇 A2 Hosting 主機,30天內可無條件退款,30~90天內可依使用比例退款,方案從慢到快都有,可以隨時升級,是充滿彈性又划算的主機!
  • 真的不知道要選哪一個的人:如果負擔得起一年4000元左右的人,請選 Cloudways 主機 準沒錯!反之,就選 A2 Hosting 主機吧!

* 以 1美元 = 30台幣換算。
* A2 主機,只有首購有優惠,續約恢復原價。
* A2 主機的折扣價有包含註冊新網域 (419元/年)。
* A2 主機的原價 (續約價),有包含續約一年網域的費用 (419元)。
* Cloudways 主機實際是每月收費,但為了方便比較,上方總價是已經x12個月。
* Cloudways 主機不販售網址,帶路姬會帶大家另外購買,為了方便比較,總價已含註冊一年新網域 (約254元)。
* 如果你已經有網站,也可以參考上面的價格方案,跟著搬家教學 把網站搬到 A2 主機 或著 把網站搬到 Cloudways 主機喔!
* 價格僅供參考,實際價格以主機商官網為主 (美元),廠商偶爾會有優惠,請訂閱帶路姬的電子報與加入社團,即可獲得帶路姬的最新消息。

A2 主機方案比較

影片中的價格有調整,但是說明仍然適用,實際價格請參考下表。

Cloudways 主機方案比較

3. 如何購買主機、網域與安裝 WordPress?

你想買哪一家的主機方案?

手把手帶你買 A2 Hosting 主機

請先點選下方的「點此開始購買 A2 Hosting 主機」,在新視窗開啟 A2 Hosting主機的首頁,即可享有A2主機的優惠折扣。 

影片中的部分介面已改變,但不用擔心,只要參考下方的幻燈片秀,就一樣可以完成購買,並且安裝好新的WordPress喔!

 

     

      • 請再次檢查網域的拼音,網域買錯不能改

      • 請用信用卡結帳,不支援扣款的金融卡。

      • 如果你已經有自己的網域,請在購買時,選擇「Use My Domain」,並且填入你的網域名稱,之後,請參考這篇文章來設定網域的DNS,這樣你的網址才能打開A2主機上的新網站喔!

    已經有主機了怎麼辦?

    建議你換成和帶路姬一樣的主機與佈景主題,上課會比較順暢喔!請參考帶路姬的搬家教學:手把手帶你搬到 A2 主機手把手帶你搬到 Cloudways 主機。

    驗證電子信箱來啟用網域

    手把手的操作 5’16”

    1. 請登入你購買 A2 主機時所填的電子郵件信箱
    2. 打開 Control how your data is shared 信件
    3. 點選裡面的 Set your data use consent preference 來設定分享喜好
    4. 在 Share optional personal data處,勾選同意並且點選 Save preference 儲存
    5. 另外打開 IMMEDIATE VERIFICATION requires… 信件
    6.  點選裡面的 Click here to verify your email address 就完成信箱驗證囉!

    登入 WordPress 網站的後台

    手把手的操作 7’58”

    登入網站後台的兩種方式:

    1. 可直接在網址列輸入:https://你的網址/wp-admin,即可打開登入頁面
    2. 登入 A2 主機後台,點選 cPanel Login,跟著影片找到登入網站後台的連結即可。

    請跟著影片操作,會順便把網站後台的介面改成中文、並且設定自己的慣用密碼喔!

    手把手帶你買 Cloudways 主機

    由於主機商介面偶爾會有改動,建議也可以參考影片下方的2024年的截圖輪播,就可以看到最新的介面與流程喔!

    手把手的操作 17’40”

    1. 我們會在 Cloudways 上面先申請試用帳號,免費使用三天,並且在上面先建立一個臨時網址的 WordPress 網站。(請在三天內跟著下一個影片的操作,升級成正式帳號,否則購買的主機會被刪除)
    2. 填寫名、姓、Email、登入主機的帳號密碼、選擇你的角色、選擇預計花費
    3. 請點選 Get a Promo Code? 填入 WP5DAYS,即可獲得前兩個月7折的優惠!(帶路姬限定)
    4. 點選 VERIFY YOUR ACCOUNT 開始驗證帳號
    5. 跟著影片進行電話驗證電子信箱驗證即可
    6. 跟著影片,建立第一個主機以及同時建立第一個主機上的 WordPress 網站
    7. 跟著影片打開網站的後台,到 Settings > General ,把後台介面語言改成中文。
    已經有主機了怎麼辦?

    建議你換成和帶路姬一樣的主機與佈景主題,上課會比較順暢喔!請參考帶路姬的搬家教學:手把手帶你搬到 A2 主機手把手帶你搬到 Cloudways 主機。

    把試用帳號升級成正式帳號

    由於主機商介面偶爾會有改動,建議也可以參考影片下方的2024年的截圖輪播,就可以看到最新的介面與流程喔!

    注意:試用只有三天!如果三天內沒有升級成正式帳號(綁定信用卡),前面做的網站將會完全被刪除!資料會全部不見!就會銜接不了接下去的教學喔!

    手把手的操作 3’54”

    1. 登入 Cloudways 主機帳號
    2. 點選 Upgrade my account 開始升級帳號
    3. 填寫地址資訊:跟著影片到中華郵政地址英譯網站翻譯你的地址再填入
    4. 填寫付款資訊:信用卡號、信用卡持有人姓名、到期月與年、信用卡安全碼三碼
    5. 點選 Authorize 同意綁定信用卡
    6. 升級完成囉!

    到 Namecheap 網站買網域 (網址)

    手把手的操作 10’42”

    1. 填入你想購買的網域進行搜尋
    2. 如果可以買,即點選 Add to cart 加入購物車
    3. 右上角點 View cart
    4. 請再三確認沒有拼音錯誤,再點 Confirm Order 確認購買(買錯不能退喔!)
    5. 跟著影片建立登入 Namecheap網站的帳號與密碼,並且填寫個人資訊,再點 Create Account and Continue(建立帳號並且繼續)
    6. 跟著影片填寫個人聯絡資訊(請到中華郵政地址英譯網站翻譯你的地址),並且點選 Continue 繼續
    7. 檢查各種角色的聯絡人資訊(可跳過),並且點選 Continue 繼續
    8. 填寫信用卡付款資訊,點 Continue 繼續
    9. 再次確認資訊無誤後,點選 Pay Now 付費購買
    10. 購買完成後,請收信,打開 IMMEDIATE VERIFICATION required… 信件
    11. 點選 Click here to verify your email address 連結來驗證你的信箱,即可啟用你的網域!

    把網站的臨時網址改成自己買的網址

    由於主機商介面偶爾會有改動,建議也可以參考影片下方的2024年的截圖輪播,就可以看到最新的介面與流程喔!

    手把手的操作 10’13”

    請仔細跟著操作:

    1. 登入 Cloudways 帳號
    2. 點選 Applications(列出網站)
    3. 點選 你的網站
    4. 點選 Domain Management (網域管理),把臨時網址改成自訂網址 (介面有改喔!請參考上方更新圖片!)
    5. 找到 Cloudways 主機的 IP 位址備用
    6. 登入 Namecheap 網站,改變網域的 DNS 設定,指向 Cloudways 主機的 IP位址。
    7. 學習如何查詢網域是否有設定成功。
    8. 最後,請到 SSL Certificate,安裝 SSL 安全憑證,讓網址變成 https://開頭就完成囉!

    4. 如何購買佈景主題?

     跟著影片操作就可以了喔! 10’22”

    1. Soledad 主題介紹頁,點選右邊的 Add to Cart 加入購物車
    2. 點選 Go to Checkout 結帳
    3. 建立 Envato Market 網站的帳號 – 先填寫個人聯絡資訊:名、姓、 Email,點選 Next 繼續
    4. 建立 Envato Market 網站的帳號和密碼,點選 Create account and continue 繼續
    5. 填寫付款人聯絡資訊(請到中華郵政地址英譯網站翻譯你的地址填入),點選 Save and continue
    6. 填寫付款資訊,並且點選 Make payment 付款
    7. 到右上角帳號 > Downloads,點選 Soledad 旁邊的 Download,下拉選單選 All files & documentation,即可下載主題檔案備用。

    5. 如何設定製作中模式&暫時阻擋 Google索引

     跟著影片操作就可以了喔! 5’59”

    1. 安裝 Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd 外掛(免費版),就可以啟用製作中模式。
    2. 設定 > 閱讀,勾選阻擋搜尋引擎索引這個網站

    等網站製作完,請千萬要記得回來這裡取消勾選,網站才能被索引並且加入 Google 搜尋結果裡喔!

    耶!今天的課程完成囉!可以準備進入第二天囉!

    建立全新
    WP 網站
    套用版型
    增加內容
    編輯首頁
    編輯選單
    調整設計
    修改樣式
    安裝外掛
    擴展功能
    好學生推廣
    加碼影片!

    歡迎分享課程

    歡迎贊助帶路姬

    訂閱電子報 (週四寄)
    帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
    聯盟分潤聲明

    此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

    支持帶路姬

    假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

    追蹤帶路姬
    帶路姬人氣

    網站成立:2018/05/01
    總瀏覽量:2,614,479(2024/2/2)
    總訪客量:626,454 (2024/2/2)

    © WordPress 網站帶路姬 2018~2025 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

    本網站使用 Cookies 來提升您的使用體驗。我們將假設您同意這項安排,但如果您希望,您可以選擇拒絕。 接受 閱讀更多