整合內容小工具（zittme_content）是以多種形式顯示討論區文章・留言的響應式小工具。自 0.0.02 起隨核心內附。

核心概念只有一個：1 個小工具 = 橫向 1 列。將一列分成 1～4 個欄位（欄），並為每個欄位連結討論區。將多個此小工具堆疊起來，就能完成入口網站式的首頁。

快速開始

1. 開啟 管理員 > 小工具，或在頁面編輯中開啟插入小工具。
2. 選擇 整合內容小工具，並將寬度設為 100%。
3. 在 列組成 中選擇一個預設組合。例：「雜誌 58 + 列表 42」
4. 在欄位 1・2 輸入討論區位址（mid）。例：欄位1 notice、欄位2 free
5. 儲存即完成。若需要其他組成的列，以相同方式在下方新增小工具。

若未設定就插入，小工具位置會顯示使用說明，您可以一邊看畫面一邊填寫。

區塊形式

形式	外觀
列表	每篇一行標題。留言數與新文章（N）徽章顯示在標題旁
網誌	縮圖 + 標題 + 摘要
縮圖	圖片卡片網格
雜誌	在圖片上疊加標題的大型卡片。第一篇文章以大尺寸配置
混合	上方 2 篇網誌 + 下方列表
分頁	以分頁切換多個討論區（以逗號輸入多個 mid）
最新留言	最新留言列表

列組成預設

數字為寬度比例（%）。選擇後只要在欄位中連結討論區即可。

預設	用途範例
雜誌 58 + 列表 42	新聞・部落格首頁上方
列表 42 + 雜誌 58	上一項的左右對調
網誌 50 + 縮圖 50	消息 + 相簿
列表 38 + 網誌 62	公告 + 消息詳情
網誌 50 + 網誌 50	兩個消息看板並排
列表 50 + 列表 50	社群討論區兩欄
分頁 40 + 列表 30 + 最新留言 30	社群入口網站
列表 + 列表 + 最新留言（三等分）	社群下方
雜誌 3 張（三等分）	品牌故事
雜誌 55 + 縮圖 45	代表內容 + 最新圖片
網誌一列（100）	單獨的消息區塊
縮圖網格一列（100）	相簿區塊
雜誌一列（100）	主視覺型內容
混合（網誌+列表）62 + 列表 38	首頁中段

自訂組成

在預設中選擇「自訂組成」，即可自行決定寬度比例與各欄位的形式。

• 寬度比例：以冒號分隔。例：100、50:50、62:38、33:33:33、25:25:25:25（最多 4 欄）
• 欄位形式：每個欄位從列表/網誌/縮圖/雜誌/混合/分頁/最新留言中選擇

欄位設定

項目	說明
討論區	討論區位址（mid）。例：notice
標題	留空則顯示討論區名稱
顯示數量	留空則使用符合組成的預設值

多個討論區與全部討論區

• 可用逗號合併多個討論區：free,humor（合併後依最新排序）
• 輸入 * 則以網站所有討論區為對象（也可用 all，但若實際存在名為 all 的討論區，則以該討論區優先）
• 在分頁形式中，以逗號輸入的每個討論區各產生一個分頁

新文章（N）顯示時間

由各小工具決定文章發表後幾小時內在標題旁加上 N 徽章。留空則為 24 小時。

面板

面板	留言數	N 徽章
預設	+3	重點色方形徽章
Heritage	[3]	與 heritage 討論區面板相同的橘色徽章

若網站使用 heritage 佈景主題，請選擇 Heritage 面板，讓標示方式與討論區一致。

響應式行為

以 100% 寬度插入小工具後，不需額外設定，配置就會依螢幕大小改變。

• 螢幕 960px 以下：多欄縮減為 2 欄。
• 螢幕 640px 以下：直向堆疊為 1 欄。
• 各欄位內部也會依自身寬度調整：變窄時網誌會改為直向，縮圖網格會減少欄數。

同一列內的高度會自動對齊。

組成範例：社群入口網站首頁

依序插入 3 個小工具。

1. 第 1 列：「雜誌一列（100）」+ 欄位1 notice - 上方代表內容
2. 第 2 列：「分頁 40 + 列表 30 + 最新留言 30」+ 欄位1 free,humor,qna / 欄位2 notice / 欄位3 *
3. 第 3 列：「縮圖網格一列（100）」+ 欄位1 gallery

常見問題

• 看不到文章：請確認 mid 的拼寫。討論區位址（mid）可在討論區設定的 URL 項目中查看。祕密文章與非公開文章不會顯示。
• 縮圖是空的：文章中必須有圖片才會產生縮圖。沒有圖片的文章會顯示預留位置圖示。
• 想調整列與列之間的間距：請使用插入小工具時的邊界設定，或以頁面端的 CSS 調整。