华山资源网

制作个性化的WordPress登陆界面的实例教程
网络编程 2024/11/18 佚名
3 1

个性化登陆界面的方法有两种，第一种是替换登陆背景，这个算是小型个性化吧：

在/wp-admin/images找到login-bkg-tile.gif和login-bkg-bottom_new.gif两张图片，用自己定制的图片（大小最好相同）替换就行了。

当然这个不能改变登陆框的布局，显然对于追求完美的处女座来说是不够的，于是第二种方法出现了：

首先在functions.php中添加一个函数：

// custom login for theme
// folder themes/theme_name/custom-login/
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login.css" />';
}
add_action('login_head', 'custom_login');

通过一个简单的“勾子”，现在你的主题已经可以开启个性化登陆界面了，接下来要做的，是为你的登陆界面写css样式，命名为custom-login.css，然后再把css文件放到主题文件夹里就行了。

以下是本站的css，供大家参考（由于我的custom-login.css是放在主题文件夹的子文件里，所以background里的url要写成如../images/login-bg-body.jpg的形式，熟悉MCS的人就会知道 ".." 代表上一级目录）

/* 页面css */
html,body,#wpbody,.form-table .pre{background: #ffffff url("../images/login-bg-body.jpg");"../images/login-bg.jpg") no-repeat;"2016521120005834.png (1024×491)" src="/UploadFiles/2021-04-02/2016521120005834.png">


看到效果后就会发现，虽然我们不能改变页面的html元素，但包括登陆框结构在内的整个登陆页面都可以自定义，只要你知道每个部分的css选择器名称即可。所以只要用firebug等工具查看所有css的id或class，就可以制作出一个完全自己作主的登陆界面。
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com