iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用] 系列

注意,這課程適合對 WordPress 有基礎認識的朋友閱讀,這 30 天裡並不會教授任何「網站架設」相關的資訊,如果你已經使用 WordPress 架站約 2 年左右。你會知道單獨 1 個區塊可以辦到的事不多,但如果合理地 [組合] 起來,可以達到 1 + 1 = 3 的效果。所以如果你已經精通每個獨立區塊的應用,這回的進階混合應用就非常適合你。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

11 | WordPress 圖片比較 (Image Compare) 區塊組合

將圖片的之前和之後 (Before and After) 的比較狀態,是現代常見的展示方式,方法是將 2 張圖片重疊,將訪客可以透過「中間的把手 (Handl...

2022-09-25 ‧ 由 Mack Chan 分享
DAY 12

12 | WordPress 行動呼籲 (Call to Action) 區塊組合

我們製作網站都有不同的目的,尤其是專為銷售而設的著睦頁 (Landing Page),除了引人入勝的內容和宣傳圖片,此時 Call to Action (行動...

2022-09-26 ‧ 由 Mack Chan 分享
DAY 13

13 | WordPress 商品 (Product) 區塊組合

WordPress 其中一個最受歡迎的外掛是 WooCommerce,這是架設電商網站的核心基礎,我們這次不是探討其複雜的原理,當你安裝和啟用 WooComm...

2022-09-27 ‧ 由 Mack Chan 分享
DAY 14

14 | WordPress 媒體及文字 (Media & Text Block) 區塊組合

你可以使用媒體及文字區塊將圖片或影片與文字並排顯示。若要新增媒體及文字區塊,請按一下「+ 區塊插入工具」圖示,然後搜尋「媒體」,接著按一下即可將區塊加入文章...

2022-09-28 ‧ 由 Mack Chan 分享
DAY 15

15 | WordPress 音樂及樂譜 (Sheet Music) 區塊組合

音樂是世界的共同語言,從 90 年代早期的網站設計開始,我們很常在網站播放 .mp3 格式的音源檔案,當然現在的用戶體驗不允許我們這樣做,主流的網頁瀏覽器會封...

2022-09-29 ‧ 由 Mack Chan 分享
DAY 16

16 | WordPress 自訂文章列表 (Post Grid) 區塊組合

原生的 WordPress 來到 6.2 版本,現在核心程式已經可以製作多樣化的自訂文章列表 (Post Grid),這次推薦大家閱讀兩篇重要的客制化文章列表...

2022-09-30 ‧ 由 Mack Chan 分享
DAY 17

17 | WordPress 電子報 (Newsletter) 區塊組合

WordPress 訂閱外掛的組合很多元化,但原生 WordPress 無法處理這個任務,必須配合第三方的合作單位,例如 MailChimp 或 HubSpo...

2022-10-01 ‧ 由 Mack Chan 分享
DAY 18

18 | 如何重複引用 WordPress 區塊組合?

閱讀完這個章節,你將會初步了解 WordPress 可重複使用區塊 (Reusable Block) 和 WordPress 區塊版面配置目錄 (Patter...

2022-10-02 ‧ 由 Mack Chan 分享
DAY 19

19 | WordPress 多重按鈕群組 (Button Group) 區塊組合

不少新手會看輕按鈕的各種應用,事實上 WordPress 按鈕 是網站設計非常重要的組成元素,這次介紹多於一個按鈕的組合,言下之意就是它個是一個「群組」形式存...

2022-10-03 ‧ 由 Mack Chan 分享
DAY 20

20 | WordPress 多重欄位 (Columns) 區塊組合

在網站設計的規劃時,我們需要分割 2 個或多個域,這時候會利用到 WordPress 多重欄位 (Columns) 區塊,最多可以分割高達 6 個欄位,各個欄...

2022-10-04 ‧ 由 Mack Chan 分享