如何在Cloudways架設新網站+免費啟用Astra Pro佈景主題

內容更新於 — 2023-06-17 14:02

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

只要在 CLOUDWAYS 購買主機服務,都可以擁有價值 US$59 的 ASTRA Pro 。
更棒的是,使用 我的聯盟網址❐ 註冊新帳戶購買 CLOUDWAYS 的主機服務,還可以享首二月 8 折優惠!
詳細的介紹請看這篇文章 ☞ WordPress主機CLOUDWAYS送 Astra Pro主題,自架站$10起
這篇文章會詳細教學如何在 CLOUDWAYS 架設新網站,並且啟用免費附贈的 Astra Pro 佈景主題。

如何架設新網站 + 啟用 Astra Pro

在啟用 ASTRA Pro 之前,需要先申請 CLOUDWAYS 帳戶❐,以及綁定日後付款的信用卡(不須先付款),註冊方式可看 這篇教學 ❐ 。

註: CLOUDWAYS 的付款方式是按小時計費,從建立主機的那個小時開始計費,下個月初才會從綁定的信用卡扣款,先使用後付費的概念。

如果已經有網站的可以看 這篇教學 ❐ 。

activate-astra-pro-for-free-in-cloudways|免費啟用 Astra Pro

教學中包含:在 CLOUDWAYS 建立主機 > 架設部署好的 Astra Pro 網站 > 啟用 Astra 子主題。

Total Time: 20 minutes

STEP 1 登入 CLOUDWAYS

step-1-cloudways-tutorial-server-application

登入到已經註冊的 CLOUDWAYS❐ 後台

STEP 2 進入 Add-ons

step-2 |免費啟用Astra Pro

在 CLOUDWAYS 的管理面板中,
❶ 點擊上方〖九宮格〗的圖標,會出現下拉選單。
❷ 從下拉選單中點擊〖 Add-ons 〗。

STEP 3 編輯 Astra Pro 的 Add-ones

step-3 |免費啟用Astra Pro

進入〖 Add-ons 〗頁面之後,在最下方找到〖 Astra 〗,並且點擊右側的〖鉛筆〗圖標。

STEP 4 啟用 Astra Pro

step-4|免費啟用Astra Pro

在彈出的視窗中,點擊綠色按鈕〖 SUBSCRIBE 〗,這時候將會在 CLOUDWAYS 中啟用免費的 Astra Pro 服務,享有一年免費的使用期。一年到期之後,可以停用,或者是以每個月 US$4 的費用,在所有的網站中繼續使用。

STEP 5 前往安裝主機與新網站的介面

STEP-5|免費啟用Astra Pro

回到 CLOUDWAYS 的管理面板,
❶ 在上方選單中點擊〖 + 〗下拉選單。
❷ 點擊〖 Add Server 〗來建立主機。

STEP 6 安裝主機與新網站的介面

STEP-6|免費啟用Astra Pro

❶ 選擇網站類型:
從右方的〖三角形下拉選單〗可以選擇需要的網站類型,比如帶有 Astra Pro 的 WordPress 網站、一般的 WordPress 網站、 帶有 WooCommerce 的 WordPress 或 php 網站 ... 等等。但是,這裡需要啟用免費的 Astra Pro ,所以,一定要選擇〖 Astra Pro 〗。

❷ 填寫《 APPLICATIONS 》名稱:
填寫自己方便識別的網站名稱,可以使用英文或數字,目的用來區分同一個主機裡不同的網站,因為以後可能還會架設其他網站。

❸ 填寫《SERVER》名稱:
填寫自己方便識別的主機名稱,這是用來區分不同的 Server 。因為VPS或雲端主機,用戶可以創建無限的 Server ,每個 Server 都是獨立計費,因此可以選擇不同的規格。

❹ 填寫《PROJECT》名稱:
填寫自己方便識別的團隊名稱,這是用來區分不同的團隊,每個團隊能夠被指派管理不同的主機或網站。

➎ 選擇VPS或雲端主機:
Cloudways提供5個VPS或雲端主機的代管服務,建議新手從DigitalOcean、linode或VULTR開始就可以了。

★TIP ☞ 我的網站目前使用的是 linode 。

➏ 選擇主機規格
左右拉動〖綠色圓點〗來調整主機規格,預設是 2GB 的規格,建議新手從 1GB 開始使用就可以了,如果以後不夠用,隨時都可以自己操作加大規格,費用會從調整後的那個小時計算,完全不用擔心合約問題,將〖綠色圓點〗拉到最左邊的 1GB 就可以了。

