WordPress 查詢迴圈區塊自訂文章列表版型
用查詢迴圈區塊排文章列表,常卡在分頁沒反應、每頁篇數改不動、找不到分類篩選?關鍵其實在「繼承查詢與自訂查詢」的選擇。本文從區塊巢狀結構、清單與格狀版型切換,到篩選排序與效能設定一次講清楚。
佈景主題決定網站長什麼樣、操作好不好用、未來要不要換主題會不會打掉重練。這個分類聚焦在三件事:第一,免費/付費主題推薦清單與實測心得(Astra、Kadence、GeneratePress、Blocksy 等熱門選擇);第二,Gutenberg 區塊編輯器的進階用法,包含可重複使用區塊、模式(Patterns)、區塊主題與 FSE(完整網站編輯);第三,版面設計實戰,含色彩搭配、字型選擇、留白節奏、CTA 按鈕放哪裡比較有效。如果你想讓網站看起來不像「免費模板套用」,這裡的內容會幫上忙。
用查詢迴圈區塊排文章列表,常卡在分頁沒反應、每頁篇數改不動、找不到分類篩選?關鍵其實在「繼承查詢與自訂查詢」的選擇。本文從區塊巢狀結構、清單與格狀版型切換,到篩選排序與效能設定一次講清楚。
搞不懂 group row stack 區塊差在哪、每次排版都靠多重欄位硬湊?本文拆解 Group、Row、Stack 與 Grid 四種變體的差異、對齊與換行設定,並用幾個常見版面示範怎麼選對容器,順帶解決手機跑版問題。
想用 cover block hero 做出滿版首屏,卻發現手機上高度跳動、背景主角被切掉、大圖拖慢載入?這篇從插入封面區塊、設定全寬與滿版高度、覆蓋層與焦點選擇器,一路講到影片背景與效能優化,把只在實機才現形的坑一次補齊。
搞不懂區塊寬度對齊設定,寬版與全寬按鈕就會時有時無、按了也不撐開。本文從內容寬度、寬版、全寬三種對齊講起,拆解 theme.json 的 contentSize 與 wideSize、內部區塊使用內容寬度開關,讓你的排版穩定一致。
麵包屑樣式客製不必裝外掛或換主題,多數需求在佈景主題層用 CSS 就能搞定。本文從找出正確選擇器開始,帶你調整字級、顏色、分隔符號、手機版換行與顯示位置,並寫對地方避免被主題更新蓋掉。
想做行動版選單客製,卻只會換個圖示顏色?這篇把漢堡選單拆成圖示外觀、開關動畫與全螢幕展開三層,外掛與純 CSS 兩條路都教,並補上多數教學略過的無障礙與斷點細節,讓你的手機選單從能動變好用。
想在 mega menu wordpress 做出多欄大型選單,卻不知道該裝外掛還是自己刻 CSS?本文拆解兩條路的做法、適合誰與代價,並補上 block 主題、效能、無障礙與 SEO 的取捨,幫你先判斷網站到底需不需要大型選單再動手。
黏性頁首設定讓你的選單與 logo 在訪客捲動時固定在螢幕頂端,但 WordPress 沒有一鍵開關。本文比較區塊主題、外掛與自訂 CSS 三種做法,附對照表與 sticky、fixed 差別,並整理錨點被擋、登入管理列偏移等常見排除技巧。
想做自訂頁面範本讓某幾頁長得不一樣,又怕牽動全站?本文拆解傳統佈景主題加 Template Name 註解、page-slug 自動對應,到區塊主題用網站編輯器的兩條路線,並附 WooCommerce 商品支援與套了沒反應的排查步驟。
子主題覆寫模板看似只是把檔案放對位置,實際卻常遇到放了沒生效、區塊主題改了前台不變、include 路徑指錯目錄等狀況。本文講清楚 WordPress 怎麼決定載入哪支模板,傳統與區塊主題的覆寫差異,以及最常踩的幾個陷阱怎麼避開。