玩软部落

随着 WordPress 用户的与日俱增, 你是不是对千篇一律的 WordPress 登录界面有些麻木了? 越来越厌倦你的默认的 WordPress 登录页?

我们可以从 WordPess 登录组件下手, 来修改登录界面, 首先在 functions.php 中添加一个函数:

1
2
3
4
5

<?php // Custom Login Style.
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');
?>

这个函数通过 login_head 钩子来向 login-head 中注入一个 CSS 文件载入. 这样的话, 只有当使用特定主题时才会载入这个 CSS, 并显示自定义的登录界面.

自定义的样式表名为 custom-login.css, 放在模板的 /custom-login 文件夹下.

custom-login

• custom-login.css – CSS 背景样式
• colors-fresh.css- CSS 输入框样式
• button-grad.png – 按钮图片
• login-bkg-tile.png – 背景图片

由于 CSS 代码较多, 这里就不贴了, 很少有人能面对满屏幕的代码而静下心来 …… 如果你和我一样懒, 直接下载拷贝到主题目录, 添加函数即可. P.S: 没有我的链接, 放心使用, 喜欢折腾的, 就不用管了, 我还是支持折腾的~

Huey 刚注册了 Google Code, 现在的网盘国外被封 (Box), 国内更不值一提, 我还是相信 Google 的!

OK,never claver and get to business (闲话少说言归正传)

Download File: Custom login.7z

效果 | Effect 素材来自 iMetal Theme

怎么样? 挺酷的吧! 嗯, 嗯 来点真实的!

注意啦: 通过 WordPress 2.7 and 2.8 , 其它版本未测试, 遗憾的是只能在 IE 下显示正常, 怎么说, 使用 IE 还是不少的, 除了我们这类人~