【WordPress教學】從零開始架設你的WordPress網站,八步驟從架設到安裝主題完整教學指南

本篇文章是要教準站長們如何從零開始架設你的 WordPress 網站,從買網域、設定主機到安裝主題的完整教學指南,文章所提到的工具都是我自己有在使用好用才推薦的啦。

為什麼我要用WordPress架站?

我在使用 WordPress.org 前,是使用一些快速架站的平台,如Wix、Leadpages、Weebly、Strikingly、WordPress.com等,基本上不用擔心安裝程式問題,打開瀏覽器建立頁面,需要拖放元件就能開始編輯網頁內容,編輯器通常也是所見即所得(What You See Is What You Get or WYSIWYG),非常容易上手。

之後改用 WordPress.org 架站,一開始的原因是「便宜」,1個月網域+主機不到千元,也發現裡面提供非常多主題跟外掛,完全不用會寫程式,也都能成功架出一頁式網站、形象網站、電商網站等等,所以就都使用 WordPress.org 架設網站了。

而根據 W3C 官方數據顯示,全世界有超過41.5%的網站是使用 WordPress,WordPress 使用人數也是持續增加中。

從零開始架設WordPress網站需要使用的工具

首先,可以把網站想成一個家,一個家你需要有一個地址、室內空間、Map、安全鎖、裝潢佈置,而對應到網站,地址是網址、室內空間是主機、DNS 是 Map、SSL 是安全鎖、主題是裝潢佈置。

