如何给WordPress登录注册表单添加placeholder占位符

要在WordPress的登录注册表单中添加占位符(placeholder),你可以通过使用一些简单的HTML和CSS代码来实现。以下是一个简单的示例:

  1. 登录表单:

在你的主题文件(通常是functions.php)中添加以下代码:

function custom_login_placeholder() {
    echo '<script type="text/javascript">
        jQuery(document).ready(function($){
            $("#user_login").attr("placeholder", "用户名");
            $("#user_pass").attr("placeholder", "密码");
        });
        </script>';
}

add_action('login_head', 'custom_login_placeholder');

这个代码段会在登录页面加载时添加JavaScript,将用户名字段和密码字段的placeholder设置为相应的文本。

  1. 注册表单:

对于注册表单,你可以使用类似的方法。在主题文件中添加以下代码:

function custom_register_placeholder() {
    echo '<script type="text/javascript">
        jQuery(document).ready(function($){
            $("#user_login").attr("placeholder", "用户名");
            $("#user_email").attr("placeholder", "电子邮件");
            $("#user_pass").attr("placeholder", "密码");
        });
        </script>';
}

add_action('register_form', 'custom_register_placeholder');

这将在注册表单加载时使用JavaScript为用户名、电子邮件和密码字段添加placeholder。

记得在编辑文件前备份,以防万一出现意外情况。这些代码只是简单的示例,你可能需要根据你的网站和主题做一些调整。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享