WordPress自定义登录页面LOGO、链接、文本、样式等

自定义 WordPress 登录界面 Logo

在主题目录 functions.php 中加入以下代码:

//自定义WordPress登录界面Logo
function fanly_custom_login_logo() {
    echo '<style type="text/css">
      h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; }
    </style>';
}
add_action('login_head', 'fanly_custom_login_logo');

使用以上方法时需要提醒一下:将需要替换的 Logo 图片放置到主题目录的 images/custom-login-logo.gif 下,默认 WordPress 的后台 logo 尺寸为 274px*63px。

删除 WordPress 登录界面 Logo

若想让后台登陆界面变得更加简洁,可以尝试着只留下输入框,删除 WordPress 登录界面 Logo。同样的方法在主题目录 functions.php 中加入以下代码:

//删除WordPress登录界面Logo
function admin_bar_remove() {
    global $wp_admin_bar;
    /* Remove their stuff */
    $wp_admin_bar->remove_menu('wp-logo');
}
add_action('wp_before_admin_bar_render', 'admin_bar_remove', 0);

自定义 Logo 链接

将 Logo 的链接改为网站首页链接:

//自定义登录页面的LOGO链接为首页链接
add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));

将 Logo 的链接改为任意链接:

//自定义登录界面LOGO链接为任意链接
function custom_loginlogo_url($url) {
	return 'https://zhangzifan.com'; //修改URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );

自定义 Logo 提示信息(tltle)

自定义为网站名称:

//自定义登录页面的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 '<p>欢迎来到'.get_bloginfo('name').',请登录后继续操作</p><br />';
}
add_action('login_form', 'custom_login_message');

自定义底部内容

//自定义底部信息
function custom_html() {
    echo '<p style="text-align:center">© ' . get_bloginfo(url).'</p>';
}
add_action('login_footer', 'custom_html');

自定义 CSS

要更加灵活地修改登录页面的显示样式,建议添加一个自定义的 CSS 文件,然后查看登录页面的源代码的 html 结构,撰写自己的 CSS 样式。你可以使用下面的代码引入自己的 CSS,注意修改代码中的 css 地址,以下调用的是主题根目录下的 login_style.css:

//添加自定义CSS
function custom_login() {
    echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login_style.css" />';
}
add_action('login_head', 'custom_login');

以上代码可能会帮你更好的定制 WordPress 默认的后台登录页面,如果你是用 WordPress 做其它网站开发,或许你就不会使用 WordPress 默认的后台登录页面了,大家可以从上面的代码就可以看出来,定制这个页面对于不太懂代码的人来说是非常方便的,但是对于懂代码的人可能就单独是做登录页面了。

展开阅读全文

分享到: 更多 (0)
赞(0)
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • WordPress 如何实现纯代码添加禁止某些用户登录的方法
    在某些特殊情况下某些用户损害了网站的利益,你可能就需要禁止他们登录网站,WordPress博客如何实现免插件纯代码添加禁止某些用户登录的方法,也就是WordPress博客用户怎么实现封号,近日以来网站垃圾信息,垃圾回复泛滥,由于之前不怎么关...
  • WordPress非插件实现文章点赞功能
    功能丰富的WordPress点赞插件不少,但对于要在主题中集成简单文章点赞功能的需求,插件就显得不合适,于是乎非插件实现文章点赞功能的方法就诞生,实现思路是:可以通过ajax实时显示点赞数量,自定义字段保存赞数量,Cookies禁止重新点赞...
  • 更改WordPress主题之前必须做的15件事
    使用过WordPress的人都应该做过一件事,那就是更换主题。但如果你一直使用的就是默认主题,那就更好办了。WordPress最大的魅力就是,更换主题很简单轻松,但主题的更换不仅仅只是激活就完事了。本文将介绍更改WordPress主题之前必...
  • WordPress判断文章发布时间是否超过一个月时输出一段声明
    今天走访博客时发现一个小功能挺好的,就是判断文章发布时间是否超过一个月时输出一段声明。 因为百影阁是一个技术型、分享型网站,发布的文章时间久了可能有些技术功能已经过时、图片失效或者下载资源失效,当有访客再次阅读文章时,就应当设定一个友善的提...
  • WordPress 给最新文章和置顶文章添加new和top图标
    wordpress发布文章一般类型是置顶或者在默认正常。如果在置顶文章或者是24小时内最新发布的文章标题加上相应的图标,不仅可以增加美观,也可以提高用户浏览网站的点击率。网上有各种漂亮的图标大家可以自己去搜一下。然后上传网站替换下面代码的图...
  • 如何彻底移除并关闭WordPress的RSS feed
    WordPress默认开启了feed功能,好处不言而喻,可以方便RSS阅读器进行订阅,让读者及时收到博客的更新信息。但有些博客基本没有人订阅,却有一堆机器人来采集博客的feed,方便了别人复制你的文章不说,还造成了不必要的资源消耗。 阻止采...
  • WordPress一键全站SSL插件:Really Simple SSL
    如果要给WordPress网站设置https,如果是新的网站,是没有问题的,如果是老站,可能会有一些问题: 比如全站资源https的问题,因为老的网站,或多或少都会有一些外链的资源,而这些外链的资源如果不支持https,那么全站https就...
  • WordPress 5.0 换回原有”Classic Editor”经典编辑器的三种方法
    WordPress 5.0 正式采用了全新的“Block Editor”编辑器,从而替换了原有“Classic Editor”编辑器,相信有很多人都不习惯或者不喜欢新编辑器,那么新版 WordPress 该如何换回原来的 WordPress...
  • WordPress获取网站根目录、主题目录、插件目录路径和url地址
    标题描述很清楚,就是获取根目录、主题目录、插件目录路径的介绍,当你写个主题或者插件的时候一定会用到,就不多啰嗦直接给出代码吧 站点路径相关函数 home_url() 返回站点路径,相当于后台设置->常规中的”站点地址(URL)” $u...
  • WordPress主题添加全站底部三栏推广模块
    给网站底部增加一个通栏模块 新建 module_footer_brand_lmr.php 文件 新建一个名为 module_footer_brand_lmr.php 的文件,并将以下代码复制到新建的文件夹中,最后将文件丢到主题的 modul...
  • wordpress如何去掉generator
    用wordpress建站经常会出现一些显而易见的标签,比如说作者<meta name=”generator” content=”WordPress 4.9″>,网站一旦被别人知道用...
  • WordPress给文章添加密码保护功能
    WordPress文章密码保护功能网上有很多相关的代码,但是没找到密码输入错误时提示的代码,所以最终还是自己对源代码做了些简单修改,便成了下面这幅样子 将以下代码添加到主题的 functions.php 文件中去即可。 // 输入密码查看文...

评论 抢沙发

  • Q Q(选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址