分類: 主題與外觀

佈景主題決定網站長什麼樣、操作好不好用、未來要不要換主題會不會打掉重練。這個分類聚焦在三件事:第一,免費/付費主題推薦清單與實測心得(Astra、Kadence、GeneratePress、Blocksy 等熱門選擇);第二,Gutenberg 區塊編輯器的進階用法,包含可重複使用區塊、模式(Patterns)、區塊主題與 FSE(完整網站編輯);第三,版面設計實戰,含色彩搭配、字型選擇、留白節奏、CTA 按鈕放哪裡比較有效。如果你想讓網站看起來不像「免費模板套用」,這裡的內容會幫上忙。

WordPress 查詢迴圈區塊自訂文章列表版型

用查詢迴圈區塊排文章列表,常卡在分頁沒反應、每頁篇數改不動、找不到分類篩選?關鍵其實在「繼承查詢與自訂查詢」的選擇。本文從區塊巢狀結構、清單與格狀版型切換,到篩選排序與效能設定一次講清楚。

group row stack 區塊排版佈局實戰

搞不懂 group row stack 區塊差在哪、每次排版都靠多重欄位硬湊?本文拆解 Group、Row、Stack 與 Grid 四種變體的差異、對齊與換行設定,並用幾個常見版面示範怎麼選對容器,順帶解決手機跑版問題。

WordPress 封面區塊做全螢幕 Hero 視覺實戰

想用 cover block hero 做出滿版首屏,卻發現手機上高度跳動、背景主角被切掉、大圖拖慢載入?這篇從插入封面區塊、設定全寬與滿版高度、覆蓋層與焦點選擇器,一路講到影片背景與效能優化,把只在實機才現形的坑一次補齊。

WordPress 區塊寬度對齊設定——寬版與全寬一次搞懂

搞不懂區塊寬度對齊設定,寬版與全寬按鈕就會時有時無、按了也不撐開。本文從內容寬度、寬版、全寬三種對齊講起,拆解 theme.json 的 contentSize 與 wideSize、內部區塊使用內容寬度開關,讓你的排版穩定一致。

WordPress 麵包屑樣式客製——佈景主題層調整法

麵包屑樣式客製不必裝外掛或換主題,多數需求在佈景主題層用 CSS 就能搞定。本文從找出正確選擇器開始,帶你調整字級、顏色、分隔符號、手機版換行與顯示位置,並寫對地方避免被主題更新蓋掉。

WordPress 行動版漢堡選單客製——圖示動畫與全螢幕

想做行動版選單客製,卻只會換個圖示顏色?這篇把漢堡選單拆成圖示外觀、開關動畫與全螢幕展開三層,外掛與純 CSS 兩條路都教,並補上多數教學略過的無障礙與斷點細節,讓你的手機選單從能動變好用。

WordPress Mega Menu 怎麼做——外掛與 CSS 兩路

想在 mega menu wordpress 做出多欄大型選單,卻不知道該裝外掛還是自己刻 CSS?本文拆解兩條路的做法、適合誰與代價,並補上 block 主題、效能、無障礙與 SEO 的取捨,幫你先判斷網站到底需不需要大型選單再動手。

WordPress 黏性頁首三種設定方式比較

黏性頁首設定讓你的選單與 logo 在訪客捲動時固定在螢幕頂端,但 WordPress 沒有一鍵開關。本文比較區塊主題、外掛與自訂 CSS 三種做法,附對照表與 sticky、fixed 差別,並整理錨點被擋、登入管理列偏移等常見排除技巧。

WordPress 自訂頁面範本建立教學

想做自訂頁面範本讓某幾頁長得不一樣,又怕牽動全站?本文拆解傳統佈景主題加 Template Name 註解、page-slug 自動對應,到區塊主題用網站編輯器的兩條路線,並附 WooCommerce 商品支援與套了沒反應的排查步驟。

子主題覆寫模板的正確做法與常見陷阱

子主題覆寫模板看似只是把檔案放對位置,實際卻常遇到放了沒生效、區塊主題改了前台不變、include 路徑指錯目錄等狀況。本文講清楚 WordPress 怎麼決定載入哪支模板,傳統與區塊主題的覆寫差異,以及最常踩的幾個陷阱怎麼避開。