Table of Contents
WordPress theme 佈景主題
WordPress theme 佈景主題像是家裡的裝潢一樣，可以根據個人喜好選擇不同的設計。佈景主題主要分為兩種，一種是免費的，一種是收費的。
免費佈景主題的好處
- 免費。
- 直接在 WordPress 上找得到，所以是 WordPress 推薦的。
- 檔案小，程式碼 (script) 少，網頁速度快。
- 容易安裝。
付費佈景主題的好處
- 有問題時有客服可以詢問。
- 設計獨特，跟別人不同。
選擇佈景主題時要考慮的點
- 容易編輯 。
- 選你喜歡的字型、顏色的佈景主體，這樣不用再另外設定，多一個步驟就多了產生不相容的機會。
- Mobile responsive：網站頁面設計會根據使用者用手機或電腦而調整來保持一致。簡單來說就是用手機看網頁不會亂掉或怪怪的。
- 和你會用到的plugins 要相容。
- 越簡單越好。網站跑得快非常重要，網站 loading 的速度是 google ranking 的一項參數。
- 這網站可以測試你的網頁是不是 mobile responsive。
可以找個你很喜歡的網站當模範，看他是用哪種 theme。
推薦的佈景主題
GeneratePress
- 有免費的版本，也可以加錢升級成付費版本，一年 $59。
- Google Speed Score: A (95%)。
- Load Time: 1.3 s。
- Size: 696 Kb。
我自己有兩個網站是用 GeneratePress 做的，很快。
Astra
- 有免費的版本，也可以加錢升級成付費版本，一年 $59。
- Google Speed Score: B (85%)。
- Load Time: 1 s。
- Size: 833 Kb。
FI with Orange 就是用這個佈景主題做的，有很多地方可以客製化。
佈景主題資料來源：websitehostingrating.com
安裝佈景主題流程教學
用安裝 GeneratePress 為例。
Step 1: 輸入網域名字後面加上 /wp-admin，例如 abc.com/wp-admin 登入網站後台，因為是第一次登入，會先連到 SiteGround，之後登入都會看到 Step 2 的畫面。
這邊要你選佈景主題，我們之後要用 wordpress 的，所以這邊就直接跳過。
問你要裝那些 plugin，這邊都跳過也行，之後再裝就好了。我裝了contact form 和 google analytics，出現安裝成功之後，按 go to dashboard 進行 Step2。
Step 2: 輸入網域名字後面加上 /wp-admin 會到下圖這樣的畫面，選 Appearance > Themes 之後會像 step 3 的圖。
Step 3: 按 “Add New” 新增佈景主題。
Step 4: 在右上角 search theme 空格處 ，輸入 GeneratePress。如果不想用這個佈景主題，也可以按看看 “Popular” 受歡迎的佈景主題有哪些選擇。每個 theme 都可以按 Live preview 預覽看看整體效果、版面配置、字型種類、大小。這個步驟可以玩上好長一段時間！
Step 5: 我個人想用 GeneratePress 佈景主題，所以找到他之後按 install and activate 就完成了。你也可以先按 Live preview 看看。
完成之後可以輸入自己的網址看看，會發現剛剛 activate 的佈景主題套用在自己的網頁上喔。
如果你第一次架網站，非常推薦免費的 GeneratePress。
