鐵人檔案
Bricks 被多方譽為 2023 年度最佳 WordPress 編輯器（其實她是佈景主題啦），目前的態勢看起來就是臃腫的大前輩們如 Elementor / Divi 之流的有力競爭者，我趕在最後一天報名時都未曾安裝試用過，僅想藉著鐵人賽邊學習邊與大家一起分享~~ 就這樣，Let's Go !!
Bricks 的元素條件顯示功能，可以讓我們為任何元素定義一個或多個條件，然後在滿足條件的前提下，這個元素才會在前端渲染呈現。 這些條件是在伺服器端進行驗證的，...
這篇得先簡單做一下名詞解釋：偽類別（pseudo-class）。 偽類別是 css 的一種特殊類別，意思是在某些特殊的情況下才會產生的類別（class）。雖然名...
循環查詢功能 Query Loop 能讓我們查詢資料庫（根據查詢參數），並進一步呈現相關查詢各種查詢結果（動態資料）。 一些典型的應用方向是： 文章/頁面：最...
Bricks 有一個有趣又相當實用的功能：遠端模板。 遠端模板可讓我們直接瀏覽和選擇由另外一個 Bricks 網站所建立的範本，而不需要繁複的從一個網站匯出又匯...
這篇我們來補充一下 CSS Grid 與 Flexbox 的相關知識。 CSS 一直是 Web 開發中不可或缺的重要部分。想要學好網頁設計卻不理解 CSS 幾乎...
CSS Grid 是一個二維排版佈局系統，我們可以同時運用橫向和垂直來組合排列。而 Flexbox 只能在橫向和垂直佈局中選擇一個來佈局，也就是所謂的一維排版佈...
之前提到的 Bricks 排版的四個預設 LAYOUT 佈局元素：Section / Container / Block / Div，其實都是以 CSS fle...
WordPress 及相關編輯器的盛行，讓人人可以動手製作完成複雜的現代網頁，但同時也因為編輯器的簡單易用，導致許多網頁設計的進階觀念被忽略：既然可以用 Wor...
上篇簡單介紹了在 Bricks 內用 CSS 變數來管理網站的配色色票的可行方式，這篇我們來試試用 Clamp 來管理網站的另一個重要角色：標題及文字的大小。...
一個臨時而突然的決定參加了鐵人賽，也讓我從完全不了解 Bricks Builder 到寫了第三十篇又爬了不少資料後，現在是一種好像懂了又有一堆沒消化好的感覺。...
