iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0

https://ithelp.ithome.com.tw/upload/images/20220920/20116357pBHpSElvVi.jpg

為了強化網站的版面空間規劃,網站設計師常常會規劃特殊的內容空間,這樣主要介紹 WordPress 欄位的基本應用,下方以一個 2 欄式的區塊作為介紹,這並不會太難,新手請先了解基礎觀念。


您需要準備的 WordPress 外掛和區塊技巧如下;

  1. 欄位區塊
  2. 圖片區塊
  3. 標題區塊
  4. 段落區塊

欄位區塊

欄位區塊可以讓你設定不同的區隔,例如左右各佔 50% 的兩欄,或 3 欄位就是各佔 33%,或較罕見的 4 欄位是各佔 25%。你可以在左方欄位置入 [圖片區塊],而另外一邊置入 [標題區塊] 和 [段落區塊],這樣就是我們常見的基礎排版框架結構。


圖片區塊

請使用跟右方段落內容相關聯的圖片,一般在 WordPress 會自動調整圖片尺寸去符合空間,你可以使用 合法的免費圖片 去配合文章內容。


標題區塊

這個不是文章的標題,完整的文章應該具備多於一個的次標題 (Sub Heading) 去讓文章的脈絡可以不停的延展。


段落區塊

一般不會長篇大論的段落,一張圖片輔以約 100 至 300 字是合適的範圍,現代人不喜歡觀看太多的文章內容,請精簡內容。


上一篇
05 | WordPress 相關文章 (Related Posts) 區塊組合
下一篇
07 | WordPress 資訊欄 (Sidebars) 區塊組合
系列文
WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言