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

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

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

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

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

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

❶ 選擇網站類型：
從右方的〖三角形下拉選單〗可以選擇需要的網站類型，比如帶有 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 〗確認創建主機與網站。

大約需等待 5 分鐘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

點擊按鈕〖立即安裝〗

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

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

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