折叠面板用于展示可折叠的内容板块,每个板块均设有可点击的标题,点击即可展开或折叠其中的内容。在本指南中,您将学习如何在 WordPress.com 站点上添加、自定义和使用“折叠面板”区块。
在此指南中
有问题?
询问我们的 AI Assistant使用折叠面板可以组织信息、缩短页面长度,并让访客专注于对他们最重要的内容。折叠面板适用于组织访客可能想要选择性浏览的内容。以下是一些常见的使用方式:
- 条款和政策:呈现法律或政策信息,避免让访客感到信息过载。
- 常见问题解答:分组显示常见问题,附带可展开的答案。
- 产品详细信息:在可折叠的板块中展示规格、尺寸指南或配送信息。
- 分步说明:将教程或指南拆解为易于理解的步骤。
- 活动安排:按时间或环节安排议程或行程。
- 团队简介:展示每位团队成员的简要介绍,并附有可展开查看的详细信息。
- 访问您站点的仪表盘。
- 导航至“页面”或“文章”,并点击您要添加折叠面板的页面/文章。
- 点击“+ 区块插入器”图标。
- 搜索“‘折叠面板’区块”,然后点击以将区块添加到文章或页面中:

有关添加区块的详细说明,请点击此处查看。
首次将“折叠面板”区块添加到文章或页面时,您将看到以下板块:
- 折叠面板项:每个可折叠板块,包含标题和内容。
- 折叠面板标题:可展开或折叠其中内容的可点击标题。
- 折叠面板内容:点击标题后显示的内容。

要完成您的折叠面板,请执行以下步骤:
- 添加您希望始终显示的标题或标题文本。
- 点击折叠面板内容区域内部,或使用“列表视图”进行选择。
- 点击“+ 区块插入器”,在折叠面板内容区域中添加区块。您可以添加任何类型的内容,包括文本、图片、视频和其他区块。

“折叠面板”区块包含可控制折叠面板功能特性的设置。要访问这些设置,请使用“列表视图”选择父级“折叠面板”区块,并在右侧边栏中打开区块设置。
如果您没有看到边栏,可能需要点击右上角的设置图标打开设置。此图标看起来像一个有两个不规则柱子的方块。

当启用“内部区块使用内容宽度”后,“折叠面板”区块内的区块将遵循以下宽度设置:
- 内容:区块的内容区域宽度未设置为加宽或全宽。
- 加宽:区块的内容宽度设置为加宽。
启用后,打开一个折叠面板项会自动关闭任何其他已打开的项。这能使您的内容井然有序,并确保访客每次只关注一个板块。
切换每个折叠面板标题旁显示的展开/折叠图标(通常为“+”或箭头)。禁用此选项,以获得更简洁、更简约的外观。
选择图标在折叠面板标题的左侧还是右侧显示。
您可以设置特定的折叠面板项,使其在页面加载时显示为展开状态。为此,请按照以下步骤操作:
在区块设置边栏中点击“样式”图标,访问区块的设计设置。“样式”图标是一个圆圈形状,圆圈的一半被填满:

可用选项包括: