当前位置:代码狗 > WordPress > WP建站 > 正文

wordpress自定义登陆界面——盗取登陆页面

wordpress本身的登陆界面太丑,很多用户四处收集登陆页面的插件,但插件是别人写的,肯定有不和自己意愿的地方,今天教大家盗取别人网站的登陆界面。

首先找到自己想要的网站登陆页面,比如我要盗取的:http://www.daq.cn/user/login.jsp

代码狗wordpress教程

打开页面后鼠标右键另存为…将网页保存下来,注意,保存选择的时候选网页全部。不然js和css没有下载再来,用的时候就会访问别人的网站。如果你觉得自己css写得好的,也可以自己写。

然后用你写代码的软件打开它。

代码狗wordpress教程

删掉不必要的代码,一遍删,一遍用浏览器看,直到网页只剩下我们想要的内容的时候为止。如果出现编辑框变小了,可以添加给编辑框添加这个属性style=”width:340px;height:44px”

代码狗wordpress教程

然后我们新建一个wordpress主题模板文件,取名为userlogin.php,在文件中写入如下代码:

<?php 
/**
 * Template name: User_login
 * Description: A user login page
 */
get_header();
?>
//HTML内容
<?php
get_footer();
?>

Template name:标签的内容将出现在你网页后台的页面模板选择栏里。

然后将刚才我们修改后的代码复制到//HTML内容所在地方。然后将我们下载下来的js和css样式给传到网站空间里。再修改代码中的路径。

打开网站的登陆页面,默认地址为 http://你的域名/wp-admin,打开后鼠标右键查看源代码。找到登陆表单。

代码狗wordpress教程

将表单中的元素name属性和form标签中的action属性改为源代码中的数据。

代码狗wordpress教程

好了,将代码保存下来,并将userlogin.php文件上传到网站空间目录的主题目录下的模板文件夹中,最后别忘了你的js和css样式文件也要上传到对应目录。

到网站后台创建新页面,选择刚刚写的模板,发布—查看一下效果,不出意外的话是这样的。

代码狗wordpress教程

到后台退出账号,然后使用我们盗取的页面试试登陆效果。嘿嘿….反正我是能登陆的。

好了教程到此结束,源码奉上!


感觉很棒!可以赞赏支持我哟~

赞(2) 打赏

评论 抢沙发

×

请作者吃根烤肠!

支付宝