DIY和其他教程：教程：如何使用选项卡式内容简码

[NewsPaper]

我们创建了一个新的简码/元素，它具有标签式内容功能，并且可以在TagDiv Composer中直接对其进行自定义。标签可以在网站上使用，作为将内容划分为有意义的子部分的一种方式，并可用于防止围绕类似主题创建多个页面。标签内容占用更少的屏幕空间，因此用户可以直观有效地访问相关内容。选项卡可以显示与您创建的页面不同的内容。用户可以轻松点击另一个选项卡，内容将在同一页面上更改，显示您点击的页面。

选项卡可以用不同的颜色进行自定义，您还可以在顶部或左侧显示选项卡。标签内容短代码可用于使用TagDiv Composer创建的任何页面。

让我们看看如何定制标签式内容短代码：

内容选项卡

tabbed-content.png (86.67 KiB) 查看 3899 次

唯一id不应更改，因为它负责短代码的功能。

当用户希望在页面刷新时保持所选选项卡处于活动状态时，“Remember active tab on page refresh”设置非常有用。

pages部分应由您完成。您需要添加页面的ID、标题（将显示在选项卡上）和图标（可选）。每个短代码最多可添加五页。

我们创建了两种标签式内容样式：Style 1 – tabs on top和Style 2 – Tabs on left

此外，选项卡可以对齐：左、中或右。边框可用于区分选项卡和内容，因为默认情况下，页面始终处于打开状态。

选项卡边框、图标颜色、文本颜色有3种颜色设置：正常、悬停和活动。

上述定制的结果应该如下：

内容选项卡结果

tabbed-content-results.png (282.67 KiB) 查看 3899 次

如果选择第二个选项卡，则页面将更改，该选项卡的颜色将为红色，第一个选项卡的颜色为白色。

您可以随意使用这些设置，为您的网站创建一些特别的东西，而无需使用任何其他插件！