自定义WordPress登录页面

操作方法

  • 01

    如果你看腻了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: 1pxsolid#ccc; width:400px; margin: 40pxauto 0; padding: 10px10px20px10px; border-radius:5px; box-shadow:0 4px10px -1px rgba(200, 200, 200, 0.7); } /** 替换logo **/ .login h1 a{ background: #fffurl(logo.png) no-repeatcenter; 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选择器名称进行详细修改

(0)

相关推荐

  • IE9/IE10打开中国银行登录页面或输入密码时死机重启

    今天有朋友向小编反应,在Windows 8系统的IE10中打开中国银行网站后,只要每次进入登录界面或在该页面输入密码的时候,就会出现系统死机重新启动的现象。然后重启进入系统后会给出一个报错提示,开错误 ...

  • 输入192.168.1.1之后显示的是电信的登录页面怎么办

    常奇怪,输入192.168.1.1之后进入的是电信的登录页面,而不是路由器的登录页面,怎么办? 输入192.168.1.1之后进入的是电信的登录页面 原因 出现这种情况的原因是,路由器和猫的ip地址冲 ...

  • tplogin.cn打开是电信登录页面的解决办法图文教程

    最近有不少用户向我反馈,在设置TP-Link无线路由器时,当在浏览器中输入tplogin.cn后,打开的却是一个电信光猫的登录页面,如下图所示。出现这种情况应该如何解决呢?不要着急,下面为您介绍详细的 ...

  • 1992.168.1.1登录页面打不开怎么办

    首先纠正一个错误,地址的格式不可能是1992.268.1.1,正确的地址可能是以下几种. 第一,地址可能是192.168.1.1. 第二,也有可能是192.168.0.1或者如tplogin.cn等网 ...

  • tplogin.cn打开是电信登录页面怎么办?

    原因分析: 为什么在浏览器中输入tplogin.cn后打开的是电信的登录页面呢?其实用户在输入tplogin.cn后,最终还是 通过192.168.1.1来访问路由器的登录界面的. 当你的TP-Lin ...

  • 阿里旺旺的登录页面

    阿里旺旺的登录页面网址: https://login.1688.com/member/signin.htm?Done=http%3A%2F%2Fwork.1688.com%2Fhome%2Fpage% ...

  • 怎么进入工商银行网上登录页面

    方法步骤如下 : 1.打开工行官网(http://www.icbc.com.cn/icbc/) 2.选择"个人网上银行"即可进入工行网银登录页面,输入帐号和密码,验证码即可登录

  • Axure怎么制作简易的账户密码的登录页面?

    我们经常使用Axure制作网页原型,今天我们就来看看使用axure制作登录页面效果的教程,请看下文详细介绍. 1.首先打开Axure,新建一个空白页面,在空白页面拖入本次要使用的相关元件,如下图所示. ...

  • Chrome谷歌浏览器弹出要求您访问其登录页面的提示怎么办

    我们在使用 Chrome 浏览器访问某个网站的时候,弹出 "您正在使用的网络可能会要求您访问其登录页面."的提示,是怎么回事呢?今天就跟大家介绍一下Chrome谷歌浏览器弹出要求您 ...