如何将动态文本添加到您的网站?

Rifat WordPress Tutorials Oct 12, 2023

您的网站是否有点无聊并且对访问者没有太大吸引力?也许当人们访问您的网站时,他们并没有觉得它很令人兴奋。如果这是真的,那么您肯定需要让您的网站变得更有趣。

一个很酷的想法是添加在 WordPress 网站上移动的文本。您可能想知道如何执行此操作。有几种方法可以做到这一点。在本文中,我将向您展示如何使用ElementsKitElementor将移动文本添加到您的 WordPress 网站。

执行此操作后,您可能会发现访问者在您的网站上停留的时间更长。快速离开您网站的人数也会减少。当人们在您的网站上停留的时间更长时,他们更有可能购买东西或做您希望他们做的事情。

动态文本如何为您的网站带来魅力?

当人们访问网站时,引起他们的兴趣非常重要。如果您不引起他们的注意,他们可能会提前离开网站。如果您拥有该网站,那么这不是您想要的。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

您的目标是让他们在您的网站上停留很长时间。这是因为他们在那里花费的时间越多,他们就越能了解您的业务或您网站上的任何内容。在您的网站上添加移动文本可以帮助吸引他们并让他们停留更长时间。

以下是您应该在 WordPress 网站上使用移动文本的一些主要原因:

  1. 通过使您的网站更加生动和令人兴奋来吸引访问者的注意力。
  2. 增加人们在您的网站上花费的时间。
  3. 使您的网站设计看起来更有趣。
  4. 让访问者更轻松地浏览您的网站并改善他们的体验。
  5. 在访问者心目中为您的品牌留下良好的印象。

将动态文本添加到网站


有许多工具可用于向 WordPress 网站添加移动文本。但并非所有这些都可以很好地工作,有些可能会令人困惑。

但在本指南中,您将了解如何使用ElementsKit轻松地将移动文本添加到您的 WordPress 网站。 ElementsKit 是一个简单且多功能的工具,可与Elementor配合使用。它可以轻松地将各种有趣的移动文本添加到您的 WordPress 网站。

WordPress 仪表板

第一步是登录您的管理面板并转到 WP 仪表板。之后,找到仪表板上的“插件”部分并选择“添加新插件”。

元素套件

首先,在搜索框中输入“ElementsKit”,然后单击“立即安装”按钮进行添加。

如果您愿意,还可以通过获取 .zip 文件来获取 ElementsKit。为此,请按顶部的“上传插件”按钮。然后,转到“插件”页面并激活插件。

仪表板上的 ElementsKit

当然,首先,单击“仪表板”返回主页。然后,在屏幕左侧找到并单击“ElementsKit”。之后,单击“ElementsKit”继续。

ElementsKit 小部件

首先单击左侧的“小部件”,然后向下滚动,直到看到“动态文本”小部件。找到它后,打开小部件并通过单击“保存更改”按钮保存更改。

现在,您需要首先打开一个页面,该页面可以是新页面,也可以是您之前处理过的页面。我将指导您创建新页面。为此,请转到仪表板上的“页面”部分。然后,选择“添加新页面”来创建一个全新的页面。

元素窗口

在进入 Elementor 窗口之前,您可以输入一个好的标题,然后根据需要在模板部分中选择“Elementor 全宽”。然后,只需单击“使用 Elementor 编辑”按钮即可转到 Elementor 窗口。

运动文本小部件

当 Elementor 窗口出现时,转到左上角的搜索栏。查找“运动文本”小部件并单击它。然后,抓住该小部件并将其放在您想要的位置。您会立即看到一个带有默认描述的框弹出。

运动文本内容

在左侧的“内容”部分中,您将找到一些用于移动文本的选项。您可以更改和调整这些设置。您将看到的选项有:

  • 标题
  • 标题 HTML 标签
  • 关联
  • 结盟
  • 打开动画
  • 移动动画
  • 文本分割动画
  • 每个字母的动画播放速度有多快
  • 每个字母的动画开始前多长时间

您可以根据您的喜好使用这些动态文本设置,使页面上的标题“立即拾取 ElementsKit”看起来非常酷。

样式运动文本

接下来,您可以转到“样式”部分来调整移动文本的外观。在样式部分,您将找到以下选项:

  • 颜色
  • 字体样式
  • 文字阴影

发布页面

选择完所有内容的外观并使其恰到好处后,您可以继续共享页面。这样,您就可以在所选文本上看到炫酷的运动效果。

这是最终的结果——

包起来

向您的 WordPress 网站添加移动文本或动画文本非常重要,因为它应该让人们说“哇!”这正是ElementsKit帮助您实现的目标!除此之外,如果您使用 WordPress 的额外工具Elementor ,您还可以以简单、无缝的方式在您的网站上添加动态文本。但是等等,ElementsKit 还有更多功能!

这个工具不仅易于任何人使用,而且就像 WordPress 网站的瑞士军刀。 ElementsKit 为您提供了许多有用的功能,可以解决您的许多问题。

Divi WordPress Theme