如何添加和编辑 Elementor 内容切换器小部件?

已发表: 2022-05-25

WordPress 客户经常在寻找在不牺牲文章的情况下改善网站空间的新方法。 就像您通常使用滑块、折叠式或选项卡小部件一样,您可能会忽略其他因素,例如文章切换器。 这就是为什么我们将这个提交提交给 Elementor 信息切换器——这只是您的 WordPress 网页最不难的交互元素之一。

我们将单独指导您如何使用完全免费的 Stratum 插件插入和自定义 Elementor Content Switcher 小部件。

我在哪里可以使用 WordPress 内容切换器?

根据信息营销研究所和 Ion Interactive 的说法,“交互材料最常用于登陆网页社交媒体平台微型网站博客”。

当然,您可以在每次感觉重要时为任何网站样式使用内容切换器。 它主要用于在一个因素中管理不同的细节,而不是在一个之后立即显示它们。 此外,毫不费力的切换方式确保了关于两种或更多书面内容风格的“快速切换”。

因此,在本文中是您很可能会使用内容切换器的流行插图:

  • 具有独特计划的定价表(例如,常规 VS 一年一次,完全免费的 VS Pro)
  • 功能列表(每个切换都是不同的方面)
  • 可切换功能
  • 分类的内容材料(例如提供商或团队客户的清单)

Stratum 的 Elementor 内容切换器

到了现在,你真的应该知道 Elementor 的强大能力了。 大量的免费方法集中在这个 WordPress 网站建设者周围。 其中之一是适用于 Elementor 的 Stratum – 一种免费增值的分类,包含 23 多个复杂的 Elementor 小部件,供特定企业和企业使用。

Stratum Elementor 自定义插件

关键层特征是:

  • 1 个插件中包含 23 多个多功能小部件
  • 根据您当前概念的设计自动调整设计
  • 每个小部件的创新结构工具链
  • Elementor 模板库集成。

与非常相似的插件相反,Stratum 可以在其完全免费的版本中应用所有 23+ 小部件。 同时, Stratum Professional的购买者可以获得针对每种成分的扩展定制配置

因此,当谈到 Stratum Absolutely free vs Pro 中的信息切换器时,它们唯一的变化是切换选项卡的数量。 当专业版对选项卡的范围没有限制时,完全免费的版本只允许创建 2 个切换选项卡。

内容切换器 Elementor 小部件

Material Switcher Elementor 小部件演示

如何增加 Stratum 文章切换器?

我们正在进入教程的主要部分。 很可能,您已经拥有一个 WordPress 网站,并且您刚刚安装了 Elementor。

现在是安装 Stratum 的时候了。 根据您的程序,您可以通过两种不同的方式进行操作:

最后,将以下任一信息上传到您的网站: Plugins => Add New => Upload Plugin 。 不要忽略激活插件。

激活 Stratum 后,使用 Elementor 打开其中一个网站网页。 如果您使用预先设置的模板,这没有任何区别。

现在只需单击“+”图标以选择结构(选择列),然后插入所需的小部件。 Factors 库现在将具有 Stratum 文件夹。 您可以在列表中找到 Content Material Switcher 小部件,或者只需在查找栏中按名称排序。

将因子拖到修改页面:

Stratum 内容切换器
这是关于如何在您的网站中包含 Elementor 材料切换器的小说明。 但是教程还没有结束。 现在我们需要确定如何使用 Elementor 和 Stratum 配置来个性化这个小部件。

Stratum Content Material Switcher:主要设置

因此,您将 Stratum 插件 Material Switcher 拖到您的修改网页中。 在剩余的侧边栏选项中,您将看到 3 个增强选项卡:内容、样式复杂

内容配置

内容选项卡是您可以找到模型并将项目(切换)插入到您的方面的地方。

如果您使用插件的专业版,您可以设计使您的内容切换器具有两种模型:切换选项卡(仅限两种商品)和多选项卡。 最后一个,您可以根据需要添加任意数量的切换商品。

尽管如此,完全免费的模型仅支持Toggle Tabs设计和样式。 这些是各种 vs 切换选项卡类型的示例:

多个与切换选项卡

商品配置包括以下内容:

  • 产品名称
  • 模板(每个项目中的书面内容)

很可能,您确实没有任何已保存的模板,但是您的下一阶段将是为几乎每个切换创建一个 Elementor 模板。 为此,请在 WordPress 仪表板中选择Templates => Add New 。 选择部分类型并点击 Produce:

Stratum 内容切换器 2
您将被转移到 Elementor 构建器,以便您可以使用最新的小部件集合生成任何部件。 完成成分构建后,按更新。

返回到自定义 Elementor 文章切换器。 现在您可以找到最近制作的模板,它将显示在我们的小部件中:

Stratum 内容切换器 3
此外,在内容材料选项中,您可以选择默认展开哪些内容。

设计和风格设置

切换选项卡和众多选项卡样式的模型选项略有独特。 两者都有准确的标准、标签和内容参数。

基本菜单包含以下选项:

  • 切换对齐
  • 手册填充物
  • 背景阴影
  • 边框半径(这将有助于您的切换看起来更像一个可靠的按钮)
  • 盒子阴影

选项卡菜单涉及以下设置:

  • 完整的排版面板
  • 填充和边界半径
  • 多种模式(常规、悬停和能量类型)的文本内容颜色。

Stratum 内容切换器 4
信息菜单具有用于转换边距和引入动画结果的配置。

此外,切换选项卡设计包括切换自定义:

  • 填充物
  • 内容切换器测量
  • 颜色和半径

创新选择

不要忘记每个 Elementor 小部件都使用最先进的选项进行备份。 它们总是由即将到来的定制解决方案组成:布局、移动效果、重塑、限定、边框、蒙版、响应式配置、特性和自定义 CSS。

剩余文本

请注意,没有任何 Elementor 变体(完全免费或专业版)具有选择内容切换器小部件。 但是使用 Stratum 插件,您只需单击几下即可建立这个简单的因素。

您需要做的就是下载一个人的 Stratum 变体。

完全免费下载 Stratum

获取 Stratum Pro