自定义WordPress登陆后台

一开始使用的插件来修改的admin的后台登陆界面，后来wordpress升级到了4.5.2之后和插件不兼容，所以直接将插件delete掉了。
又换回了原始的登陆界面，但是怎么看都不顺眼…于是用jQuery库来实现了一个简易的自定义登陆界面。
关于如何具体修改Wordpress登陆界面，大家可以移步：如何自定义WordPress的登录页面（Logo/链接/文本）
这个界面，就像你看到的一样，背景图片使用了bing壁纸的api，每天保持新心情~（fighting）

效果：

食用方法：

下载：Github

将css、js、image文件夹复制到主题目录下。
将functions.php的内容复制到主题functions.php的?>之前。

/更改登录界面
function custom_login() {echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/css/login.css" />'."\n";
echo '<script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/jquery.min.js"></script>'."\n";
}
add_action('login_head', 'custom_login');//Login Page Title
function custom_headertitle ( $title ) {//return get_bloginfo('name');
}
add_filter('login_headertitle','custom_headertitle');//Login Page Link
function custom_loginlogo_url($url) {return esc_url( home_url('/') );
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );//Login Page Footer
function custom_html() {echo '<div class="footer">'."\n";
echo '<p>Copyright &copy; '.date('Y').' All Rights | <a href="https://blog.mayuko.cn" target="_blank">Hades</a></p>'."\n";
echo '</div>'."\n";
echo '<script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/resizeBg.js"></script>'."\n";
echo '<script type="text/javascript">'."\n";
echo 'jQuery("body").prepend("<div class=\"loading\"><img src=\"'.get_bloginfo('template_directory').'/images/login_loading.gif\" width=\"58\" height=\"10\"></div><div id=\"bg\"><img /></div>");'."\n";
echo 'jQuery(\'#bg\').children(\'img\').attr(\'src\', \''.get_bloginfo('template_directory').'/images/bing.php\').load(function(){'."\n";
echo ' resizeImage(\'bg\');'."\n";
echo ' jQuery(window).bind("resize", function() { resizeImage(\'bg\'); });'."\n";
echo ' jQuery(\'.loading\').fadeOut();'."\n";
echo '});';
echo '</script>'."\n";
}
add_action('login_footer', 'custom_html');

因为这个效果是使用jQuery库来实现的，所以说，如果主题自带jQuery库的话，大家将

echo '<script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/jquery.min.js"></script>'."\n";

注释掉就可以啦。
退出wp的登录，就可以查看到效果啦。

自定义WordPress登陆后台相关推荐

wp-login.php 404页面,wordpress隐藏后台登陆界面，自动跳转首页或404
原标题:wordpress隐藏后台登陆界面,自动跳转首页或404 我们用wordpress程序安装建站后发现所有人的网站后台都是自己域名/wp-admin,这样是否存在安全隐患?那么我们如何来修改或是 ...
php如修改登陆后连接地址,两种wordpress更换后台登录界面logo图标方法
wordpress网站后台登陆界面有个Logo图标,在自己的网站摆着官方的图标,很多人看起来很不舒服,所以大家都希望更换掉这个图标,为此,本站推荐两种wordpress更换图标的方法: 方法一:只需要 ...
WordPress博客无法登陆后台的解决办法
最近,博客频出问题,先是CPU占用一直居高不下,后是wp-admin管理后台无法进入.今天一看,本人所管理的几个网站,登陆后台页面时,均出现了这样类似的问题,先是跳转成这样的地址: http://ww ...
php注册页面模板,选项卡式WordPress登陆注册模板
上次说到不用插件也可以修改WordPress登陆注册界面,不过只是简单的修改了CSS,缺少很多元素,例如header.导航.footer等,为了增加这些元素,我们可以采取另一种方式,将WordPres ...
盘点18个免费的WordPress主题后台选项开发框架
https://yusi123.com/3205.html/3 13.Warp Framework Warp框架不仅支持WordPress和Joomla,还可以可扩展到其他的适用Web程序.使用War ...
如何创建WordPress登陆页面模板
您将要创造的网站的目的之一是产生潜在客户. 这可以通过多种方式发生:您可能有一个供人们与您联系以获取特定报价的表格,您可能鼓励人们在您的网站上购买商品时创建一个帐户,或者您可能会带给他人铅块作为他们 ...
php网站后台开发教程,WordPress做网站后台开发教程
课程目标:学会Wordpress网站后台开发目录: 第一课.后台开发集成WPD设置模板 1 第二课.添加修改设置模块 2 第三课.主题设置前台调用 3 第四课.企业主题集成演示 4 第一课.主题集成 ...
WordPress独立后台高端二开黑金壁纸微信小程序源码
WordPress独立后台壁纸小程序是一款高端二开黑金壁纸微信小程序源码,拥有WP独立后台运行,可以自定义后台添加流量AD ID.这款源码,是修复版的,支持看AD后保存壁纸到本地. 内附安装教程. W ...
5 款比较流行的WordPress主题后台选项开发框架
5 款比较流行的WordPress主题后台选项开发框架.在开发WordPress 主题的时候,借用成熟的WordPress 主题后台选项开发框架可以为我们省下不少功夫.相信你接触过不少国人做的所谓&q ...

自定义WordPress登陆后台

效果：

食用方法：

自定义WordPress登陆后台相关推荐

最新文章

热门文章