★TIP☞我的網站目前使用的是 1GB 的規格,應付一個部落格+一個 WooCommerce 購物網站是綽綽有餘。

➐ 選擇伺服器位置
從右方的〖三角形下拉選單〗可以選擇伺服器位置,如果主要訪客為台灣,建議選擇亞洲的伺服器,比如東京 Tokyo 、新加坡 Singapore 或首爾 Seoul ,不同的主機提供的伺服器位置不太相同。

★TIP☞我的網站目前使用的是 lonode ,伺服器位置我選東京 Tokyo 。

➑ 確認金額
這個金額已包含〔主機費用〕+〔Cloudways平台管理費用〕,按小時計費,用多少收多少,無綁約,隨時可停用,月底結算費用,並且在下個月初才會從綁定的信用卡扣款,先使用後付費的概念。

➒ 確認創建
點擊右下角綠色按鈕〖 LAUNCH NOW 〗確認創建主機與網站。

STEP 7 等待主機與網站創建

STEP-7|免費啟用Astra Pro

大約需等待 5 分鐘

STEP 8 創建完成

STEP-8|免費啟用Astra Pro

創建完成之後,會跳到Server的畫面。
❶ 點擊右邊的《www》
❷ 再從〖下拉選單〗選擇剛剛創建的網站。
(示範的網站名為《MiriamMibao》),就能進入網站的管理頁面。

註:這裡可以注意到,網站名稱《MiriamMibao》的左邊有一個〖 Astra 〗的 logo ,代表這個網站是使用 CLOUDWAYS 部署的 Astra Pro 網站。

STEP 9 Application 網站管理頁面

STEP-9|免費啟用 Astra Pro

❶ 點擊〖 ADMIN PANEL 〗下方的〖 URL 〗,就可以進入 WordPress 後台。
❷ 〖 Username 〗則是CLOUDWAYS 預設的 WordPress 後台登入帳號。帳號預設是註冊 CLOUDWAYS 的那組 E-mail ,點帳號可以直接複製,很方便。
❸ 〖 Password 〗則是 CLOUDWAYS 預設的 WordPress 後台登入密碼,點密碼也可以直接複製。

❝大家看到這些 CLOUDWAYS 的預設登入網址、帳號、密碼的時候先別著急,這些都是可以更改的。只要將網址的DNS設定指向這個網站,並且完成網址設定就可以囉!參考這篇教學 ☞  如何新增各家網域的A紀錄指向Cloudways的IP❐ ❞

STEP 10 登入 WordPress 後台

STEP-10|免費啟用 Astra Pro

❶ 帳號填寫〖 STEP 9 〗裡面〖 ADMIN PANEL 〗下方的〖 Username 〗
❷ 密碼則是〖 STEP 9 〗裡面〖 ADMIN PANEL 〗下方的〖 Password 〗。
❸ 點擊右下方藍色按鈕〖登入〗

STEP 11 更改 WordPress 後台語言

STEP-11|免費啟用 Astra Pro

如果熟悉或習慣英文介面,可以跳過此步驟,但是後面的教學都會以〖中文介面〗示範,方便不熟悉的網友能夠更快找到需要的按鈕。

❶ ~ ❷ 從左邊選單找到〖 Settings 〗 > 〖 General 〗
❸ 找到〖 Site Language 〗
❹ 預設是〖 English (United States) 〗,點右邊的下拉選單找到 〖繁體中文〗
➎ 點擊最下方的藍色按鈕〖 Save Changes 〗,這時候 WordPress 後台就會轉成中文介面。

STEP 12 Astra 佈景主題已安裝完成

STEP-12|免費啟用 Astra Pro

進入 WordPress 後台之後,從左邊選單找到〖外觀〗 > 〖佈景主題〗,前往佈景主題的頁面,就可以看到 ASTRA 佈景主題已安裝完成,並且已啟用。

注意:預設啟用的是〖父主題〗,不適合用來自訂主題,另外,也還要確認 Astra Pro 是否成功被啟用,所以,先不要自訂主題。

STEP 13 確認 Astra 進階版已啟用

STEP-13|免費啟用 Astra Pro

❶ ~ ❷ 一樣在左邊選單找到〖外掛〗 > 〖已安裝的外掛〗,確認有看到〖 Astra 進階版〗的附加組件已安裝啟用啟用。

