替换修改 WordPress 后台登录页面中 Logo图标与链接

在使用WP程序做网站时,登录网站后台时,程序会自动调用程序的默认图标,对于不想让别人知道自己网站程序的学建站学员来说,就需要将这个图标替换成自己的图标。如下效果图:

如何在学习做网站过程中,能够去实现这个替换成自己图标的方式呢?方法很简单,我们可以用wordpress主题的函数文件来轻松修改。方法如下:

方法一:直接修改系统文件wp-login.php或直接替换系统logo。

在你的网站网站根目录下面的wp-admin/images文件夹中找到logo-login.png文件,用这张图片覆盖替换为自己准备好的logo-login.png图片,这样登录页面的logo就替换好了,接下来是修改logo图片所链接的网址。

打开wp-login.php找到

$login_header_url= __( 'http://wordpress.org/');

将里面的网址替换为你需要的链接。

(PS:这种方法最快捷,但是小V不推荐,因为wp-ogin.php是系统文件,当每次wordpress升级时都会被覆盖还原。)

方法二:使用wordpress函数来替换后台登陆页面Logo与链接。

打开当前使用的主题中的functions.php文件并添加以下代码:

functioncustom_loginlogo() {

echo'<style type="text/css"> h1 a {background-image: url('.get_bloginfo('template_directory').'/images/logo_login.png) !important; } </style>';

}

add_action('login_head', 'custom_loginlogo');

然后在主题目录中新建一个images并将你需要替换logo的图片命名为logo_login.png放在images文件夹中即可。接下来还是是修改logo图片所链接的网址。

打开当前使用的主题中的functions.php文件并添加以下代码:

functioncustom_loginlogo_url($url) {

return'https://www.a5600.com'; //在此输入你需要链接到的URL地址

}

add_filter( 'login_headerurl', 'custom_loginlogo_url');

当然你要载入自定义的登陆页面样式也可以,在functions.php文件加入以下代码即可:

functioncustom_login() { echo'      

<link href="' . get_bloginfo('template_directory') . '/login.css" rel="stylesheet" type="text/css"/>'; }

add_action('login_head', 'custom_login');

自定义登陆页面样式文件就是放在主题目录下的login.css了。