內容更新於 — 2022-12-26 17:16
只要在 CLOUDWAYS 購買主機服務,都可以擁有價值 US$59 的 ASTRA Pro 。
更棒的是,使用 我的聯盟網址❐ 註冊新帳戶購買 CLOUDWAYS 的主機服務,還可以享首二月 8 折優惠!
詳細的介紹請看這篇文章 ☞ WordPress主機CLOUDWAYS送 Astra Pro主題,自架站$10起❐
這篇文章會詳細教學如何在 CLOUDWAYS 架設新網站,並且啟用免費附贈的 Astra Pro 佈景主題。
在啟用 ASTRA Pro 之前,需要先申請 CLOUDWAYS 帳戶❐,以及綁定日後付款的信用卡(不須先付款),註冊方式可看 這篇教學 ❐ 。
註: CLOUDWAYS 的付款方式是按小時計費,從建立主機的那個小時開始計費,下個月初才會從綁定的信用卡扣款,先使用後付費的概念。
如果已經有網站的可以看 這篇教學 ❐ 。
教學中包含:在 CLOUDWAYS 建立主機 > 架設部署好的 Astra Pro 網站 > 啟用 Astra 子主題。
登入到已經註冊的 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 〗,就代表子主題已正常啟用。點擊藍色按鈕〖自訂〗就可以開始設計網站了。
註:右邊那個是之前預設安裝的父主題,雖然不啟用它,但是一定要保留它,因為當佈景主題要更新的時候,需要用到父主題來更新。
啟用 Astra Pro 之後,在設計網站之前,其實還有一些必要工作,最重要的是將 DNS 設定,也就是將網域指向 CLOUDWAYS 主機,這樣設計好的網站才會是自己的網域。
詳細操作可參考這篇教學 ☞ 如何新增各家網域的A紀錄指向Cloudways的IP ❐
下方還有更多 CLOUDWAYS 相關教學
在 CLOUDWAYS 架設新網站 + 啟用免費一年的 Astra Pro 的教學就到這裡囉,任何問題都歡迎在下方留言板討論。
Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.