方法一：使用插件（最简单，无需代码）
这是最快、最安全的方式，适合大多数用户。
-
安装并激活插件：
在WordPress后台，前往 插件 > 安装插件，搜索以下插件之一：-
Tickera – 活动售票插件，但其“滚动公告”小部件非常强大且灵活。
-
Marquee – 专用于创建滚动文本的轻量级插件。
-
Easy Text Rotator – 可以创建旋转文本（非严格滚动，但效果类似）。
-
任何新闻滚动插件，如 News Announcement Scroll 或 WP News and Scrolling Widgets。
-
-
以 Tickera 为例配置：
-
安装激活后，通常会在外观 > 小工具 中找到新增的 “滚动公告” 或 “Marquee” 小工具。
-
将这个小工具拖拽到您希望显示的位置，例如 “注册页面侧边栏” 或 “页脚”。如果注册页面是全宽布局，您可能需要使用短代码（Shortcode）。
-
在小工具配置中，输入您想要滚动的文本内容，例如：
-
“🎉 注册即享新人专属大礼包！”
-
“⭐ 加入我们，第一时间获取最新资讯和优惠！”
-
“🔒 您的隐私安全，我们严格保障。”
-
-
设置滚动速度、方向（左、右、上、下）、颜色等样式。
-
-
在注册页面显示：
-
如果您使用的是 古腾堡编辑器，可以添加一个“短代码”区块，然后输入插件提供的短代码（例如
[ticker]）。 -
如果您使用的是 经典编辑器或 Elementor 等页面构建器，也可以直接插入短代码区块。
-
最通用的方法是：外观 > 小工具，将一个 “自定义HTML” 或 “文本” 小工具拖到侧边栏，然后里面放入短代码。确保您的注册页面模板包含了这个小工具所在的位置（如
sidebar.php）。
-
方法二：使用自定义代码（更灵活，需编辑主题文件）
如果您想完全控制样式和内容，并且不希望通过插件增加负担，可以使用以下方法。
原理：使用HTML的 <marquee> 标签（已过时但简单）或通过jQuery实现更现代的滚动效果，然后将代码添加到注册页面模板或使用钩子函数。
方案A：使用传统的 <marquee> 标签（简单但过时）
-
前往WordPress后台 外观 > 主题文件编辑器。
-
在右侧选择
theme functions.php文件（操作前请务必备份！）。 -
在文件末尾的
?>标签之前（如果没有，则直接在最末尾）添加以下代码：
// 在注册页面顶部添加滚动文字
add_action( 'register_form', 'add_scrolling_text' );
function add_scrolling_text() {
?>
<div style="background-color: #f8d7da; color: #721c24; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #f5c6cb;">
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
🎯 重要提示：请使用真实有效的邮箱注册，用于接收验证邮件和密码重置链接！感谢您的配合！
</marquee>
</div>
<?php
}
代码解释：
-
register_form是一个WordPress钩子，它会在默认注册表单的顶部触发。 -
<marquee>标签创建滚动效果。 -
direction="left"设置滚动方向为向左。 -
onmouseover="this.stop();" onmouseout="this.start();"让鼠标悬停时滚动停止，移开时继续，方便用户阅读。 -
style="..."内联CSS用于美化容器。
方案B：使用jQuery实现更优雅的滚动（推荐）
<marquee>标签并非标准，现代开发更推荐使用JavaScript库。我们可以用一个轻量级的jQuery插件 liScroll。
-
将以下代码全部添加到您的
functions.php文件中：
// 1. 注册并加载jQuery和liScroll脚本
add_action( 'wp_enqueue_scripts', 'enqueue_scrolling_scripts' );
function enqueue_scrolling_scripts() {
// 只在注册页面加载这些脚本
if ( is_page('register') ) { // 确保 'register' 是您的注册页面slug
wp_enqueue_script( 'jquery' ); // 确保加载jQuery
// 加载liScroll插件脚本
wp_enqueue_script( 'li-scroll', get_template_directory_uri() . '/js/jquery.li-scroller.1.0.js', array( 'jquery' ), '1.0', true );
// 初始化脚本
wp_add_inline_script( 'li-scroll', '
jQuery(document).ready(function($) {
$(".news-scroll").liScroll();
});
' );
}
}
// 2. 添加滚动文本的HTML结构到注册页面
add_action( 'register_form', 'add_modern_scrolling_text' );
function add_modern_scrolling_text() {
?>
<div class="scrolling-news">
<ul class="news-scroll">
<li>🔥 今日注册会员，即可领取100积分！</li>
<li>📢 关注官方公众号，解锁更多福利！</li>
<li>✅ 注册遇到问题？请联系在线客服。</li>
</ul>
</div>
<?php
}
// 3. 添加一些CSS样式
add_action( 'wp_head', 'add_scrolling_css' );
function add_scrolling_css() {
if ( is_page('register') ) {
?>
<style type="text/css">
.scrolling-news {
background: #e9f5ff;
color: #004085;
padding: 12px;
margin-bottom: 25px;
border-radius: 4px;
border-left: 4px solid #004085;
}
.news-scroll {
margin: 0;
padding: 0;
list-style: none;
height: 20px; /* 根据你的字体大小调整 */
overflow: hidden;
}
.news-scroll li {
height: 20px;
margin: 0;
line-height: 20px;
}
</style>
<?php
}
}
-
获取
jquery.li-scroller.1.0.js文件：-
您需要下载这个jQuery插件。可以在网上搜索 “liScroll jQuery plugin” 找到它（例如在GitHub上）。
-
下载后，将名为
jquery.li-scroller.1.0.js的文件通过FTP或文件管理器上传到您当前主题的/js/目录下。如果js文件夹不存在，请创建一个。
-
重要提示和最佳实践
-
子主题（Child Theme）：强烈建议您在使用方法二（自定义代码）前，先安装并激活一个子主题。直接在父主题的
functions.php上修改，会在主题更新时丢失所有更改。子主题可以保护您的修改。 -
页面判断：代码中的
is_page('register')是为了确保脚本和样式只会在注册页面加载。您需要将'register'替换为您实际使用的注册页面的 slug（网址别名）。如果使用的是WordPress默认注册页面（wp-login.php?action=register），这个条件判断会复杂一些，可能需要用is_user_logged_in()和检查当前URL等综合判断。 -
样式定制：您可以自由修改CSS部分（
background,color,padding等），使其与您的网站主题风格相匹配。
总结：
-
追求简单快捷：选择方法一（插件）。
-
追求个性化控制和性能：选择方法二（自定义代码），并使用方案B（jQuery）。
