折疊選單區塊

折疊選單會顯示內容的可收合區段，每個區段都有一個可點擊的頁首，可展開或收合其中的內容。在這份指引中，你將了解如何新增、自訂及使用 WordPress.com 網站上的折疊選單區塊。

使用折疊選單來整理資訊、縮短頁面長度，讓訪客專注於他們最重視的內容。折疊選單能有效整理內容，讓訪客選擇性地瀏覽內容。以下是一些常用的使用方式：

• 條款與政策：呈現法律或政策資訊，讓訪客不會感到資訊量過大。
• 常見問題：將常見問題分組，並附上可展開的答案。
• 產品詳細資料：在可收合的區段中顯示規格、尺寸指引或運送資訊。
• 逐步指示：將教學課程或指引細分為簡單易懂的步驟。
• 活動排程：依時間或會議來整理議程或行程。
• 團隊簡介：顯示簡介，並附上每個團隊成員的相關可展開詳細資料。

依照下列步驟，將「折疊選單」區塊新增至頁面或文章：

1. 前往網站的儀表板。
2. 瀏覽至「頁面」或「文章」，然後按一下要將折疊選單新增至其中的頁面/文章。
3. 按一下「+ 區塊插入工具」圖示。
4. 搜尋「折疊選單區塊」並按一下該區塊，即可將區塊新增到文章或頁面：

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

第一次將「折疊選單」區塊新增至文章或頁面時，會有以下區段：

• 折疊選單項目：每個可收合的區段，包含標題和面板。
  • 折疊選單標題：在其中可展開或收合內容的可點擊標題。
  • 折疊選單面板：按一下頁首時顯示的內容。

若要完成折疊選單：

1. 新增你想要隨時顯示的標題或標題文字。
2. 在「折疊選單面板」區域中按一下，或使用「清單檢視」來加以選取。
3. 按一下「+ 區塊插入工具」，在折疊選單面板區域中新增區塊。你可以新增任何類型的內容，包括文字、影像、影片和其他區塊。

「折疊選單」區塊包含的設定可控制折疊選單的行為。若要調整這些設定，請使用「清單檢視」選取上層折疊選單區塊，並在右側欄中開啟區塊設定。

開啟「內部區塊使用內容寬度」時，折疊選單區塊內的區塊會遵循以下寬度設定：

• 內容：區塊的內容區域寬度未設為寬幅或全寬。
• 寬幅：將區塊內容的寬度設為寬幅。

啟用後，開啟某個折疊選單項目會自動關閉任何其他開啟的項目。這能讓內容保持整齊，並確保訪客一次只將注意力放在一個區段。

切換每個折疊選單頁首旁的展開/收合圖示 (通常為「+」或箭號)。停用此選項，讓畫面看起來更乾淨、更簡約。

選擇圖示是否出現在折疊選單頁首的左右側。

你可以設定特定折疊選單項目，在頁面載入時顯示為展開狀態。設定步驟如下：

1. 使用「清單檢視」來選取你預設要開啟的「折疊選單項目」區塊。
2. 在區塊設定側邊欄，啟用「依預設開啟」選項。

在區塊設定側邊欄按一下「樣式」圖示，即可存取區塊的設計設定。「樣式」圖示的形狀是圓形，其中有半圓已填滿：

可用的選項包括：

• 顏色：設定折疊選單頁首和面板的背景和文字顏色。
• 背景圖片：將背景圖片新增至整個上層折疊選單區塊。
• 文字設計：調整文字的字型大小和樣式。
• 尺寸：控制折疊選單項目周圍的邊框間距和邊界。
• 框線與陰影：為折疊選單新增邊框與陰影效果。