WordPress 自定义登录页面终极指南 （下）

上一篇 WordPress 公园详细介绍了几个自定义登录页面的 WordPress 插件，这篇 WordPress 公园降继续为大家介绍 WordPress 自定义登录页面的代码。 WordPress 有一些内置的钩子 hook，利用 hook，在 WordPress 主题的 functions.php 文件中添加一些代码，即可实现自定义 WordPress 登录页面，所有的操作都不需要修改 WordPress 核心文件。升级 WordPress 版本，也不会丢失自定义 WordPress 登录页面的效果。

自定义 Logo 图片

制作一个名为 login_logo.png 的图片，放在主题下的 images 文件夹里 （也可以根据自己的实际修改，只要下面的代码引用的 Logo 地址正确即可） 。

//自定义登录页面的 LOGO 图片
function my_custom_login_logo() {
echo 『<style type=」text/css」>
h1 a { background-image:url(『.get_bloginfo(『template_directory』).』/images/logo.png) !important; }
</style>』;
}
add_action(『login_head』, 『my_custom_login_logo』);

自定义 Logo 链接

将 Logo 的链接改为网站首页链接：

//自定义登录页面的 LOGO 链接为首页链接
add_filter(『login_headerurl』, create_function(false,」return get_bloginfo(『url』);」));

将 Logo 的链接改为任意链接：

//自定义登录界面 LOGO 链接为任意链接
function custom_loginlogo_url($url) {
return 『http://www.wpdaxue.com』; //修改 URL 地址
}
add_filter( 『login_headerurl』, 『custom_loginlogo_url』 );

自定义 Logo 提示信息 (tltle)

自定义为网站名称：

//自定义登录页面的 LOGO 提示为网站名称
add_filter(『login_headertitle』, create_function(false,」return get_bloginfo(『name』);」));

自定义为其他任何文本：

//自定义登录页面 LOGO 提示为任意文本
function custom_loginlogo_desc($url) {
return 『WordPress 公园』; //修改文本信息
}
add_filter( 『login_headertitle』, 『custom_loginlogo_desc』 );

自定义登录框内容

//在登录框添加额外的信息
function custom_login_message() {
echo 『<p> 欢迎来到』.get_bloginfo(『name』).』，请登录后下载本站资源</p><br />』;
}
add_action(『login_form』, 『custom_login_message』);

自定义底部内容

//自定义底部信息
function custom_html() {
echo 『<p style=」text-align:center」>© 『 . get_bloginfo(url).'</p>』;
}
add_action(『login_footer』, 『custom_html』);

自定义 CSS

要更加灵活地修改登录页面的显示样式，建议添加一个自定义的 CSS 文件，然后查看登录页面的源代码的 html 结构，撰写自己的 CSS 样式。你可以使用下面的代码引入自己的 CSS，注意修改代码中的 css 地址，以下调用的是主题根目录下的 login_style.css：

//添加自定义 CSS
function custom_login() {
echo 『<link rel=」stylesheet」 type=」text/css」 href=」『 . get_bloginfo(『template_directory』) . 『/login_style.css」 />』;
}
add_action(『login_head』, 『custom_login』);

以上所有代码都是添加到主题的 funshions.php 文件的最后一个 ?> 的前面。

修改 WordPress 主题推荐大家使用创建 WordPress 子主题的方式。这样即使 WordPress 主题升级，你也不会丢失对 WordPress 主题所做的修改。