返回支援 內容和媒體 區塊 清單區塊

清單區塊

你可以使用清單區塊以編號或項目符號清單管理內容。

新增清單區塊

若要新增清單區塊,請按一下 「+ 區塊插入工具」圖示,然後搜尋「清單」,接著按一下即可將區塊加入文章或頁面。

💡

你也可以用鍵盤在新的一行輸入 /list,然後按 Enter 鍵快速新增清單區塊

輸入 /list 以顯示區塊選取器下拉式清單,並從選單中選擇清單的選項。
以你自己的 GIF 取代此 GIF,並記得置中對齊!

此處有新增區塊的詳細說明。 

區塊工具列

按一下區塊即會在其上方顯示選項工具列:

顯示在清單區塊上方的工具列。
清單區塊工具列

清單區塊的工具列有以下幾個選項:

區塊設定

按一下區塊,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,你可能需要按一下右上角的 ⚙️ (齒輪) 圖示叫出設定。

區塊設定位於右側邊欄中。
按一下 ⚙️ 圖示,開啟區塊設定
顏色

「顏色」選項可讓你定義清單區塊所使用的文字、背景和連結顏色。

按一下要變更區段旁的圓圈,你會看到佈景主題顏色或預設顏色的選項。

按一下這些選項的上方區段,在顏色樣本上拖曳滑鼠,或輸入 Hex、RGB 或 HSL 顏色代碼來選擇自訂的顏色

已選取「文字」顏色選項,並已開啟樣本和 Hex 代碼的選擇。
按一下可放大
連結區塊側邊欄的顏色選項。
連結側邊欄中各顏色選項可選取的顏色樣本。
文字設計

你可以使用以下設定調整區塊文字的外觀。

若未看到設定,請按一下「文字設計」右側的三個點來啟用 (如右圖所示)。 接著你就可以選擇要使用的選項:

  • 字體大小
  • 字型系列
  • 外觀
  • 行高
  • 裝飾
  • 字母大小寫
  • 字母間距
「文字設計」下拉式選單
區塊設定側邊欄中的「文字設計」,已展開額外選項。

字體大小設定可以調整文字的大小。有小、中、大等預設大小可以任選。

你也可以按一下預設選項上方的滑桿圖示,設定特定的值 (在下方螢幕截圖中標示為 1)。按一下下方螢幕截圖中標示數字 2 的地方,可以變更單位。選項包含像素、emrem

「文字設計」中的字體大小設定

字型系列設定可以變更使用的字型樣式。可以從下拉式選單中的字型清單任選。

外觀設定可以將文字樣式變更為一般或斜體、從細變更至特粗。

行高可以設定文字上下的間距。如果選取 0,請務必確認行動版網站上呈現的效果。

裝飾設定提供底線和刪除線選項。

字母大小寫可以將文字設定為全部大寫、首字母大寫,或全部小寫。

字母間距可以設定每個文字字元之間的間距。你可以變更預設單位 (像素) 為百分比、emremvwvh在此深入瞭解相對單位

已排序清單設定

若你選擇已排序 (數值) 清單,區塊設定側邊欄會顯示其他選項。

已排序清單中,箭頭指向區塊設定側邊欄中的已排序清單設定。
已排序清單設定。

你可以選取清單的開始值。此選項適合用來將非清單的內容 (例如圖片) 插入清單後,再於下方接續數值清單。

使用「反轉清單編號順序」來反轉清單的順序。舉例來說,若你想要建立以 10 開始的倒數清單,你可以使用「反轉清單編號順序」選項。

進階

進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。深入了解

進階區段可讓你新增 CSS 類別到區塊。
進階區段可讓你新增 CSS 類別到區塊。

將文字轉換為清單

你可以選取區塊後按一下區塊工具列最左側的按鈕,然後選取「轉換為」選單中的「清單」,將任何文字區塊變更為清單區塊。若你同時反白標示多個文字區塊並選取「清單」,則每個文字區塊將轉換為單一清單中的項目。

在數個段落中使用「轉換為」選項,將內容轉換為清單。

縮排清單

你可以使用工具列中的縮排圖示來縮排清單,或使用鍵盤上的空白鍵來縮排項目。

醒目標示的縮排圖示。
縮排清單與縮排圖示。

💡

縮排清單項目後,你可以使用縮排圖示左側的圖示或按下鍵盤上的退格鍵,再次將其凸排。

混合清單

你也可以混合排序清單,例如數字後面接著項目符號,反之亦然。

你還可以混合清單。

清單速記

你可以依序輸入連字號和清單項目,然後按一下 Enter/Return 鍵,即可新增清單。同樣地,你可以依序輸入 1、句號 (.) 和清單項目,然後按一下 Enter/Return 鍵,即可新增編號清單。

你可以使用加上連字號或編號的速記來撰寫清單。
你可以使用加上連字號或編號的速記來撰寫清單。
Copied to clipboard!