自己设置WordPress的登录界面(Logo/链接/文本)

  • 时间:2018-07-31 22:45 作者:飞哥有料 来源:飞哥有料 阅读:198
  • 扫一扫,手机访问
摘要:使用 WordPress 建博客的同学,假如你厌烦了你的博客后端登录界面,那么可以自己设置修改成你想要的样子,其实这样的教程网上一堆,无非是通过 WordPress 内置的挂钩(Hook),在主题的 functions.php 中增加少量简单的代码,来完成自己设置修改!我们把 WordPress 默

使用 WordPress 建博客的同学,假如你厌烦了你的博客后端登录界面,那么可以自己设置修改成你想要的样子,其实这样的教程网上一堆,无非是通过 WordPress 内置的挂钩(Hook),在主题的 functions.php 中增加少量简单的代码,来完成自己设置修改!

我们把 WordPress 默认图标换成我们自己设置的Logo,首先要明确的是不能修改 WordPress 的源代码,由于假如有版本升级之类的操作,这个效果就失效了,所以需要在主题下做修改操作。

1、制作Logo图片

制作一个名为 login_logo.png 的图片,而后在主题目录下新建一个目录命名为 Login,将图片放入Login目录中。

2、修改主题下的 functions.php 文件

在 functions.php 文件的最后面加入以下代码,来引入一个CSS文件。

/* 登陆界面图标 */

function custom_login() {

echo ‘’; }

add_action(‘login_head’, ‘custom_login’);

//自己设置登录页面的Logo链接为首页链接

add_filter(‘login_headerurl’, create_function(false,“return get_bloginfo(‘url’);”));

//自己设置登录界面Logo链接为任意链接

function custom_loginlogo_url($url) {

return ‘填写您的网址’; //修改URL地址

}

add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’ );

//自己设置登录页面的Logo提醒为网站名称

add_filter(‘login_headertitle’, create_function(false,“return get_bloginfo(‘name’);”));

//自己设置登录页面Logo提醒为任意文本信息

function custom_loginlogo_desc($url) {

return ‘我的未来不是梦’; //修改文本信息

}

add_filter( ‘login_headertitle’, ‘custom_loginlogo_desc’ );

//在登录框增加额外的信息

function custom_login_message() {

echo ‘

欢迎来到’.get_bloginfo(‘name’).‘,请登录后进行评论


’;

}

add_action(‘login_form’, ‘custom_login_message’);

//自己设置底部信息

function custom_html() {

echo ‘

? ‘ . get_bloginfo(url).‘

’;

}

add_action(‘login_footer’, ‘custom_html’);

3、新建 login.css 文件

在Login目录中新建 login.css 文件,编码为UTF-8,而后在 login.css 文件中加入以下代码:

.login h1 a {

background–image: url(‘logo.png’);

height: 100px;

width: 230px;

background–size: 230px;

}

在以上代码中设定了背景图和宽、高度还有背景图片的大小,假如想增加其余样式,只需在 login.css 文件中加入样式就可。

4、刷新预览

修改完后,刷新以下登录页面,效果如下:

自己设置WordPress的登录界面(Logo/链接/文本)

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】淘码库,据消息称已被调查。淘码库源码网,已经无法访问!(2020-01-14 04:13)
【系统环境|服务器应用】Discuz隐藏后台admin.php网址修改路径(2019-12-16 16:48)
【系统环境|服务器应用】2020新网站如何让百度快速收录网站首页最新方法,亲测有用!免费(2019-12-16 16:46)
【系统环境|服务器应用】Discuz发布帖子时默认显示第一个主题分类的修改方法(2019-12-09 00:13)
【系统环境|软件环境】Android | App内存优化 之 内存泄漏 要点概述 以及 处理实战(2019-12-04 14:27)
【系统环境|软件环境】MySQL InnoDB 事务(2019-12-04 14:26)
【系统环境|软件环境】vue-router(单页面应用控制中心)常见用法(2019-12-04 14:26)
【系统环境|软件环境】Linux中的Kill命令(2019-12-04 14:26)
【系统环境|软件环境】Linux 入门时必学60个文件解决命令(2019-12-04 14:26)
【系统环境|软件环境】更新版ThreeJS 3D粒子波浪动画(2019-12-04 14:26)
手机二维码手机访问领取大礼包
返回顶部