WordPress – 自定义修改用户登录页面的logo(图片、链接、提示信息)、登录框内容、底部内容、css
我们可以自定义修改WordPress默认的登录界面,自定义登录界面的logo图片、logo链接、提示信息、登录框内容、底部内容。
将下面的代码添加到主题的functions.php文件中即可。
自定义logo图片
function custom_login_logo() {
echo '
<style type="text/css">
#.login h1 a { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.png) !important; }
</style>
';
}
add_action('login_head', 'custom_login_logo');
其中需要替换的logo为放在主题目录/image/custom-logo.png,根据自己的需要修改图片路径。
自定义logo图片的跳转链接
将logo图片的跳转链接修改为网站首页链接
add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));
将logo图片的跳转链接修改为任意链接
function custom_loginlogo_url($url) {
return 'https://www.baidu.com'; //修改URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
自定义logo图片提示信息
function custom_loginlogo_desc($url) {
return 'StubbornHuang Blog'; //修改文本信息
}
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
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login_style.css" />';
}
add_action('login_head', 'custom_login');
上述代码的css文件位置为主题目录/login_style.css。
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:WordPress – 自定义修改用户登录页面的logo(图片、链接、提示信息)、登录框内容、底部内容、css
原文链接:https://www.stubbornhuang.com/2615/
发布于:2023年05月16日 11:26:49
修改于:2023年05月16日 11:26:49
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论
51