当建立一个网站时，确保你的内容组织良好是至关重要的。整齐地排列你的页面可以帮助改善用户体验（UX），使文本更容易消化。你可以通过使用 Elementor Tabs 部件来组织你的内容的方法之一。
标签式的内容让你的用户在不同的内容部分之间交替进行。这个功能消除了访客浏览页面不同区域的需要。将相关内容分组到标签式容器中，可以增强你的网站的外观和可用性。此外，你可以在没有任何WordPress开发经验的情况下设置这一切。
在这篇文章中，我们将简要介绍Elementor和它的不同版本。然后，我们将指导你如何创建和定制 Elementor 标签，以及一些第三方工具，你可以用它们来增强小组件的默认功能。
让我们开始吧!
Elementor概述
Elementor页面构建器。
你可以使用页面生成器为你的网站创建漂亮的页面，无论是从头开始还是使用预制模板。Elementor的特点是拖放式编辑器，所以你不需要接触一行代码。
值得注意的是，Elementor有免费和付费版本。免费的Elementor插件可以让你创建标准页面和帖子。
然而，它的特点和功能可能是有限的。要解锁全套工具，我们建议升级到 Elementor Pro。在这篇文章中，我们将指出在使用标签部件时，免费与专业计划的区别。
如何创建 Elementor 标签（标签小工具）？
现在我们对 Elementor 有了更多的了解，让我们来看看如何使用 Tabs 小工具。注意，在下面的教程中，我们假设你已经在你的WordPress网站上安装并激活了Elementor。
要开始了，导航到你想添加标签内容的WordPress文章或页面，选择用Elementor编辑。
选择 "用 Elementor 编辑"。
这将启动 Elementor 编辑界面。从左侧面板，在 "元素"下，搜索并选择 "标签 "小部件。
搜索并选择 "标签 "小组件。
你可以将该小组件拖放到一个页面部分。一旦你放置了 "标签 "小组件，一个新的仪表板就会出现，并显示其设置。
拖动部件到你的页面。
你可以为每个标签输入标题和内容。你也可以点击**+添加项目** 按钮来插入另一个标签。在类型下，选择是否水平或垂直地显示标签。
如何定制你的 Elementor 标签
一旦你添加文本到标签，你可以自定义整体的小组件设置。有几个不同的选项。
选择每个自定义标签来修改它的属性，包括它的标题、方框内容和图标。你也可以改变它的位置和排列。
根据需要修改标签。
接下来，在风格 选项卡下，你会发现许多选项用于定制 Elementor 标签小组件的设计和外观。你可以修改它的文字颜色和阴影，排版，间距，以及更多。
自定义样式和间距。
你可以改变环绕标签的边界颜色和宽度。这一设计特点可以帮助区分各个部分。
在标题下，你可以修改标签标题的文本颜色。你还可以通过点击排版来改变字体和文字大小。
更多修改选项。
当你完成后，保存你的修改。还有一些高级设置，你可以考虑使用，使你的标签内容更复杂。
Elementor标签的高级设置
在小组件设置面板的高级选项卡下，你会发现大量的附加选项。
高级标签选项。
让我们仔细看看这些设置：
- 高级：改变标签的边距和间距。
- 运动效果：添加滚动和鼠标效果，使小组件更具有互动性，并添加一个入口动画。
- 变换：翻转、旋转和缩放你的小组件。
- 背景：在标准背景或悬停插入一个过渡之间进行选择。
- 边框：选择边界类型，如实线或虚线。
- 遮罩：选择一个时尚的设计遮罩，并把它应用到小部件上。
- 定位：调整小组件的宽度和位置。
- 响应性：改变响应的可见性，这将影响预览或实时页面。
- 属性 ：为元素包装器设置自定义属性。
- 自定义CSS： 插入你的自定义CSS。
值得注意的是，如果你使用的是 Elementor 的免费版本，你将无法使用所有这些高级设置。例如，你不能添加自定义属性、滚动效果或你的CSS。
如何在标签小工具中添加元素
使用 Elementor Pro，你也可以在标签小工具中插入另一个元素。例如，假设你想在位置标签下添加地图小组件。
要做到这一点，创建你想使用的地图，然后通过右击铅笔图标，选择保存为全 局小部件，将其保存为全局。
保存为 "全球 "小部件。
接下来，导航到你的模板库（从你的WordPress仪表板），复制你刚刚创建的全球小部件的短码。
然后点击标签小组件内部，选择**+添加项目** 按钮，添加一个新的标签。在容器的文本区，粘贴你刚才复制的短码。
将短码粘贴到容器中。
当你完成后，点击屏幕底部的UPDATE或PUBLISH 。然后你就可以预览这个小部件在你网站前端的样子。
来自前端的视图。
这就是了！你已经完成了。你就大功告成了。
8个用于 Elementor 标签的顶级插件
Elementor是一个强大的工具，具有创建漂亮、实用的标签式内容所需的所有功能和特性。
然而，你可能想进一步提高你的设计，或使用高级功能。在这种情况下，你也可以考虑将Elementor与另一个第三方工具配对。
让我们来看看Elementor标签的一些顶级插件，排名不分先后。
1.ElementsKit Elementor Table Widget
ElementsKit Addon for Elementor是一个流行的扩展。
ElementsKit Elementor Table Widget。
它的Table Widget可以让你有组织地展示大量的不同步数据。你可以建立一个可定制的表格，添加主体内容，并插入图片和导航元素。
ElementsKit的功能包括：
- 比较表
- 日程表和日历
- 项目管理
- 菜单
- 500多个块
- 70多个附加组件
- 一个大型的菜单生成器
- 视差效果
- 一个弹出式模态生成器
ElementsKit的定价从单个网站每年39美元开始。这个计划包括一年的更新和支持。
2.Elegant Tabs for Elementor
Elegant Tabs for Elementor是一个直观的工具，帮助你创建和定制动态标签。
Elegant Tabs。
如果你正在寻找一个具有许多设计定制选项的扩展，这个插件可以是一个可靠的选择。你可以添加自定义颜色、图标和字体。你还可以使用优雅标签为你的标签添加自动切换功能，并将它们链接到你网站上的其他内容。
优雅标签的主要功能包括：
- 高级造型选项
- 自动切换功能
- 可以设置任何标签在加载时激活
- 合理的和垂直的标签
- 深度链接
- 支持标签对齐
Elegant Tabs的定价从每年19美元开始。这个计划包括6个月的更新。
3.Livemesh附加组件
Elementor的Livemesh Addons包括大量现成的元素，帮助你轻松地设计和组织你的标签内容。
Livemesh Addons。
你可以选择浅色和深色标签类型，超过10种标签设计，以及水平和垂直布局选项。Livemesh Addons使用起来也很简单，如果你是WordPress或Elementor的新手，这一点非常好。
Livemesh的主要功能包括：
- 10个浅色标签设计和10个深色标签设计
- 垂直和水平选项
- 可定制的移动分辨率
- 25个以上的附加组件
- 对图标的支持
Livemesh附加组件计划起价为每年37美元。该计划包括一年的更新和支持。
4.Elementor Addons
Elementor Addons，来自流行的PowerPack，是一个功能丰富的插件，可以提升你的Elementor Tabs widget的设计和功能。
纠结于停机时间和WordPress问题？Kinsta是专为节省您的时间而设计的托管解决方案
您可以使用这个插件为您的标签添加文本和图片，并为高级标签小部件应用六种样式。它对用户友好，易于理解。此外，Elementor Addons也是轻量级的，所以你不用担心会拖慢你的网站。
PowerPack的Elementor Addons的主要特点包括：
- 快速和轻量级的界面
- 预建模板
- 自定义内容显示
- 高级标签样式
这个插件的起价是每年44美元，比这个名单上的其他一些选项要贵。然而，它有一整套小工具来定制你网站的所有方面，而不仅仅是你的标签内容。
5.5.JetElements
JetElements提供了一个响应式表格小工具，如果你正在寻找一种快速和简单的方式来分组你的内容，这可能是理想的选择。
JetElements。
它可以让你以一种干净、现代的方式展示非结构化的数据。JetElements还提供了一个定价表小部件，以八种不同的方式定制和设计你的定价细节。
JetElements的主要功能包括：
- 45个部件
- CSV导入到表格设置
- 8种样式选择
- 支持所有的内容类型
- 完全可定制
JetElements订阅费用从每年24美元开始。Crocoblock还提供了一个全包套餐，每年130美元，有150多个小工具。
6.基本插件
另一个流行的插件是Essential Addons，你可以考虑为你的Elementor Tabs使用。
Essential Addons。
它是最受欢迎的Elementor小工具插件之一。它包括100多个现成的块和80多个元素，用于扩展和增强网站建设者。
你可以为你的标签式内容利用的最佳元素之一是该插件的数据表。这个工具可以让你无缝地设计几乎所有的表格类型，并添加图标、过滤器等。
Essential Addons的主要功能包括。
- CSV导入到表格设置
- 筛选选项
- 完全可定制的设置
- 高级造型选项
- 先进的标签和手风琴元素
- 定价表
Essential Addons的定价为一个网站每年39.97美元起。它带有一年的更新和支持。
7.高级附加组件
Premium Addons是 Elementor 的一个高度可定制的工具，带有大量的免费和优质的小工具。
Premium Addons。
在这个插件包含的许多强大的部件中，有一个是Elementor定价表。它有一个排序功能，实时搜索，并可选择以升序或降序排列项目。
Premium Addons的主要功能包括。
- 可选择导入CSV文件
- 在表格单元中添加URL
- 实时搜索和排序
- 自定义和风格化选项
- 乐蒂动画
你可以免费下载和使用Premium Addons Elementor Table Widget。还有一个高级版本，每年39美元起价。
8.元素包
最后一个附加组件，你可以考虑与你的 Elementor Tabs widget 一起使用，就是Element Pack。
元素包。
这个 Elementor 扩展包包括一个表小部件，可以以一种吸引人的时尚方式展示你的内容。你可以在你的标签内容中创建各种表格，包括定价、内容和加密货币表格。
元素包的主要功能包括。
- CSV导入到表格设置
- 三种表格元素
- 自定义和风格化选项
- 一个过滤功能
- 实时搜索
元素包的单站点许可证费用为每年29.25美元，使其成为本列表中较便宜的选项之一。该计划还包括一个20天的退款保证。
总结
Elementor是一个优秀的工具，可以帮助你毫不费力地设计和建立你的网站。如果你想以一种吸引人的方式来分组和组织你的内容，你可以考虑使用Elementor标签小部件。
正如我们在这篇文章中所讨论的，你可以通过Elementor编辑器轻松地将这个部件插入到任何页面或文章中。然后你可以添加你的内容，并使其符合你的品牌风格。为了扩展小组件的功能，你也可以将其与第三方插件配对，如ElementsKit。
用户友好和有吸引力的设计对一个网站的成功至关重要。你还需要与一个强大的WordPress主机供应商合作。看看我们的托管计划，看看Kinsta如何将你的网站提升到一个新的水平!