STEP 14 啟用 Astra 進階版模組

STEP-14|免費啟用 Astra Pro

❶ ~ ❷ 一樣在左邊選單找到〖外觀〗 > 〖 Astra Options 〗,前往 Astra 自訂頁面。

❸ 在 Astra 自訂頁面中,第二個區塊是〖 可使用的 Astra 進階版模組 〗,這裡是 ASTRA Pro 才有的附加模組。

❹ 所有的組件都非常實用,所以可以直接點擊右上方的灰色按鈕〖啟用全部〗,一鍵啟用所有的進階版 模組。

STEP 15 下載 Astra 子主題

STEP-15|免費啟用 Astra Pro

前往 Astra 自主題下載頁面❐ ,點擊黃色按鈕〖 Generate 〗,就會下載一個檔名叫做〖 astra-child 〗的 ZIP 檔案。

STEP 16 前往佈景主題頁面

STEP-16|免費啟用 Astra Pro

❶ ~ ❷ 從左邊選單找到〖外觀〗 > 〖佈景主題〗,前往佈景主題的頁面。
❸ 點擊上方按鈕〖安裝佈景主題〗

STEP 17 上傳佈景主題

STEP-17|免費啟用 Astra Pro

❶ 點擊上方按鈕〖上傳佈景主題〗
❷ 接著下方會出現上傳的區塊,點擊〖選擇檔案〗

STEP 18 上傳 Astra 子主題

STEP-18|免費啟用 Astra Pro

❶ 從彈出的視窗中,找到剛剛在 Astra 官網下載的〖 astra-child 〗的 ZIP 檔案。
❷ 選取之後點擊右下方的按鈕〖打開〗

STEP 19 安裝 Astra 子主題

STEP-19|免費啟用 Astra Pro

點擊按鈕〖立即安裝〗

STEP 20 啟用子主題

STEP-20

接著會進入子主題已安裝完成的畫面,點擊〖啟用〗。

STEP 21 確認子主題已啟用

STEP-21|免費啟用 Astra Pro

接著會轉到佈景主題的頁面,只要看到〖目前使用的佈景主題: Astra Child 〗,就代表子主題已正常啟用。點擊藍色按鈕〖自訂〗就可以開始設計網站了。

註:右邊那個是之前預設安裝的父主題,雖然不啟用它,但是一定要保留它,因為當佈景主題要更新的時候,需要用到父主題來更新。

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

Cloudways網站的設定

啟用 Astra Pro 之後,在設計網站之前,其實還有一些必要工作,最重要的是將 DNS 設定,也就是將網域指向 CLOUDWAYS 主機,這樣設計好的網站才會是自己的網域。

詳細操作可參考這篇教學 ☞ 如何新增各家網域的A紀錄指向Cloudways的IP

下方還有更多 CLOUDWAYS 相關教學

在 CLOUDWAYS 架設新網站 + 啟用免費一年的 Astra Pro 的教學就到這裡囉,任何問題都歡迎在下方留言板討論。

更多CLOUDWAYS教學文章
贊助温唯
如果 你想要感謝我、願意支持我
那麼–
就請我喝杯咖啡,聊表心意吧(愛心)
我將繼續無私分享你想看的內容
解答你的疑難雜症
原始發布日:
2022-08-26
最新留言
▍關於作者|MiriamMibao温唯
2019.02.11,我開始了這裡…
非網頁程式背景的 me 硬要WordPress架站一切自己來,所有的細節,從0開始,自己架站會遇到的問題,遇到了才知道!一路走來跌跌撞撞,摸索過國內外能夠解決問題的資料,是不是該好好紀錄這一段跌跌撞撞的探索日記?
或許,也能帶給你們一些幫助...
文章中所推薦或提及的架站產品或服務,部分是聯盟合作所提供的,如果你透過我所提供的聯盟網址去購買,我也能獲得收益,雖然金額很少,但是,你們的隨手點擊與購買,就能讓我繼續經營下去,提供更多免費的 WordPress 架站教學。
以下歡迎留言討論囉!
我只想當個旁觀者,有新的留言請通知我(按一下輸入Email信箱)
想Fallow哪種留言?
0 留言板
Inline Feedbacks
查看所有留言

Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.

-
CLOUDWAYS 專屬優惠☞註冊輸入推薦碼MMM8立即享首二月8折優惠點我複製優惠碼GO!!!
miriam wei design wp logo-4 circlemiriam wei design wp logo sticky
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x