如何在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
查看所有留言
❤ 謝謝你的咖啡 ❤
請温唯喝咖啡的可愛人兒
謝謝你們的溫暖與肯定
是我繼續分享下去的力氣
請温唯喝杯咖啡吧
Thank U ❤ 
Eva Tsai
NT$150
這幾天在網站上了解許多防曬知識與有趣的防曬測試,謝謝你的用心!
Thank U ❤ 
東穎
NT$300
期待新文章🥰
Thank U ❤ 
謝東穎
NT$900
Thank U ❤ 
謝東穎
NT$300
Thank U ❤ 
謝東穎
NT$300
Thank U ❤ 
陳依
NT$100
Thank U ❤ 
謝東穎
NT$170
一定要堅持你的理想!+請你喝星巴克
Thank U ❤ 
Cc
NT$49
Thank U ❤ 
路人
NT$49
路人/洗髮,感謝答覆
Thank U ❤ 
米雪
NT$200
感謝您詳實資料的分享與問題解答,+小小心意,+望不嫌棄!+ 祝福您身體健康,+平安如意,+豐盛圓滿!
Thank U ❤ 
hope
NT$500
感謝贊助支持
Thank U ❤ 
Harry
NT$100
感謝回答我頁面問題
Thank U ❤ 
mira
NT$150
謝謝提供很多關於防曬產品的測試心得
Thank U ❤ 
路人
NT$49
感謝贊助支持
Thank U ❤ 
Ethan
NT$100
最近有留言詢問也快速獲得回復了~一點小心意給您:)
Thank U ❤ 
Annie
NT$60
謝謝溫唯
Thank U ❤ 
Mei
NT$49
謝謝你很用心的打很多實用的商品文章。讓我了解很多,謝謝你的熱心分享!
Thank U ❤ 
小Q
NT$150
謝謝溫唯~以後會繼續支持<3
Thank U ❤ 
游雅涵UU
NT$1000
溫唯您好~我是UU,感謝您這麼用心地分享,我也曾陷入精油保養的錯誤觀念裡,造成粉刺痘痘狂長,變成酒糟肌,雖然有看醫生擦藥-思媚、樂淨,但醫生不會與病患討論什麼保養品才合適,希望能向您學習,使肌膚更好~
Thank U ❤ 
小Q
NT$150
謝謝溫唯的細心解答,以後會繼續支持!🥰
Thank U ❤ 
Trista
NT$50
感謝分享~~~~
Thank U ❤ 
邱垂昀
NT$150
我是小Q也是小R啦~ 隨便亂取的綽號,結果在不同文章發問的時候忘記上次是用哪個英文字母XD 謝謝溫唯專業的文章和用心的回答!真的很有幫助,支持你繼續經營下去~~!!
Thank U ❤ 
匿名
NT$150
非常專業, 雖然只看幾篇而已,但我已受益良多. 倒是我對防水和防曬力那兩部分的實驗結果覺得非常驚訝. 乾性敏感肌的我十幾二十年以來一直都是混著資生堂的艷陽下50++++ 乳液(淺藍色深藍色都放)和歐系的兒童防曬霜(秋冬還會混一點維他命E油)在使用, 因為夠油夠防水, 中午補擦一下, 覺得我用了世界上最完美的防曬組合, 又有保護力又不會乾, 氣色看來也不錯, 不太顯老哩...不過看了你的實驗和說明, 我才了解, 是我一年一次的雷射和座位旁的厚窗簾救了我, 和我擦的防曬看來是沒太大關係. 三年多前換了工作岡位的我到了一間前面沒有窗簾可遮蔽窗戶的辦公室, 加上三年以上沒打雷射, 雖然不多, 但睽違很久的斑又回頭來找我了, 法令也變深一點了. 有點小難受 >_<. 剛剛根據你的實驗, 訂了一條德國製的妮維雅敏感肌的防曬霜, 打算來混一些防水力強的日系防曬(Alley我也買了一個小條的, 因為你說比安耐曬還防水耶...)和似乎除了油沒啥用的雅漾全效潤色來一起混用看看.期待他們能各司其職,讓我皺紋不要越來越深. 謝謝你. 噢,小小一杯咖啡而已, 請你笑納, 請不要公布姓名喔~
Thank U ❤ 
許亞盈
NT$150
感謝支持贊助
Thank U ❤ 
許亞盈
NT$300
感謝支持贊助
Thank U ❤ 
張惠雯
NT$45
感謝支持贊助
Thank U ❤ 
shelly
NT$250
我最近也非常喜歡艾莉莎公主的洗臉巾,質地非常棉柔,不傷害皮脂膜,也具有基礎的去脂力,是敏弱時期的清潔好夥伴唷!
Thank U ❤ 
麋鹿的夏天
NT$300
過敏和痘痘的情況有改善了嗎?透過正確的護膚方式,才能保護皮脂膜不被破壞,如此才有機會治療痘痘,希望下次能聽到妳傳來健康皮膚的消息唷!
Thank U ❤ 
蔡孟樵
NT$250
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
鄭俊
NT$500
網站有任何問題都可以再詢問唷!
Thank U ❤ 
邱英倢
NT$900
你們的網站進行到哪裡了呢?有沒有其他的問題呢?
Thank U ❤ 
謝正家
NT$900
不曉得是否更熟悉 soledad 和 Elementor 的操作呢?有任何問題都可以再詢問唷!
Thank U ❤ 
孫依賢
NT$900
過敏和痘痘的情況有改善了嗎?透過正確的護膚方式,才能保護皮脂膜不被破壞,如此才有機會治療痘痘,希望下次能聽到妳傳來健康皮膚的消息唷!
Thank U ❤ 
邱英倢
NT$900
新手架站真的很不容易,温唯也是過來人,有任何問題都歡迎切磋交流唷!
Thank U ❤ 
鄭俊維
NT$90
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
翟翱
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
鄭俊維
NT$500
謝謝你信任温唯,協助你處理問題的過程中,也讓我更熟悉 Newspaper 這個主題的功能,之後若還有其他問題,都歡迎再提問唷!
Thank U ❤ 
陳麗妃
NT$45
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
JIN
NT$150
最近得美登有一支高防禦力的防曬也非常透明唷!比美膚娜娜更透明,當然,一樣也有油光煥發的問題,不過,至少沒有美膚娜娜那麼嚴重,而且,泛白程度又更低了,有機會也可以試試唷!
Thank U ❤ 
黃紫茵
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
許惠雯
NT$150
謝謝你的咖啡(愛心)
如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
張晏婕
NT$500
過敏的狀況有沒有改善了呢?如果在清潔方面遇到瓶頸,歡迎隨時進一步討論唷
Thank U ❤ 
KT
NT$900
後來好久都沒和你聯繫,你寄給我的四支產品,有一支真的好讚,值得好好介紹,也有許多關於產品和品牌的想法想和你聊聊,過陣子忙完後再找你啦!
Thank U ❤ 
西尼
NT$45
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
菲菲
NT$700
不曉得你的網站目前的進度如何呢?有任何問題可以再諮詢唷!
Thank U ❤ 
FALA LING
NT$250
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
王小姐
NT$150
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
賈超然
NT$150
謝謝你的咖啡(愛心)如果有任何問題,歡迎在文章的留言板一起討論唷!
Thank U ❤ 
Vivian
NT$250
謝謝你的咖啡(愛心)不曉得是哪一類型的文章帶給你幫助呢?希望日後有機會與妳在文章留言板討論唷!
Thank U ❤ 
pegasus
NT$45
又見面囉!謝謝你的咖啡,也祝福妳一切順利唷!
Thank U ❤ 
温炯杰
NT$250
謝謝你的贊助,我會繼續撰寫更多關於WordPress架站過程中可能會遇到的各種疑難雜症。如果有任何問題,歡迎在文章的留言板中討論唷!
Thank U ❤ 
cloree
NT$250
謝謝你的鼓勵❤我會加油!!(Fighting!!)其實我有好多產品想要分享給大家,但是,苦於沒有太多時間撰寫完整的分析文章,因為我不想毫無依據地胡亂推薦,每個我自己持續使用的產品,背後都有各自的理由與故事...請放心,我一定會找時間妥善地整理這些資料,再完整地分享,我希望大家能夠在詳細的解說下,選擇真正符合需求的產品唷!
Thank U ❤ 
宥穎
NT$250
真的好開心你也踏上了「Less is more」的護膚路。 其實呀,護膚保養可以很簡單,也可以很難。 最簡單的作法就是「少做少錯」,而最難的就是找到「真正有效」+「不會出錯」的產品! 我也在尋找中,在這之前,「Less is more」是我們必須堅守的底線。 哪天真讓我找到了,我一定會迫不及待地分享,希望那天不會太久唷(笑)
Thank U ❤ 
黃秋逢
NT$45
雖然你沒有留下任何的痕跡,不曉得是哪一類的文章給了你幫助(我姑且猜著是WordPress架站相關吧!)謝謝你的贊助,如果有任何問題,歡迎在文章下方的留言板留下你的足跡,好讓我認識你唷!
Thank U ❤ 
Titi
NT$45
老實說,在你詢問的時候,我還沒有增減Server的經驗呢!於是我便自己操作一次,當然也遇到了和你一樣的問題(笑);立刻向客服求救,才有辦法完整地回覆你。Cloudways是我目前最滿意的主機,日後有其他操作上的問題,歡迎再回來討論唷
Thank U ❤ 
瑋瑋
NT$150
和你聊天真的很開心,相信我們都為彼此帶來許多更寬廣的護膚經驗。雖然我們各自都相當忙碌,但是每每看到你的留言,還是迫不及待地想要趕快與妳一起討論與分享唷❤
Thank U ❤ 
pegasus
NT$45
雖然你沒有留下隻字片語,留下的電話和Email信箱也是虛擬的...但是我相信你從温唯這裏帶走的,遠比這杯咖啡更有價值☺

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