使用指南/创建内容/文本/“折叠面板”区块

“折叠面板”区块

折叠面板用于展示可折叠的内容板块,每个板块均设有可点击的标题,点击即可展开或折叠其中的内容。在本指南中,您将学习如何在 WordPress.com 站点上添加、自定义和使用“折叠面板”区块

关于折叠面板

使用折叠面板可以组织信息、缩短页面长度,并让访客专注于对他们最重要的内容。折叠面板适用于组织访客可能想要选择性浏览的内容。以下是一些常见的使用方式:

  • 条款和政策:呈现法律或政策信息,避免让访客感到信息过载。
  • 常见问题解答:分组显示常见问题,附带可展开的答案。
  • 产品详细信息:在可折叠的板块中展示规格、尺寸指南或配送信息。
  • 分步说明:将教程或指南拆解为易于理解的步骤。
  • 活动安排:按时间或环节安排议程或行程。
  • 团队简介:展示每位团队成员的简要介绍,并附有可展开查看的详细信息。

添加“折叠面板”区块

请按照以下步骤在页面文章中添加“折叠面板”区块

  1. 访问您站点的仪表盘
  2. 导航至“页面”“文章”,并点击您要添加折叠面板的页面/文章。
  3. 点击“+ 区块插入器”图标。
  4. 搜索“‘折叠面板’区块”,然后点击以将区块添加到文章或页面中:
在搜索要添加的区块时显示“折叠面板”区块。

有关添加区块的详细说明,请点击此处查看。

在折叠面板中添加内容

首次将“折叠面板”区块添加到文章或页面时,您将看到以下板块:

  • 折叠面板项:每个可折叠板块,包含标题和内容。
    • 折叠面板标题:可展开或折叠其中内容的可点击标题。
    • 折叠面板内容:点击标题后显示的内容。
“列表视图”显示“折叠面板”区块,以及嵌套其中的项、标题和内容。
列表视图”中显示的“折叠面板”区块各部分

要完成您的折叠面板,请执行以下步骤:

  1. 添加您希望始终显示的标题或标题文本。
  2. 点击折叠面板内容区域内部,或使用“列表视图”进行选择。
  3. 点击“+ 区块插入器”,在折叠面板内容区域中添加区块。您可以添加任何类型的内容,包括文本、图片、视频和其他区块
显示折叠面板标题。其下方有一个“+”图标按钮,用于在折叠面板内容中添加区块。
点击“+ 区块插入器”按钮,或输入正斜杠 (/) 命令,即可在折叠面板内添加区块。

自定义折叠面板设置

“折叠面板”区块包含可控制折叠面板功能特性的设置。要访问这些设置,请使用“列表视图”选择父级“折叠面板”区块,并在右侧边栏中打开区块设置

如果您没有看到边栏,可能需要点击右上角的设置图标打开设置。此图标看起来像一个有两个不规则柱子的方块。

突出显示位于 WordPress 编辑器顶部的设置图标。
右上角的设置图标

内部区块使用内容宽度

当启用“内部区块使用内容宽度”后,“折叠面板”区块内的区块将遵循以下宽度设置

  • 内容:区块的内容区域宽度未设置为加宽或全宽。
  • 加宽:区块的内容宽度设置为加宽。

自动关闭

启用后,打开一个折叠面板项会自动关闭任何其他已打开的项。这能使您的内容井然有序,并确保访客每次只关注一个板块。

显示图标

切换每个折叠面板标题旁显示的展开/折叠图标(通常为“+”或箭头)。禁用此选项,以获得更简洁、更简约的外观。

图标位置

选择图标在折叠面板标题的左侧还是右侧显示。

将折叠面板项设置为默认打开

您可以设置特定的折叠面板项,使其在页面加载时显示为展开状态。为此,请按照以下步骤操作:

  1. 使用“列表视图”选择要默认打开的“折叠面板项”区块。
  2. 在“区块设置”边栏中,启用“默认打开”选项。

设计您折叠面板的样式

在区块设置边栏中点击“样式”图标,访问区块的设计设置。“样式”图标是一个圆圈形状,圆圈的一半被填满:

箭头指向“样式”图标,点击该图标即可打开区块样式板块。

可用选项包括:

Copied to clipboard!