WordPress具有许多附加功能,可让您在内容创建方面具有更大的灵活性。 无论是排版还是图形,您都可以添加插件,轻松突出显示您的帖子和页面。 实际上,您可以向WordPress添加选项卡以突出显示某些信息,同时使您的内容更具交互性。
标签经常使用,尤其是在电子商务中。 如果您在同一页面上看到分隔产品信息的网站,则它们通常是选项卡。 基本上,您正在增加可以放在单个帖子或页面上的文本量,同时保持视图空间相对较小。
在本教程中,我们将向您展示如何在WordPress中添加选项卡式内容。 这是一个简单的过程,无论您创建的网站类型如何,都具有很大的潜力。
如何处理选项卡式内容?
选项卡允许您在较小的空间内向主题添加更多详细信息。 这通常出现在在一个部分中提供产品描述、技术细节和用户评论的地方。 用户可以单击任何内容区域以了解有关标题选项卡的详细信息。
如果您试图将大量信息压缩到尽可能小的空间中,选项卡可能非常有用。 例如,假设您的网站有五个段落,并且您希望减少网页花费的时间。 您可以将这五个段落中的每一个放在其自己的选项卡中,以显着减少页面的长度。 也就是说,只要将内容放在选项卡中是有意义的。
选项卡式元素也可用于显示工作人员。 大多数选项卡可以处理图像,因此每个选项卡都可以包含在特定项目或公司工作的人员的照片和传记信息。
向WordPress添加选项卡为改善内容布局提供了各种机会。 提高您网站的视觉吸引力是粉丝和追随者的形成方式。
如何在WordPress中轻松添加标签
步骤 1:安装 Tabby 响应式选项卡
这 泰比响应式选项卡 插件是向WordPress添加标签的绝佳选择。 这允许您将水平选项卡集添加到任何帖子或页面。 实际上,您甚至可以将多组选项卡添加到同一页面或帖子。
插件所做的一切都是使用一个简单的短代码。 因此,使用插件意味着您正在复制和粘贴这些短代码,几乎任何人都可以有效地使用这些短代码。
点击插件,然后点击左侧的插件[新規追加]让我们从一个选项开始 管理面板.
在可用搜索框中搜索 Tabby 响应式选项卡。 这将拉出您认为有用的任何其他插件。
向下滚动,直到找到虎斑响应式标签插件,[今すぐインストール]单击按钮以激活并使用插件。
第 2 步:基本简码
与大多数插件不同,根本没有要配置的设置。 相反,该插件完全基于您使用的短代码。 因此,我们将看到每个人做什么。
幸运的是,短代码非常易于使用,实际上围绕使用两种基本布局。
起先: [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][tabby title=”tabname”][/ht_message]
这个简码很简单,您只需将“选项卡名称”重命名为要添加的实际选项卡的名称即可。 例如,如果您想要一个名为“财务”的选项卡,请输入它。
您可以根据需要多次添加多个选项卡。 因此,如果您想要 4 个选项卡,请使用此简码 4 次。
以下是多个选项卡的一些示例:
在此示例中,请注意选项卡 1 和选项卡 2 之间有常规文本。 两个短代码之间的文本是选项卡内的文本。
您可以添加的选项卡数量没有限制,但添加大量选项卡不是一个好策略。
要完成选项卡的创建,您需要在文本最后一位的末尾添加第二个短代码。 具体如下:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][tabbyending][/ht_message]
这将终止当前选项卡集。 如果您不进行此项添加,该标签页将不会显示在您的帖子或页面上。 相反,你只会看到一堆看起来不愉快的文本。
这是最终结果:
这些是我们用于在Wor dPress中创建选项卡的基本简码,尽管我们将在下一步中讨论一些更高级的短代码。
第 3 步:高级简码
如果您正在寻找更多自定义选项,这些是您使用的简码。 基本简码对于许多网站来说都很好,但有时您需要更多。
例如,默认情况下,单击页面仅打开左侧的选项卡。 可以通过编辑选项卡标题短代码来解决此问题,如下所示:
[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][tabby title=”My Tab” open=”yes”][/ht_message]
“打开”部分确保它在访问者进入页面时打开,无论他们在添加时的位置如何。 如果您计划在多个页面上使用相同的选项卡,这将非常有用。
您还可以添加选项卡图标以保持选项卡井井有条。 执行此操作的简码是:
[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][tabby title=”My Tab” icon=”cog”][/ht_message]
但是,重要的是要记住,需要一些工作才能使其正常工作。 由于该插件使用图标元素来执行此操作,因此您需要调整主题以启用此功能。
最后,您还可以选择通过URL打开的选项卡。 在网址的末尾,“? 只需添加“目标=选项卡名称”即可自定义选项卡名称。 这非常适合内部链接和共享目的。
要考虑的其他选项卡插件
选项卡是网站上非常常见的功能。 在密闭空间内传递信息时,它可以非常通用。 最困难的部分是选择一个适合您网站的美学和布局理念的选项卡插件。
我发现有许多插件可能值得考虑。
简码终极版
简码终极版 这是一个非常有用的安装插件。 在要添加到WordPress的50 +简码元素中,有一个很棒的标签创建器。 它不像其他插件那样具有自定义选项,但它是一个简单的系统且易于使用。
标签
标签 是一个有趣的插件,因为它允许用户在选项卡式内容中输入图像。 这个系统对人们来说可能更容易使用,因为它带有自己的构建器。 最后,您只需要一个短代码即可在您的帖子或页面上显示选项卡。 只需点击几下鼠标,您就可以控制各种功能,例如颜色和位置。
伍商务定制产品选项卡
我想我需要像你们许多人一样向WooCommerce添加一个自定义产品选项卡。 使用您的网站赚钱 通过销售商品。 这是对流行插件的补充。呜呜商务.” 它的文本编辑器可以处理许多元素,例如图像和HTML,就像WordPress的标准文本编辑器一样。 这是添加有关您销售的产品的详细信息的好方法。
添加到内容
将标签添加到WordPress只是您可以做的一小部分来增强您的内容。 该系统充满了插件,可以在提高参与度的同时提供一层交互。 您所需要的只是一点耐心来搜索数千个标题和功能,以找到最适合您网站的标题和功能。
您过去使用过哪些内容添加? 你最喜欢的WordPress内容开发插件是什么?