Blocksy 佈景主題安裝教學|WordPress 架站第二步

分享這篇文章

最後更新日期:2026 年 03 月 31 日

Blocksy 佈景主題教學

主機申請好了,接下來要做的事是安裝佈景主題、美化網站版面。

這篇是四天架站教學系列的第二篇,帶你完成 Blocksy 佈景主題安裝、基本版面設定,以及發布你的第一篇文章。跟著步驟走,一個下午就能搞定!

剛開始架站很容易掉進一個坑:花太多時間在美化網站,結果內容完全沒有產出。我自己當初也這樣 🤣 所以這篇的原則是:先把版面弄好、能用就好,之後再慢慢優化。

如果還沒完成主機申請,建議先看第一篇:Cloudways 主機申請,再回來接著做這篇。

四天架站教學系列:

  1. Cloudways 主機申請
  2. 佈景主題基本設定(本篇)
  3. 佈景主題進階教學
  4. 網域申請,網站上線!

一、如何挑選佈景主題

雖然這篇會直接帶你安裝 Blocksy,但先了解挑選佈景主題的原則,日後如果想換主題也會很有幫助。

挑選佈景主題除了外觀之外,有四個地方要特別注意:

  1. RWD 響應式設計
    在手機和桌機上都要有對應的版面。現在大部分讀者用手機瀏覽,沒有響應式設計不只影響使用體驗,SEO 分數也會受影響。

  2. 與外掛的兼容性
    WordPress 的強大很大程度來自各種外掛,挑佈景主題時要確認它能和常見外掛正常搭配使用。

  3. 網站載入速度
    佈景主題太肥大會拖慢網站速度,讀者等不住就跑了。不要只看外觀漂不漂亮,速度也很重要。

  4. 持續更新與售後服務
    選有持續在維護的佈景主題,遇到問題才有管道解決。太冷門、很少人用的主題風險比較高。

新手初期建議先用免費佈景主題,專注在內容產出,之後再慢慢調整外觀。

二、為什麼推薦 Blocksy

我用過不少佈景主題,目前最推薦新手使用的是 Blocksy,原因很簡單:

  • 免費版功能就很完整
  • 載入速度快(輕量設計)
  • 版面乾淨簡潔,特別適合部落格
  • 持續更新維護,有問題找得到資源

這次架站教學系列也會全程以 Blocksy 做示範。

三、安裝 Blocksy 佈景主題

1、安裝 Blocksy

WordPress 後台 ➔ 外觀 ➔ 佈景主題 ➔ 安裝佈景主題 ➔ 搜尋「blocksy」➔ 安裝 ➔ 啟用。

安裝 Blocksy 佈景主題

2、查看前台畫面

點選左上角房子圖示 ➔ 在「造訪網站」點選右鍵另開新視窗,即可看到網站前台畫面。

查看 WordPress 前台畫面
Blocksy 前台畫面

前台畫面大致分為上方列(主要列)、下方列、和中間預設文章。

3、開啟側邊欄

後台左側 ➔ 外觀 ➔ 自訂。

WordPress 外觀自訂

內容類型 ➔ 網誌文章 ➔ 頁面元件 ➔ 資訊欄(打開)。

Blocksy 開啟側邊欄

設定好後記得按「發布」。

Blocksy 發布設定

回到前台,右側欄位已經顯示了。

Blocksy 側邊欄顯示
Blocksy 側邊欄完成

佈景主題和基本版面配置完成,接下來來發布第一篇文章!

四、新增第一篇文章

後台左側 ➔ 文章 ➔ 新增文章。

WordPress 新增文章

1、基本操作

進入編輯頁面後,每個地方都是一個「區塊」,這就是 WordPress 的區塊編輯器。點擊右側「+」號可以新增區塊,最常用的是段落和標題。

WordPress 區塊編輯器

右側也可以調整區塊的背景顏色、文字顏色等。

WordPress 區塊設定

插入區塊(標題、引文、段落、圖片)完成後 ➔ 點擊右上角「發佈」。

WordPress 發布文章

點選「預覽」➔「在新分頁中開啟」,即可在前台看到你發布的文章。

WordPress 前台文章預覽

恭喜你成功發布第一篇文章 🥳

後台左側 ➔ 文章,可以看到所有已發布的文章列表。

WordPress 文章列表

2、文章進階設定

回到文章編輯畫面,右側可以做以下設定:

WordPress 文章進階設定
  1. 分類:針對文章做分類,例如國外旅遊、國內旅遊,點下方「新增分類」新增。

  2. 標籤:類似社群的 hashtag,可依需求自訂,例如 #travel。

  3. 精選圖片:設定文章封面圖,會顯示在文章列表上。
WordPress 設定精選圖片

完成後點擊右上角「更新/發布」,回到前台就可以看到文章多了精選圖片。


第二篇完成了 🥳 佈景主題安裝好了、第一篇文章也發出去了,網站越來越像樣了。

下一篇會帶你完成頁首、頁尾、Logo 的進階設定,讓網站更完整。繼續往下走吧 👉 DAY 3、佈景主題進階教學

相關閱讀:
5 個你應該開始經營部落格的理由!

延伸閱讀:
新手理財的四個步驟 開始打造被動收入
14種常見的被動收入管道分享
零成本的 Redbubble 在網路上賺取被動收入


😎 被動收入實驗室 IG | YT頻道
✈️ 點這裡加入清倉機票優惠票券社群

魚子
魚子
guest

0 留言
回饋意見
查看所有留言