WordPress登录页面美化教程(纯代码)

文章目录

WordPress自带的登录页面并不美观,很多朋友都想要美化自己的登陆界面、找回密码界面、注册界面,用了各种插件来修饰!大家都知道,wordpress插件使用多了wordpress系统就会变慢,就拣了芝麻丢了西瓜了,不能为了好看而忘记了速度!今天给大家带来的是通过代码来实现wordpress登陆界面的自定义美化

QQ与微博登录为我使用主题附带,该主题已停止维护

修改方法源自网络,并加入了一些个人元素(米找到原作者,如果你知道请联系我来加上)

准备工作:

首先下载: admstyle.css (右键另存为)

下载后打开,替换背景地址及logo地址,然后上传到主题目录

(例如我用的主题是目录名是dmeng2.0,那么就上传到/wp-content/themes/dmeng2.0中)

2

修改文件:

找到WordPress根目录下(不是主题目录)的 wp-login.php 文件并打开

注意:此文件为WordPress重要文件,修改前请自行备份,否则后果自负

搜索文本 <body 符号也要加,在其下一行添加 <div id="bg"> 如图:

3

接着搜索 </body> 符号也要加,在其上一行添加 </div> 如图:

4

完成后,保存并上传,覆盖源文件

修改函数模板:

打开当前主题目录下的functions.php文件,在其中加如下代码:

//自定义登录页面
function custom_login_logo() { echo '<link rel="stylesheet" id="wp-admin-css" href="'.get_bloginfo('template_directory').'/admstyle.css" type="text/css" />';}
add_action('login_head', 'custom_login_logo');

5

修改完成,保存并上传,覆盖源文件。

效果图:

修改完成,打开登录页查看效果,登录页地址一般为:http://你的网址/wp-login.php

登录页面

1

注册页面

6 7

忘记密码页面

8

原文链接:,转发请注明来源!_小楠の次元

发表评论

要发表评论,您必须先登录