你若是想 wordpress的登录页面换成一个个性的，动感，自定义的logo,那么请随我一块儿来完成下面的过程。效果你能够看看本站的登录界面。javascript
自定义登录LoGo图php
在functions.php中添加css
function custom_loginlogo() {
echo'<style type="text/css">.login h1 a {background-image: url('.get_stylesheet_directory_uri().'/img/logo.svg) !important;-webkit-background-size: 120px;background-size: 120px;width: 120px;height: 120px; }body{background:none;}#nav,#backtoblog{display:none;} </style>';html
说明：
一、logo图能够是png,Svg,jpg,官方使用的是svg,由于它是矢量图，好处百度。
二、img文件夹的位置是主题的根目录。
三、其实就是一段css,大小你彻底能够本身修改。java
修改logo图的连接为你本身的网站jquery
在functions.php中添加web
add_action('login_head', 'custom_loginlogo');
function custom_loginlogo_url($url) {
return 'http://www.511yj.com';
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
'http://www.511yj.com';换成你本身的网站数据库
加载背景全屏图片轮播缓存
在functions.php中添加app
function custom_loginbg() {
echo '<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?v1.12.4"></script>';
echo '<script src="'.get_stylesheet_directory_uri().'/js/jquery.backstretch.min.js"></script>';
echo'<script>jQuery(function(){var imgsrc = "'.get_stylesheet_directory_uri().'/img/loginbg";
var listArr = [imgsrc+"/1.jpg",imgsrc+"/2.jpg",imgsrc+"/3.jpg",imgsrc+"/4.jpg"];
jQuery(\'.login\').backstretch(listArr, {fade: 1000,duration: 5000});});</script>';
}
add_action('login_footer', 'custom_loginbg');
说明：
一、自定义 custom_loginbg() 函数，加载两个js。
二、jquery.js?v1.12.4是wordpress自带的jquery库，咱们的版本是WP4.53，jquery库是V 1.12.4,你须要查看一下
三、jquery.backstretch.min.js这个是特效，这里我打包了，百度网盘下载：http://pan.baidu.com/s/1nu7k1h3。js是你主题根目录下的一个文件夹。
四、你须要在img文件里创建一个文件夹loginbg放背景图片，这里放了四张，格式是jpg,大小控制一下。
五、你想放个更多图片的话，修改listArr=[]里面的图片
自定义css的加载
在functions.php文件加入如下代码便可：
function custom_login() { echo'
<link href="' . get_bloginfo('template_directory') . '/login.css"rel="stylesheet"type="text/css"/>'; }
add_action('login_head', 'custom_login');
login.css是你自定义的css样式，你能够修改登陆表单样式，注意css文件的位置。
您可能感兴趣的文章:
▪ 无需升级，您的WordPress数据库已是最新的了-后台登陆跳转首页
▪ 使用Better WordPress Minify合并压缩WordPress的js和css 文件
▪ 图片类Wordpress网站必备响应式灯箱插件WF Magnific Lightbox
▪ WordPress过滤器(Filters)：apply_filters和add_filter 用法和实例
▪ mod_rewrite缓存模式WP Super Cache最快的加速模式
▪ wordpress主题插件的汉化工具poedit最新汉化版使用步骤方法