wordpress登录页面修改

教你怎么修改WordPress后台注册登录界面LOGO和链接

酱茄

将以下代码复制到当前wordpress主题的functions.php文件里

WordPress修改登录界面的LOGO方法

// 去登录界面的默认图片

function custom_loginlogo() {

echo '<style type="text/css">

h1 a {background-image: url('.get_bloginfo('template_directory').'/images/logo.png) !important;background-size: 265px !important;width:265px !important; }

</style>';

}

add_action('login_head', 'custom_loginlogo');

注意：记得在当前主题目录新建：images，然后在目录中添加图片：logo.png

WordPress修改登录界面默认LOGO方法

// 去链接

function custom_loginlogo_url($url) {

return'';

}

add_filter( 'login_headerurl', 'custom_loginlogo_url');

function custom_register_url($url) {

return'';

}

add_filter( 'login_registerurl', 'custom_register_url');

原文来自：酱茄

如何修改WordPress后台的登录界面？

修改WordPress后台的登录界面的插件很多，但大部分都有很多我用不到的功能，会浪费资源，设置也不那么直观，所以决定用写代码的方式来实现。

修改wordpress后台界面的效果

用代码修改WordPress后台的登录界面

在主题functions.php文件中或者使用Code Snippets插件添加自定义代码：

class Sola_Custom_Admin_Login{ private static $instance = null; public static function get_instance(){ if( self::$instance == null ){ self::$instance = new self(); } return self::$instance; } function __construct(){ add_filter( 'login_title', [$this, 'login_title'], 10,2 ); add_filter( 'login_headerurl', [$this, 'login_headerurl'] ); add_filter( 'login_headertext', [$this, 'login_headertext'] ); add_action( 'login_head', [$this, 'login_styles'] ); } // 浏览器标题，默认带有WordPress字样 function login_title( $login_title, $title ){ return $title .' - '. get_bloginfo( 'name' ); } // logo的链接，默认链接到WordPress function login_headerurl(){ return site_url(); } // a标签里的文字，logo是a标签的背景 function login_headertext(){ return ''; } // 通过css修改页面样式 function login_styles(){ ?><img src="#" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /> <?php }}Sola_Custom_Admin_Login::get_instance();

如何修改WordPress登录页面？

如何将WordPress的logo替换为自己网站logo，并改变其外观，打造一个个性化的登录页面。

一、将下面代码加到主题functions.php模版文件的最后。

<?php function custom_login() { echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; } add_action('login_head', 'custom_login'); ?>

二、在所用主题中新建一个名称为：custom_login 的文件夹，并在其中新建：custom_login.css及制作好的网站logo.png也放进去。

三、将下面代码添加到custom_login.css中。

/** 背景及字体 **/ html,body.login{ background:#f2f2f2; font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif; } /** 去掉链接下划线 **/ html a{ text-decoration: none; } /** 登录DIV **/ #login { background:#fff; border: 1px solid #ccc; width:400px; margin: 40px auto 0; padding: 10px 10px 20px 10px; border-radius:3px; box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7); } /** 替换logo **/ .login h1 a{ background: #fff url(logo.png) no-repeat center; width:400px; } /** 提示 **/ .updated, .login .message { background:#fff; border: none; text-align: center; } /** 表单 **/ .login form { box-shadow:none; border: none; } #loginform, #registerform, #lostpasswordform{ background:transparent; border:none; } /** 按钮 **/ .button-primary,.submit .button-primary,#login form .submit input { border-radius:1px; }

三、修改logo链接地址

function custom_loginlogo_url($url) {return '';}add_filter( 'login_headerurl', 'custom_loginlogo_url' );