DeveWork

WordPress 自定义 login (登录页面)CSS 样式

WordPress 中的登录页面wp-login.php 的默认样式是如此简陋,如果你有兴趣想自定义一下样式,可以参考以下的例子来进行。以下的代码将通过添加过滤器来实现自定义logo 图标、自定义链接样式、按钮样式。相信你也知道,代码一如既往放在主题的functions.php 文件下。

代码来源:点击查看;感谢原作者。先给出个效果图:

自定义logo 图片

function wptutsplus_login_logo() { ?>
    

路径的代码修改请参考《WordPress 路径相关函数总结(二):主题路径相关函数

logo 的自定义样式

function wptutsplus_login_logo() { ?>
    

链接样式

function wptutsplus_login_logo() { ?>
    

按钮样式

function wptutsplus_login_logo() { ?>
    

最后总结:本质上要做的是css 工作,当然,对于相关函数的认识还是有必须知道的(不然怎么添加钩子~)。如果你嫌麻烦,作者已经将上面的代码做好一个插件了,你可以直接下载插件来修改折腾~