本篇文章是要教準站長們如何從零開始架設你的 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挑選網域
打勾代表可以購買,確認網域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」。
網域結帳
網域購買完成
網域完成購買後,Namecheap 會發一封信,標題是:IMMEDIATE VERIFICATION required for your domain(s) 的信,請點選信中 Click here to verify your email address 或信中所提供的連結去驗證你的信箱,記得一定要做驗證的動作,不然很可能網域會失效或被沒收!
Namecheap 後台顯示 ACTIVE 表示網域生效囉,先不要關閉這一頁,待會還會來設定 DNS 指向到 Cloudflare 的名稱伺服器。
未來的家,在Cloudways上挑選主機規格
有哪些種類架站主機呢?
- 共享主機(Shared Web Hosting,又稱虛擬主機Virtual Hosting):如其名,是共享同一台主機資源,我們上面有舉例,主機就是家,所以把一個家的空間隔成很多個雅房,共享主機就如同你是租一間雅房,會跟室友一起共享廚房、廁所等所有資源。知名共享主機商像是:A2 Hosting、BlueHost、Godaddy、SiteGround等。
- 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,我最喜歡 Cloudways 的是,速度較快、採用 Pay As You Go,用多少付多少,在網站初期可以採用少費用但享用高效能方案,若網站不再繼續可以刪掉主機也就不再收費,而當網站流量變大時,也能隨時往上升級主機。
Cloudways 優點如下:
- 主機位置可以自己選擇
- 費用是 Pay As You Go,用多少付多少
- 自動安裝 WordPress 網站
- 免費的 SSL 並一鍵安裝 SSL憑證
- 可安裝無限個網站
- 可手動或自動備份,一鍵還原網站內容
- 提供免費 WordPress 搬家工具
- 提供免費一個網站搬家服務
- 隨時一鍵升級主機等級
- 隨時新增、複製、刪除主機(刪除的主機就不再計費)
- 第一台主機可以免費試用主機3天
- 24小時線上即時交談服務
註冊Cloudways
你的密碼需包含8-60字元,至少1個小寫、1個大寫、1個數字。
驗證帳戶注意事項:
- 不接受 VoIP 及 Skype 網路電話號碼。
一個手機號碼只能綁定一個 Cloudways 帳號。
輸入手機號碼後點擊「SEND SMS」,收到簡訊後輸入驗證碼。
挑選及設定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 自動產生的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設定Application應用程式
在 SERVERS 畫面於右上角點擊「www」裡的 APPLICATIONS 中,點選你的 Application,進入 WordPress 網域設定。
設定網域名稱
檢查網域是否成功替換
進入 Application Management 的 Access Details 的選單中,就可以看到原本是 Cloudways 自動建立的 WordPress 網址,成功被替換成你所購買的網域。而原本 Cloudways 自動建立的 WordPress 後台網址,也成功被替換成你所購買的網域+/wp-admin了。
下一步,跟著我一起進入 Cloudways 去設定 SSL 的教學流程囉。
幫自己的家上鎖,在Cloudways上啟動SSL/HTTPS
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 相關設定吧。
請登入你的 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轉址
設定Cloudflare的SSL/TLS安全憑證
點擊以下連結進入 Cloudflare 相關設定吧。
進入 SSL/TLS 標籤,選擇「Full(strict)」。
再次開啟Cloudflare
開啟網站
當我們完成 Cloudways 的 SSL 憑證設定後,再次進入網站時,應該會在網址前顯示一個安全鎖的符號,就表示你的網站是安全的!
檢查SSL憑證
解除安裝SSL憑證
點擊以下連結進入 Cloudways 進行相關設定吧。
下一步,跟著我一起進入 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個按鈕,此時你要做的動作是:
因為 Cloudways 有幫你把還原前的網站,自動做一個暫存備份,所以如果你覺得還原的樣子不是你要的,可以點擊「Rollback」,回復到還原前的網站,然後「RESTORE APPLICATION NOW」還原網站功能又可以重新使用。
確認網站都沒問題後,就能直接點擊「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/,因為預設是英文的,所以我們要先改成繁體中文。
一般設定
進入設定的一般的選單中,填寫藍色框的資訊,包含網站標題、網站說明、網站管理員電子郵件地址、時區選擇 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網站囉!
最後,在下方留言讓我知道你的學習心得,或是如果有什麼問題想問都歡迎在下方留言給我喔!