跳到主要內容

排版元素示範:標題、清單、程式碼與表格

📅 2026 年 9 月 6 日 ⏱ 1 分鐘閱讀 👁 1 💬 0

這篇把常用的排版元素都放一次,方便你確認每種格式在這個主題底下長什麼樣。

標題層級

H2 左邊會有一條橘色直線,是段落的主要分隔。H3 沒有裝飾,用字級和粗細區分。文章目錄只會抓 H2 和 H3。

這是一個 H3

H3 底下的說明文字。段落行高設在 1.95,中文閱讀起來比較不擠。

清單

項目符號的顏色會跟著主色走:

  • 無序清單第一項
  • 第二項,可以放粗體斜體
  • 第三項,也可以放連結,連結有底線
  1. 有序清單也一樣
  2. 數字同樣是橘色

引言

引言區塊有淡橘底色和左邊的粗線,適合放重點或引用別人的話。

程式碼

行內程式碼像這樣:wp_enqueue_style(),有淡橘底。

整段程式碼則是深色底:

function hello() {
    echo "Hello, dadiblog!";
}

表格

項目 說明 預設值
主色 整站的強調色 #FFB347
圓角 卡片的圓角半徑 22px
內容寬度 單篇文章的最大寬度 760px

分隔線


以上就是全部的基本元素。這篇同樣是示範,可以刪。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *