滚动文字是吸引访客注意力的绝佳方式。它可以帮助您突出显示重要的更新、公告或优惠，让您不想错过。此外，它还能让您的内容更具吸引力，从而吸引人们阅读。
滚动文本不仅看起来时尚，还能提升您分享快速信息的方式。例如，您可以以时尚动感的方式显示突发新闻、促销信息或活动倒计时。它能让您的网站保持新鲜活力，而不会占用太多空间。
Elementor 是最用户友好的拖放式页面构建器插件之一，使用它您可以轻松地在您的网站上实现这一点。在这篇博文中，我们将逐步介绍如何在 WordPress Elementor 中添加滚动文本。立即开始吧！
WordPress 中的滚动文本是什么？
WordPress 中的滚动文本是指在屏幕上水平或垂直移动的文本。它通常用于以吸引注意力的方式显示公告、更新或其他重要信息。您可能在新闻网站或电商商店中看到过它，用于突出显示促销、截止日期或标题。
文本会持续移动，因此即使用户不向下滚动页面，他们也能注意到它。在 WordPress 中，可以使用插件、主题或 Elementor 等页面构建器来添加滚动文本。您无需编写任何代码即可创建此效果。您只需使用 WordPress 的内置工具或插件即可设计滚动消息。
WordPress 中滚动文本的用例
在很多场合和场景下，使用滚动文本都能有效提升用户参与度。为了方便您理解，我们介绍了一些常见且实用的用例。请花几分钟时间仔细探索。
- 显示突发新闻或更新
如果您运营一个分享时效性内容的新闻网站或博客，滚动文字非常适合展示突发新闻。它还可以突出显示最新发布的帖子或热门话题等动态。
- 突出优惠或折扣
网上商店可以使用滚动文字来推广特价商品、优惠券代码或限时优惠。在首页或产品页面顶部添加滚动文字可以吸引注意力。
- 宣布活动或网络研讨会
如果您的网站正在推广某个活动、网络研讨会或在线课程，则可以使用滚动文本来分享活动名称、日期和注册链接，而不会使页面变得沉重。
- 显示紧急通知或警报
对于学校、医院或政府门户等网站，滚动文本有助于显示紧急更新、关闭通知或服务中断。
- 包含推荐或客户反馈
您还可以使用滚动文本，以流畅的动画方式显示客户评论或推荐。它有助于建立信任，同时节省网页空间。
- 分享社交媒体或联系信息
添加滚动文字以显示您的 WhatsApp 号码、支持邮箱或社交媒体链接。这样可以让访客更容易注意到您并与您联系。
如何使用 Elementor 在 WordPress 中添加滚动文本
如前所述，您可以使用内置的Elementor工具和插件在 WordPress 中添加滚动文本。HappyAddons 是一款非常棒的插件，您可以用它来实现这一点。
HappyAddons拥有丰富的小部件和功能，可以补充核心 Elementor 插件，进一步增强其功能。如果您发现核心 Elementor 插件无法满足您的设计需求，HappyAddons 可以帮助您弥补这一不足。
HappyAddons 拥有“文本滚动”小部件，您可以轻松设计并添加滚动文本到您的 WordPress 网站，无需太多精力。最重要的是，“文本滚动”小部件完全免费。因此，您今天的项目只需要 Elementor 和 HappyAddons 的免费版本。
当这些插件在您的网站上准备就绪后，请按照下面说明的步骤操作。
步骤 01：使用 Elementor Canvas 打开页面
使用 Elementor 画布打开一个页面。您可以从头创建一个新页面，也可以直接导入模板。
步骤 02：创建一个新部分以添加文本滚动小部件
通过单击 所需位置 的加号 (+) 图标 来创建一个新部分来添加文本滚动小部件 。
为新部分选择列结构。本教程我们选择单列结构。
创建新部分的空间后，将文本滚动小部件拖放到该部分上。
文本滚动小部件将立即添加到画布中
步骤03：选择滚动类型
该小部件中有四种滚动类型。它们是：
- 垂直线突出显示
- 水平线突出显示
- 垂直线蒙版
- 水平线蒙版
让我们在下面的视频中看看选择每种类型时它们的行为方式。
让我们为本教程选择水平线蒙版。
注意：无论您选择哪种文本滚动类型，所有文本滚动类型的风格化选项都是相同的。
步骤 04：设置文本滚动小部件的样式
进入“样式”选项卡。您将在选项卡中获得以下选项：对齐方式、文本颜色、字体、文本描边、背景、蒙版不透明度和线条填充。
使用选项卡下提供的选项自行完成必要的风格化。
您可以看到，我们已为该小部件添加了必要的样式。我们更改了它的文本颜色、背景颜色、字体、文本描边等。
因此，您可以使用文本滚动小部件并根据需要创建引人入胜的内容。
步骤05：向您的网页添加更多滚动文本
同样，您可以在网站上添加多个滚动文本部分，并更改其类型。想要获取灵感，请观看下面附带的视频片段。
垂直线突出显示
水平线突出显示
垂直线蒙版
水平线蒙版
希望在学习了整个教程后，您已经了解了创建滚动文本是多么简单。现在轮到您使用 Elementor 和 HappyAddons 在 WordPress 中创建引人入胜的滚动文本了。
WordPress 中滚动文本的常见问题解答
在本节中，我们回答了 Google、在线论坛和社交媒体上常见的一些问题。我需要 Elementor Pro 来使用滚动文本小部件吗？
不，您不需要 Elementor Pro。滚动文本小部件在HappyAddons 免费版中可用，并且可以与Elementor 免费版配合使用。是否可以更改滚动文本的字体、颜色和大小？滚动文本可以在移动设备上运行吗？我可以在滚动文本中添加链接吗？滚动文本小部件对于初学者来说是否容易使用？
最后的想法！
在您的 WordPress 网站中添加滚动文本可能只是一个小小的改变，但它可能会带来巨大的影响。它不仅可以吸引用户关注您的重要信息，还可以以时尚的方式显示您的信息。有了 Elementor 和 HappyAddons，您无需成为编程专家即可创建此功能。
希望我们已尽力以最浅显易懂的方式讲解本教程，以便您能够从头到尾理解整个流程。如果您不喜欢阅读长篇博客文章，也不用担心！我们在 YouTube 上准备了关于此主题的视频教程。
观看下方嵌入的 YouTube 视频教程。如果您有任何疑问，请在下方的评论框中提出。我们会尽快解答您的问题。
评论0