網址=地址,用一串網址(ex: http://yangtaimarketing.com/) 替代四組數字組合的 IP (ex: 192.99.333.66)。本篇我會使用 Namecheap 來挑選網址。

主機=家,室內空間越大當然就能放越多東西,速度也越快,但當然價格也會比較貴,剛建立還沒有很多內容及流量,建議從小開始。本篇我會使用 Cloudways 的主機服務。

DNS=Map,讓你能用地址找到家(路痴必備),即串接主機與網址,讓別人可以透過網址就能進到你的網站。本篇我會使用 Cloudflare 的 DNS 託管服務,Cloudflare 除了免費 DNS 託管服務,還能免費提供 CDN 服務,CDN 服務能幫你節省流量、加速網頁速度,同時隱藏主機位置,避免攻擊入侵風險,好處多多啊。

SSL=鎖,就是指 https 中的 s,表示這個網站是有獲得加密認證的。我會使用 Cloudways 所提供免費 SSL 的服務。

WordPress主題=裝潢,是指網站的模板與樣式,WordPress 後台目前約有超過1萬個免費主題可供您選擇,而 Envato Market 是現在最大的 WordPress 付費主題,上面也有超過5萬個付費主題,最便宜的主題從US$2(約56台幣)就有囉。

下一步,你需要購買網址、主機,而 DNS、SSL、主題都可以先選擇免費的。我會一步步帶著從零開始架設你的 WordPress 網站,到安裝主題一條龍的完整教學指南。GO!

決定地址,在Namecheap挑網域

怎麼挑選網域呢?

O 跟自己公司名稱、產品相關或有意義的字
O 越短越好
O 使用.com結尾

X 使用「–」符號
X 使用數字
X 他人已註冊過商標
X 社群媒體有人使用過

也可以透過 Godaddy 提供的 網域價值評估工具,衡量你選得網域在市場上可能的價格(參考)。因為網域是有價值的,好好挑選網域並持續經營未來會有一定的增值空間。

在哪裡買網域最便宜呢?

我用 twhotpot.com 分別在中華電信 Hinet、Gandi、Godaddy、Namecheap 搜尋並比較價格,價格最低到高是:Namecheap NT255、Godaddy NT350、Gandi NT446、中華電信Hinet NT720,而 Namecheap 的缺點是無法開立發票,其他像 Gandi、中華電信 Hinet 都能開立發票,所以有報帳需求也可以考慮選用 Gandi 購買網域。

用我的連結購買,要記得用新的 Gandi 帳號的身份註冊,並完成第一筆超過 € 3.00(約102台幣),就可獲得 8 折的域名優惠折扣和網頁代管主機 2.5 折,所以如果是 446元/年的網域,第一年就可以再省約 89 台幣,再加上公司稅率折抵,就十分接近在 Namecheap 上購買金額囉,所以若有公司報帳需求選用 Gandi 購買網域是不錯的選擇。

而目前這個網域是在 Namecheap 上購買的,最主要的原因也是比較便宜囉XDD,唯一的缺點應該是英文介面,如果對英文沒有強烈排斥感,其實在 Namecheap 買是相當划算的。

NameCheap 從2000年成立,目前已擁有1100萬註冊用戶和1000萬個域名,是一間21年的老牌網域公司喔,如果有遇到問題也可以直接使用 Namecheap 的線上即時客服,是24小時的。我自己的網域也都是統一在 Namecheap、Gandi 上購買,好處是網域都統一存放在一個地方,因為一旦開始購買網域後,就會像在購物一樣時常逛網域,逛一逛就很容易失心瘋XDD,放在自己記得的帳號中,才不會以後連自己買了什麼網域都不知道啊!

接下來,跟著我一起進入 Namecheap 購買網域的教學流程囉。

Namecheap挑選網域

點擊以下連結直接進入 Namecheap 挑選網域吧。
輸入你要查詢的網域名稱,開始在 Namecheap 搜尋是否可使用。

打勾代表可以購買,確認網域ok就點擊「Add To Cart」。

這邊不用選擇加購項目,直接點擊「Checkout」。

  • 加購項目基本上除了網域費用、強制收取的 ICANN 費用、免費的個資保護,其他項目我都沒有加購,大家可以依需求加購。
  • 網域價格:購買網域有一點要注意是續約價,因為有些網域第一年會有折扣,或是有些網站第一次給很便宜的價格,但續約價卻超貴,就是第2年以後會變成原價,因此在購買網域時,一定要查看續約的價格是多少,一定要確認第2年以後的價格是否可以接受,畢竟開始經營網站後,網域就不太能隨便說換就換的。
  • 網域名稱:確認你要購買的網域是否正確,買錯GG。
  • 自動續約:通常會開啟自動續約,就不會時間到時忘記續約。
  • 個資保護一般來說,可用 WHOIS 系統查詢是誰註冊這個網域的,包括網域基本資訊(如註冊日、到期日、主機、狀態等)及註冊人的聯繫方式(如公司名稱、地址、電話、E-mail等)等資訊,所以建議要開啟 Domain Privacy,可以避免個人資料外洩。
  • 網域費用:以圖中為例,網域年費US$8.88,加上 ICANN(網際網路名稱與數字位址分配機構)強制收取年費US$0.18,所以總共年費是US$9.06(約NT$254)。

註冊Namecheap帳號

如果已經有 Namecheap 帳號可以直接登入,若原本沒有 Namecheap 帳號,這時就需要同時註冊一個帳號,資料填寫完成後點擊「Create Account and Contiue」。

帳戶的所有資料請填寫英文,中文地址需要中翻英,可前往中華郵政提供的 中文地址英譯 服務。

密碼至少8個字元,Namecheap 建議至少1個大寫英文字母(A-Z)、1個小寫英文字母(a-z)、1個特殊符號(#, &, % etc)、1個數字(0-9),屬於較高強度的密碼。

填寫完成點擊「Continue」。

ICANN要求WHOIS的資料庫儲存所有購買網域使用者的資料,所以 Namecheap 會再次確認所有聯絡資訊,沒問題的話可以點擊「Continue」。

網域結帳

可以使用信用卡、Paypal、或帳戶儲值。
付款前,一定要再次確認網域所有資訊,包含網域名稱、個資保護、價格等。
有收據可下載,但因為是跟國外公司購買所以是沒有統編發票的。

網域購買完成

網域完成購買後,Namecheap 會發一封信,標題是:IMMEDIATE VERIFICATION required for your domain(s) 的信,請點選信中 Click here to verify your email address 或信中所提供的連結去驗證你的信箱,記得一定要做驗證的動作,不然很可能網域會失效或被沒收!

Namecheap 後台顯示 ACTIVE 表示網域生效囉,先不要關閉這一頁,待會還會來設定 DNS 指向到 Cloudflare 的名稱伺服器。

下一步,跟著我一起進入 Cloudways 購買主機的教學流程囉。

未來的家,在Cloudways上挑選主機規格

在使用 Cloudways 前,我是使用 SiteGround 共享主機,但因為 SiteGround 即將在台灣停止服務,加上網站速度變慢超多,再加上爬文發現眾多站長的分享,所以決定改用 Cloudways 主機代理商,直接從雅房換套房了。

有哪些種類架站主機呢?

  1. 共享主機(Shared Web Hosting,又稱虛擬主機Virtual Hosting):如其名,是共享同一台主機資源,我們上面有舉例,主機就是家,所以把一個家的空間隔成很多個雅房,共享主機就如同你是租一間雅房,會跟室友一起共享廚房、廁所等所有資源。知名共享主機商像是:A2 Hosting、BlueHost、Godaddy、SiteGround等。
  2. VPS(又稱虛擬專用伺服器 Virtual Private Server)和雲端主機,如Digital Ocean、Linode、Vultr、AWS(Amazon Web Services)、GCP(Google Cloud Platform),是將一台實體伺服器,切格成能夠運行多個虛擬伺服器,就如同租一間套房,你會有獨立的外部 IP、獨立的作業系統、依照價位不同提供不同等級的獨立硬碟空間、CPU、記憶體資源等。

架站主機價格比較

我整理了市場上常見主機商的基礎及中高方案價格表,也統一用現在的台幣匯率換算方便比價,另外也搜集了一些自己覺得重要的功能也列在表上。個人認為對我最重要的功能是:價格、主機位置、免費自動備份。所以呢,綜合比較結果目前會選擇的就是,Cloudways Linode Tokyo 和 A2 Hosting TURBO BOOST。

至於細節大家可以點擊下方架站主機價格比較表(更新2021.4.27)去看囉。我會不定期更新並標示更新日期,若站長們發現資料有誤或也想了解的內容,可以再email: yangtaimarketing@gmail.com 告訴我,感謝大家!

為什麼挑選Cloudways架站WordPress呢?

Cloudways 雖然沒有自己的主機,是代為管理知名的 VPS 和雲端主機,代管的主機目前包含 Digital Ocean、Linode、Vultr、AWS(Amazon Web Services)、GCP(Google Cloud Platform)。直接選擇使用 Cloudways 的原因是因為 VPS 和雲端主機技術門檻較高,非技術人員需要一段時間研究,而 Cloudways 幫我們做好設定,提供非常簡化的主機控制台,讓新手都能非常簡單輕鬆就上手。除了簡單上手外,另一個最大的考量就是網站速度了,網站太慢通常也不是單一原因,像主機位置就是很重要的因素之一,我這邊實測了同樣的網站內容,不同主機商來看看誰的速度跑起快。

第一個網站是使用 PenciDesign 的 Soledad 主題,速度最快到慢是:Cloudways Linode Tokyo 2G 724ms、SiteGround Singapore 1.35s、A2 Hosting TURBO BOOST 2.7s。可以很明顯的看得出來,Cloudways Linode Tokyo 2G 的速度快2倍以上。

這邊十分感謝帶路姬網站給力的提供 Cloudways Linode Tokyo 2G 和 A2 Hosting TURBO BOOST 的測速網站,所以才有這2個網站數據可以使用(感謝 帶路姬)。 第二個網站是超多圖做成的一頁式網頁,速度最快到慢是:Cloudways Linode Tokyo 2G 2.08s、SiteGround Singapore 4.50s。可以很明顯的看得出來,Cloudways Linode Tokyo 2G的速度快2倍以上,像這種比較肥的網站就速度快慢就會很有感,在還沒測速度數據前,實際體驗打開網頁時,Cloudways Linode Tokyo 真的明顯比 Siteground 快非常多。

而我是選擇使用 Cloudways Linode Tokyo 2G,我最喜歡 Cloudways 的是,速度較快、採用 Pay As You Go,用多少付多少,在網站初期可以採用少費用但享用高效能方案,若網站不再繼續可以刪掉主機也就不再收費,而當網站流量變大時,也能隨時往上升級主機。

Cloudways 優點如下:

  • 主機位置可以自己選擇
  • 費用是 Pay As You Go,用多少付多少
  • 自動安裝 WordPress 網站
  • 免費的 SSL 並一鍵安裝 SSL憑證
  • 可安裝無限個網站
  • 可手動或自動備份,一鍵還原網站內容
  • 提供免費 WordPress 搬家工具
  • 提供免費一個網站搬家服務
  • 隨時一鍵升級主機等級
  • 隨時新增、複製、刪除主機(刪除的主機就不再計費)
  • 第一台主機可以免費試用主機3天
  • 24小時線上即時交談服務
接下來,跟著我一起進入 Cloudways 購買主機的教學流程囉。

註冊Cloudways

點擊以下連結直接進入 Cloudways 挑選主機規格吧。

你的密碼需包含8-60字元,至少1個小寫、1個大寫、1個數字。

驗證帳戶注意事項:

  • 不接受 VoIP 及 Skype 網路電話號碼。
    一個手機號碼只能綁定一個 Cloudways 帳號。

輸入手機號碼後點擊「SEND SMS」,收到簡訊後輸入驗證碼。

進入email信箱打開一封標題是:Activate Your Cloudways Accout,並點擊信中「Activate Account」驗證你的email。

挑選及設定Cloudways

選擇 WordPress 版本、填寫應用程式名稱、主機名稱、專案名稱,挑選想要的主機商及伺服器大小、主機位置,選好下方會帶出以每小時計費及每月的美金費用

新網站可以先選擇 Linode Tokyo 1G 或 DigitalOcean Premium 1G 開始。以下我就用Linode Tokyo 1G 作為範例。

主機伺服器:請選擇「Linode」
大小:選擇1GB 或 2GB
主機位置:如果你是在台灣,請選擇東京Tokyo或新加坡Singapore

選好最下方會計算收費模式是以每小時0.0167美元計費及每月是12美元費用。確認沒問題後,就可以點擊右下角的「LAUNCH NOW」開始架設主機了。

補充說明,只有建立帳戶後的第一台伺服器才有免費伺服器的3天試用期,如果你建立錯誤,刪除了伺服器並且重新建立第二台,第二台就沒有免費3天試用囉。所以按下「LAUNCH NOW」前請再次確認是否是你想要的主機規格喔。

主機及WordPress架設成功囉,我們先點擊進入主機做基本設定。

查看主機資訊及基本設定

進入 Server Management 的 Master Credentials 的選單中,有一個重要資訊就是主機IP,之後設定 DNS 會需要使用到。

進入 Server Management 的 Monitoring 的選單中,可以監測主機使用量。

進入 Server Management 的 Setting & Packages 的選單中,在 BASIC 的標籤裡調整 PHP 時區為 (GMT+8:00) Taipei。

進入 Server Management 的 Setting & Packages 的選單中,在 ADVANCED 的標籤裡調整以下設定,可以參考以下所有相關設定值,有一個設定是 WAF MODULE 是後面設定完 Cloudflare 再回來設定的,可先留白沒關係。

進入 Server Management 的 Setting & Packages 的選單中,在 PACKAGES 的標籤裡將 PHP 及 MySQL 的版本更新到最新,我更新時是 PHP 7.4 、MariaDB 10.4。

查看Cloudways自動建立好的WordPress網站

在 SERVERS 畫面於主機右邊點擊 「www」裡的 APPLICATIONS,點選你的 Applicatio ,進入 WordPress 的設定畫面。

進入 Application Management 的 Access Details 的選單中,右邊會有 Cloudways 自動建立的網站網址,在網址旁邊有一個箭頭可以直接導到該網站。

打開網站後,你就會看到已經建立好的網站囉。你可能有注意到上方顯示不安全的警示,不用擔心,我們會在「幫自己的家上鎖,在 Cloudways 上啟動 SSL/HTTPS」時,安裝網站安全性憑證。

你還會看到 Cloudways 自動產生的WordPress後台網址及登入帳密,點擊該網址用 Cloudways 提供的帳密就可以登入後台。

另外,這邊也有IP資訊,跟「查看主機資訊及基本設定」進入 Server Management 的 Master Credentials 的選單中,的主機IP是一樣的。

Cloudways 後台就先設定到這邊囉,先不要關閉這一頁,待會還會來設定其他項目。

下一步,跟著我一起進入 Cloudflare 的教學流程囉。

安裝Map,用Cloudflare串接主機與網址,還能幫你隱藏主機位置,避免攻擊入侵風險

DNS=Map,讓你能用地址找到家(路痴必備),即串接主機與網址,讓別人可以透過網址就能進到你的網站。我們會使用 Cloudflare 的 DNS 託管服務,Cloudflare 除了免費 DNS 託管服務,還能免費提供 CDN 服務,CDN 服務能幫你節省流量、加速網頁速度,同時隱藏主機位置,避免攻擊入侵風險,好處多多啊。

註冊Cloudflare

點擊以下連結直接進入 Cloudflare 註冊吧。

輸入email、密碼後點擊「Create Account」建立帳戶,密碼需至少8字元,至少1個數字、1個特殊符號。

進入email信箱打開一封標題是:[Cloudflare]: Please verify your email address,並點擊信中連結驗證你的email。

掃描現有DNS記錄

回到 Cloudflare 頁面,選擇最左邊方案,點擊「Get started」。

輸入網域,並新增網站,完成後點擊「Add site」。

選擇免費方案,點擊「Continue」。

等待 Cloudflare 自動掃描網站現有 DNS 記錄,掃描完會自動出現現有 DNS 記錄。

新增A跟CNAME的紀錄

看 Cloudflare 有沒有自動幫你加 A、CNAME 這2個Type,如果沒有就按左上角「+Add record」,如果有的話就可以直接點選畫面做更改,更改完成後點擊「繼續」。
Type A,Name 輸入網域,Content 輸入 Cloudways 的 IP
Type CNAME,Name 輸入 WWW,Content 輸入網域或 Cloudways 的 IP

 

在「查看主機資訊及基本設定」步驟中,有提到 Cloudways  的主機 IP 位置,我們進入 Server Management 的 Master Credentials 的選單中,就能找到你的主機 IP囉。

至Namecheap將名稱伺服器指向Cloudflare

Cloudflare 會給你2組名稱伺服器,這是要到 Namecheap 中網域設定要用到的,先不要關掉 Cloudflare 頁面,並進入 Namecheap 後台。

打開 Namecheap 後台,在你要設定的網域名稱右邊有一個「MANAGE」,點擊「MANAGE」進入設定頁面。

進入 Domain List 的選單中,在 Domain 標籤 的 NAMESERVERS 選擇 Custom DNS。

貼上 Cloudflare 提供的2組名稱伺服器後,記得要按綠色小勾勾才算更新並儲存。

約24-48小時處理更新,更新完畢會收到 Cloudflare 的email通知。

檢查並設定Cloudflare

回到 Cloudflare 頁面,點擊「Done, check nameservers」開始檢查。

開始設定 Cloudflare 的 CDN 服務。

開啟一律使用 HTTS 功能。

勾選「JavaScript」、「CSS」、「HTML」,減少網站上原始碼檔案大小。

開啟 Brotli 網頁壓縮技術,可以節省更多的資料傳輸量與時間,加快網頁速度。

 Cloudflare 的 CDN 設定都沒問題後就可以點擊「Finish」。

回到 Cloudflare 的 Overview 頁面,點擊「Check nameservers」等待檢查完成。

若收到 Cloudflare 的信:[Cloudflare]: xxx.com has been added to a Cloudflare Free Plan,表示 Cloudflare 已完成設定並生效。

回到 Cloudflare 會顯示「Great news! Cloudflare is now protecting your site」,也會顯示 Active 生效囉。

查看Cloudflare資訊及基本設定

進入 Overview 標籤會有流量統計資料。

進入 DNS 標籤,可以管理 DNS,未來有任何需要更新或設定DNS時,如:A、CNAME、驗證網域所有權,都可以直接進來設定。

進入 Speed 標籤,可以進行網站速度測試,並調整最佳化。

設定Cloudways WAF

點擊以下連結進入 Cloudways 進行相關設定吧。

進入 Server Management 的 Setting & Packages 的選單中,在「查看主機資訊及基本設定」 步驟中,我們有在 ADVANCED 的標籤裡調整以下設定,其中有一個設定是WAF MODULE,是現在才能設定的,WAF MODULE 選擇 Cloudflare。

下一步,跟著我一起進入 Cloudways 去設定網域的教學流程囉。

輸入地址,在Cloudways上輸入購買的網域

點擊以下連結進入 Cloudways 進行相關設定吧。

Cloudways設定Application應用程式

在 SERVERS 畫面於右上角點擊「www」裡的 APPLICATIONS 中,點選你的 Application,進入 WordPress 網域設定。

設定網域名稱

進入 Application Management 的 Domain Management 的選單中,在 Primary Domain 中輸入你所購買的完整網域名稱,輸入完後點擊「SAVE CHANGES」儲存更新,並等他完成。

檢查網域是否成功替換

進入 Application Management 的 Access Details 的選單中,就可以看到原本是 Cloudways 自動建立的 WordPress 網址,成功被替換成你所購買的網域。而原本 Cloudways 自動建立的 WordPress 後台網址,也成功被替換成你所購買的網域+/wp-admin了。

下一步,跟著我一起進入 Cloudways 去設定 SSL 的教學流程囉。

幫自己的家上鎖,在Cloudways上啟動SSL/HTTPS

點擊以下連結進入 Cloudways 進行 SSL 的設定吧。

SSL 全名 Secure Sockets Layer,若有啟動SSL那網址開頭就會顯示https,表示在這個網站內所有傳輸的內容都是受到加密保護。再加上,由於Google將SSL納入SEO搜尋引擎網站排名優化的條件之一,所以若想要網站被Google排名高一點,那就要為網站安裝SSL憑證喔。

在還沒有設定SSL時,進入網站應該會在網址前顯示一個不安全的警示符號,接下來我就要教大家如何在 Cloudways 中設定免費 SSL 憑證,讓瀏覽器辨識此網站是安全的!

安裝SSL憑證

進入 Application Management 的 SSL Certificate 的選單中,右方選擇 Let’s Encrypt,並填入email及網域,完成後點擊「INSTALL CERTIFICATE」並等待安裝完成。

遇到安裝SSL憑證錯誤

如果有像我一樣出現無法安裝的情況,我在猜想可能是跟 Cloudflare 的 SSL 有衝突到,所以我就先去暫停 Cloudflare。如果沒有遇到安裝錯誤,可以直接跳至「再次安裝 SSL 憑證」。

點擊以下連結進入 Cloudflare 相關設定吧。

請登入你的 Cloudflare,進入 Overview 標籤的頁面往下滑點擊「Pause Cloudflare on Site」暫停網頁的 Cloudflare 服務,跳出一個確認視窗點擊「Confirm」。

接著進入 Caching 標籤,在清除快取的左邊點擊「清除全部」。

再次安裝SSL憑證

點擊以下連結進入 Cloudways 進行相關設定吧。

完成暫停網頁的Cloudflare服務及清除快取後,我們再來安裝一次 SSL 憑證,進入 Cloudways >> Application Management >> SSL Certificate 的選單中,右方選擇 Let’s Encrypt,並填入email及網域,完成後點擊「INSTALL CERTIFICATE」並等待安裝時,會跳出是否啟用HTTPS轉址功能,點擊「ENABLE HTTPS」便完成囉。

啟動自動更新SSL憑證

一般來說 Let’s Encrypt 的 SSL 憑證的有效期限是90天,所以到期要更新 SSL 憑證,Cloudways有提供自動更新憑證的功能,你可以進入 Application Management 的 SSL Certificate 的選單中,右方的 AUTO RENEWAL 設定成「Enable」,讓 SSL 憑證自動更新,才不會突然中斷而影響網站安全性喔。

啟動HTTPS轉址

剛才在「再次安裝 SSL 憑證」 步驟中,已經有開啟過HTTPS轉址,也可以進入 Application Management 的 Application Settings 的選單中,確認是否「Enable」成功啟用。

設定Cloudflare的SSL/TLS安全憑證

點擊以下連結進入 Cloudflare 相關設定吧。

進入 SSL/TLS 標籤,選擇「Full(strict)」。

再次開啟Cloudflare

若有操作「遇到安裝 SSL 憑證錯誤」步驟,在完成 Cloudways 的 SSL 憑證設定後,我們需要將剛才暫停網頁的 Cloudflare 服務重新啟動,請登入你的 Cloudflare,進入 Overview 標籤的頁面往下滑點擊「Enable Cloudflare on Site」就可以重新啟動 Cloudflare,開啟 Cloudflare後,這個連結又會變回 Pause Cloudflare on Site。

開啟網站

當我們完成 Cloudways 的 SSL 憑證設定後,再次進入網站時,應該會在網址前顯示一個安全鎖的符號,就表示你的網站是安全的!

檢查SSL憑證

我們還可以使用 NameCheap 提供的一個免費工具,檢查 SSL 憑證相關資訊。

解除安裝SSL憑證

點擊以下連結進入 Cloudways 進行相關設定吧。

如果有需要解除安裝目前的 SSL 憑證,進入 Cloudways >> Application Management >> SSL Certificate 的選單中,點擊「REVOKE」即可解除目前所安裝的 SSL 憑證,然後重新再安裝即可。

下一步,跟著我一起進入 Cloudways 去設定付款方式及其他補充的教學流程囉。

設定Cloudways付款方式及其他補充

設定付款方式

提醒大家,如果超過 Cloudways 提供3天的試用期沒有設定付款方式,你架設好的主機及網站,就會被刪除喔。所以請特別注意,要在3天試用期內將付款方式設定完成喔!

點擊 Cloudways 頁面上的「UPGRADE MY ACCOUNT」,或者可以點擊右上角人頭圖示的「ACCOUNT」進入我的帳號資訊。

點擊以下連結進入 Cloudways 進行相關設定吧。

進入 Credit Card 的選單中,點擊「AUTHORIZE CREDIT CARD」授權信用卡。

進入後,填寫信用卡號碼、信用卡持有人姓名、信用卡有效年/月份、信用卡後3碼、帳單地址、城市、國家、電話號碼、你是個人或公司,填寫完畢點擊「AUTHORIZE」完成。

完成信用卡授權後,如果要修改,一樣是點擊右上角人頭圖示的「ACCOUNT」,進入 Credit Card 的選單中,點擊「EDIT HERE」修改授權信用卡。

網站如何進行備份?

Cloudways 預設是 每天 6:00 am (UTC+0,換算台灣時間是14:00) 會幫你自動備份一次你的網站,當網站有大更新也可以自行手動備份。

進入 Application Management 的 Backup And Restore 的選單中,點擊右邊「TAKE BACKUP NOW」就會立即備份喔。Cloudways 總共只能保存最近 17 個備份檔案,如果你有手動備份,會從最舊的備份先刪掉喔。

網站如何進行還原?

進入 Application Management 的 Backup And Restore 的選單中,選擇還原日期,點擊左邊「RESTORE APPLICATION NOW」,等待完成就會將網站還原到所選日期時間的狀態。

當網站順利還原後,你可以到 WordPress 網站,確認是不是你需要還原的版本。如果不是,就再進入 Application Management 的 Backup And Restore 的選單中,你會發現 「RESTORE APPLICATION NOW」 不能按了,不要怕,下面出現「Rollback」 和「Delete」2個按鈕,此時你要做的動作是:

1. Rollback:還原的樣子不是你要的,所以回復到還原前的網站
因為 Cloudways 有幫你把還原前的網站,自動做一個暫存備份,所以如果你覺得還原的樣子不是你要的,可以點擊「Rollback」,回復到還原前的網站,然後「RESTORE APPLICATION NOW」還原網站功能又可以重新使用。
2. Delete:還原的樣子是你要的,所以保留還原後的網站
確認網站都沒問題後,就能直接點擊「Delete」,把原暫存檔案給刪除,然後「RESTORE APPLICATION NOW」還原網站功能又可以重新使用。

升級Cloudways主機

在「 挑選及設定Cloudways 」步驟中,我們已經挑選想要的伺服器大小,但隨著流量變大、網站內容增加,或明顯感覺網站變慢,原本選得伺服器大小可能不夠用了,所以這時候我們就可以選擇升級伺服器大小。

進入 Server Management 的 Vertical Scaling 的選單中,調整你想要增加的大小,選好下方會帶出以每小時計費及每月的美金費用,確認沒問題就可以點擊「SCALE NOW」。

降級Cloudways主機

這邊要注意的是,Linode 主機的降級主機步驟就比較多,需要使用複製主機功能,而原本的主機相關設定,像是網域、DNS、SSL等都需要再重新設定一次,等於是你需要從本文 「挑選及設定Cloudways」 一直重新設定到第五步。

詳細的操作可以參考 Cloudways 的這篇教學文章

下一步,跟著我一起進入 WordPress 後台作基本設定囉。

WordPress後台基本設定

設定成繁體中文

進入WordPress 後台,WordPress 後台網址是你的網域+/wp-admin,比如我的就是https://yangtaimarketing.com/wp-admin/,因為預設是英文的,所以我們要先改成繁體中文。

進入 Settings 的 General 的選單中,找到Site Language,選擇繁體中文,往下滑點擊「Save Changes」儲存變更。

一般設定

進入設定的一般的選單中,填寫藍色框的資訊,包含網站標題、網站說明、網站管理員電子郵件地址、時區選擇 UTC+8 或 Taipei、日期格式與時間格式選擇你想要呈現的方式、及選擇每週開始日。

閱讀設定

進入設定的閱讀的選單中,資訊提供中的文章顯示方式選擇內容摘要。

討論設定

進入設定的討論的選單中,可以參考以下所有相關設定值。

永久連結設定

進入設定的永久連結的選單中,將永久連結選擇文章名稱。

下一步,跟著我一起進入 WordPress 後台安裝 WordPress 主題囉。

佈置自己的家囉,安裝WordPress主題

WordPress主題=裝潢,是指網站的模板與樣式,WordPress後台目前約有超過1萬個免費主題可供您選擇,而 Envato Market 是現在最大的WordPress付費主題,上面也有超過5萬個付費主題,最便宜的主題從US$2(約56台幣)就有囉,所以可以慢慢挑選自己喜歡的喔。

而在安裝 WordPress 時,會自動幫你安裝 WordPress 自己開發的主題,目前的幫我自動安裝是 Twenty Twenty-One 的主題。

我很常使用的 WordPress 主題是 Astra,Astra是一款輕量、快速、可高度客製化、美觀的主題,適合製作部落格、個人作品集、商業網站或是 WooCommerce 電子商店,而且有很多已經建立好的模版,可以直接匯入使用喔。目前網站也是用 Astra 主題做的,推薦給你們使用,可以點擊下方連結進入看更多的有關 Astra 主題的官方介紹。

接下來,跟著我一起進入安裝 WordPress 主題的教學流程囉。

安裝佈景主題Astra

進入外觀的佈景主題的選單中,點擊「安裝佈景主題」,在搜尋框中輸入 Astra。

找到 Astra 主題後,點擊「安裝」,安裝完成後會顯示已安裝,然後點擊「啟用」。

安裝Astra子主題

網站有時會需要更改一些程式碼,所以我通常會安裝子主題,好處是不會動到原本主題的程式設定,另一方面主題更新時也不會覆蓋掉我修改的部份。

點擊以下連結進入 Astra 官網下載 Astra 子主題吧。

進入外觀的佈景主題的選單中,點擊「上傳佈景主題」,點擊「選擇檔案」,將剛才所下載的astra-child.zip檔案上傳,上傳完成點擊「立即安裝」。

佈景主題安裝完成後點擊「啟用」。

回到外觀的佈景主題的選單中,你就會看到目前使用的佈景主題已變更為 Astra Child。

安裝Astra Starter Template外掛

剛才「安裝佈景主題 Astra 步驟」有提到 Astra 提供很多模版,可以直接匯入使用,Astra 主題有免費跟付費版,付費版就會有更多功能及模版可以使用,可以點擊以下連結觀看 Astra 介紹及網站模版,現在我們就先試著匯入一個免費 Astra 模版 – Women Empowerment NGO吧。GO!

進入外掛的安裝外掛的選單中,在搜尋欄輸入「Starter Templates」,找到「Starter Templates」後點擊「安裝」,安裝完成後點擊「啟用」。

進入外觀的 Starter Templates 的選單中,選擇你想要使用的網頁編輯器,我一般是使用 Elementor 編輯器,點擊「Elementor」就會進入模版頁面。

安裝Astra Women Empowerment NGO模版

找到你想要的模版,這邊我選擇 Women Empowerment NGO 這個模版,每個模版都可以點進去看更多圖案,最下方也可以點擊「Preview “Women Empowerment NGO” Site」預覽這個模版真實在網站的樣子,都確認ok後,他可以選擇匯入完整網站,也可以只匯入首頁,而我們想要匯入完整網站就可以點擊「Import Complet Site」。

匯入前 Astra 免費版會有一個簡單的問卷,可以依照你的情況填寫,填寫完畢就點擊「Next」。

輸入你的名字及email,填寫完畢就點擊「Submit and Start Importing」,等待安裝完成。

網站完成囉!

恭喜大家已經擁有了一個自己的家,剩下就是一步一步地增加更多內容到WordPress網站囉!

最後,在下方留言讓我知道你的學習心得,或是如果有什麼問題想問都歡迎在下方留言給我喔!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端
漾泰行銷

漾泰行銷

通常在1小時內回覆

I will be back soon

漾泰行銷

Hi 

如果你想要與我們聯繫,請點擊開始對話

Line