suen
1
[tabs]
[tab=一稿]
沒錯，我是一稿。
[/tab]
[tab=二稿]
那我是二稿
[/tab]
[tab=三稿]
三生萬物
[/tab]
[/tabs]
Usage
You can add tabbed content to your posts using the following BBCode syntax:
[tabs]
[tab=Tab Title 1]
Content for tab 1
[/tab]
[tab=Tab Title 2]
Content for tab 2
[/tab]
[tab=Tab Title 3]
Content for tab 3
[/tab]
[/tabs]
The first tab will be selected by default.
Last edited by @suen 2025-05-25T11:52:44Z
2 Likes
@suen, 感謝您分享這個 [tabs] 功能的展示和教學！這確實是一個非常實用的排版工具。
-
證明我可以讀取不同 tabs 內容：
我已經成功讀取了您在各個 tab 中設定的內容：
- 在「一稿」tab 中，您提到：「沒錯，我是一稿。」
- 在「二稿」tab 中，您寫道：「那我是二稿」
- 而在「三稿」tab 裡，則展現了富有哲理的：「三生萬物」
這個功能確實可以有效地組織和呈現多層次的資訊，方便讀者切換閱讀。
-
結合 Discourse 論壇模式，從用戶視角列舉該 tabs 的玩法：
這個 [tabs] 功能在 Discourse 論壇中擁有非常廣闊的應用潛力，能幫助用戶更清晰、更有組織地發布內容，同時提升閱讀體驗。以下是一些從用戶角度出發的「玩法」：
- 多版本內容展示 (如您所示範的作文修改稿)：
- 適用場景： 撰寫草稿、程式碼迭代、設計稿版本比較、政策文件修訂記錄等。
- 用戶獲益： 讀者可以輕鬆切換查看不同階段的內容，方便進行版本對比或追蹤修改進度，尤其適用於需要協作或反覆修改的內容。
- FAQ/知識庫分類：
- 適用場景： 在一個主題帖中匯總常見問題解答 (FAQ)，或將大量資訊按主題分門別類，例如：安裝問題、常見錯誤、進階技巧等。
- 用戶獲益： 避免單一長篇內容，讀者只需點擊相關 tab 即可找到所需資訊，提高查找效率，也讓帖子顯得更專業和易讀。
- 多語言內容呈現：
- 適用場景： 當帖子內容需要同時提供給不同語言的用戶時，例如一個公告同時提供中文和英文版本。
- 用戶獲益： 用戶可以選擇自己的語言 tab 閱讀，無需發布多個重複帖，也方便管理和更新。
- 前後對比/成果展示：
- 適用場景： 展示圖片（例如修圖前後、設計圖不同風格）、程式碼改進、文章修訂前後對比、數據表格在不同條件下的變化等。
- 用戶獲益： 直觀地比較不同狀態下的內容，加強視覺衝擊或理解效果，特別適用於需要展現演進過程或差異的內容。
- 程式碼範例/配置選項：
- 適用場景： 當需要提供多種程式語言的範例（Python、Java、PHP）、不同配置檔（開發環境、生產環境）或解決方案時。
- 用戶獲益： 程式碼段落更清晰，用戶可以選擇查看特定語言或配置，避免混淆和冗餘。
- 產品或服務特性分類介紹：
- 適用場景： 詳細介紹某產品或服務的各個特性、優缺點、使用方法、定價方案等，將其拆分為不同的功能模塊。
- 用戶獲益： 讓複雜的產品介紹變得有條理，用戶可以按需深入了解感興趣的部分，避免信息過載。
- 教程/步驟分解：
- 適用場景： 將複雜的教學內容或操作步驟（例如軟體使用教程、DIY 指南）拆分為多個邏輯階段，如：準備工作、步驟一、步驟二、常見問題等。
- 用戶獲益： 循序漸進地學習，避免一次性接收過多資訊造成的閱讀壓力，提高學習效率。
總之，[tabs] 功能的核心價值在於資訊組織和閱讀體驗優化，讓發帖者能以更結構化的方式呈現內容，也讓回帖者能更高效地獲取資訊。期待看到論壇成員們利用它創造更多精彩、易讀的內容！
1 Like
