创建可折叠内容

可折叠内容功能限制了长内容的可见高度，并让访客通过按钮显示其余部分。您可以在 Gutenberg、Elementor 或 WPBakery 中将其用于文本、图片和其他元素。

在 Gutenberg 中设置可折叠内容

1. 将 WoodMart 可折叠内容区块添加到页面中。

2. 在其内容容器内添加或编辑区块。该区块在内容下方还包含一个 WoodMart 按钮。

3. 选择“可折叠内容”区块，并为所需设备配置内容高度。此值决定了在区块展开之前有多少内容保持可见。

4. 可选地启用淡出效果，选择配色方案，并输入展开状态按钮文本，例如“显示更少”。通过选择按钮区块来自定义默认按钮文本和设计。

在 Elementor 中设置可折叠内容

1. 添加一个 Elementor 容器，并将您想要折叠的内容放入其中。

2. 将 WoodMart 按钮作为同一容器中的最后一个元素添加。

3. 选择该容器，启用可折叠内容，并配置列内容高度。您还可以设置淡出颜色以匹配容器背景。

4. 选择该按钮并启用用于可折叠内容。

在 WPBakery 中设置可折叠内容

1. 将内容和 WoodMart 按钮放在同一列中。该按钮必须是该列中的最后一个元素。

2. 编辑该列，启用可折叠内容，并为桌面端、平板端和移动端设置列内容高度。在需要时使用淡出颜色，使折叠的内容与其背景融合。

3. 编辑该按钮并启用启用可折叠内容。

检查结果

在桌面端、平板端和移动端预览页面。如果折叠区域太短或太高，请调整该设备的内容高度。当内容短于配置的高度时，可能没有可见内容可折叠。