首页
友链
壁纸
直播
留言
归档
关于
推荐
百度一下
腾讯视频
Search
1
linux免费WEB管理面板:AMH
16,450 阅读
2
为主题添加前台删除文章及评论功能
5,065 阅读
3
欢迎使用Typecho
3,877 阅读
4
创建WordPress多站点网络
2,564 阅读
5
代码高亮 - SyntaxHighlighter 0.0.5
1,872 阅读
网络杂记
Wordpress
Typecho
VPS教程
主题模板
登录
Search
标签搜索
Typecho
WordPress
主题
Linux
VPS
LNMP
MySQL
管理面板
nginx
面板
Apache
php函数
缓存
gravatar
404错误
评论
删除
升级
命令
kloxo
CludeChn
累计撰写
118
篇文章
累计收到
13
条评论
首页
栏目
网络杂记
Wordpress
Typecho
VPS教程
主题模板
页面
友链
壁纸
直播
留言
归档
关于
推荐
百度一下
腾讯视频
搜索到
1
篇与
的结果
2013-03-29
自定义WordPress登录页面
如果你看腻了Wordpress默认登录界面,或者想将Wordpress的logo替换为自己网站logo,并改变其外观,可以参考此文,打造一个个性化的登录页面。一、将下面代码加到主题functions.php模版文件的最后。<?php function custom_login() { echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; } add_action('login_head', 'custom_login'); ?> 二、在所用主题中新建一个名称为:custom_login 的文件夹,并在其中新建:custom_login.css及制作好的网站LOGO: logo.png也放进去。三、将下面代码添加到custom_login.css中。/** 背景及字体 **/ html,body.login{ background:#f2f2f2; font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif; } /** 去掉链接下划线 **/ html a{ text-decoration: none; } /** 登录DIV **/ #login { background:#fff; border: 1px solid #ccc; width:400px; margin: 40px auto 0; padding: 10px 10px 20px 10px; border-radius:5px; box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7); } /** 替换logo **/ .login h1 a{ background: #fff url(logo.png) no-repeat center; width:400px; } /** 提示 **/ .updated, .login .message { background:#fff; border: none; text-align: center; } /** 表单 **/ .login form { box-shadow:none; border: none; } #loginform, #registerform, #lostpasswordform{ background:transparent; border:none; } /** 按钮 **/ .button-primary,.submit .button-primary,#login form .submit input { width:83px; height:25px; font-weight: bold; border:none; } 上面只罗列了登录界面几个基本要素的样式修改。可以使用火狐扩展Firebug查看各部分DIV选择器名称进行详细修改。最终效果如图:同时还可参考登录页面默认样式文件:wordpress\wp-admin\css目录的wp-admin.min.css,进一步个性化登录页面,就看你的创意了!来源:http://zmingcx.com/custom-wordpress-login-page.html
2013年03月29日
706 阅读
0 评论
0 点赞