WordPress 将工具栏移到底部

日期: 标签:WordPress教程
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

从 WordPress 3.1 开始引入了工具栏的概念,当用户登录后在前台和后台的页面顶部会显示一个黑色的工具栏,通过工具栏可以快捷地新建文章、页面、媒体、用户,以及查看文章和评论等功能,如下图:

WordPress 工具条 Admin Bar

有些WordPress用户不喜欢这个工具栏,纷纷选择将它移除。话说这个工具栏还是有点用处的,你现在又多了一个选择,不喜欢它在顶部显示,那我们可以将这个工具栏移到页面底部,只需在当前主题的functions.php中加入以下php代码即可:

function fb_move_admin_bar() {
  echo '
  <style type="text/css">
    body {
      margin-top: -28px;
      padding-bottom: 28px;
    }
    body.admin-bar #wphead {
      padding-top: 0;
    }
    body.admin-bar #footer {
      padding-bottom: 28px;
    }
    #wpadminbar {
      top: auto !important;
      bottom: 0;
    }
    #wpadminba .quicklinks .menupop ul {
      bottom: 28px;
    }
  </style>';
}
// 后台工具栏
add_action( 'admin_head', 'fb_move_admin_bar' );
// 前台工具栏
add_action( 'wp_head', 'fb_move_admin_bar' );

对于Chrome用户来说,工具栏移到底部有个小小的问题,就是当页面还未加载完毕时,Chrome底部会显示状态信息,这会遮挡WordPress的工具栏。

参考文章:How To Move the Admin Bar to the bottom

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/wordpress-move-the-admin-bar-to-the-bottom.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

16 条留言

点此留言
  1. 小义 小义

    沙发!试试

  2. xinsenz xinsenz

    后台可以直接关闭呀~

    • Ludou

      @xinsenz 本文重点不是怎么将它关闭或移除哦。

    • Ludou

      @xinsenz 貌似你又换了个主题,这次的很清新

      • xinsenz xinsenz

        @Ludou 哈哈,牧风的主题,只不过修改了一些~

  3. wang

    帮我做个主题

  4. VibeEnglish VibeEnglish

    路过,表示博主很强大,学习了,谢谢分享哈

  5. 深蓝 深蓝

    嗯哼,这个我无压力~~CSS定位!

  6. Linux知识 Linux知识

    我觉得这个功能挺好的呀!!多方便。

  7. 噜噜别跑

    宝宝又闹了

  8. 纽小二 纽小二

    我都是关掉的,有时候操作起来嫌它太碍眼了

  9. wp爱好者

    你好露兜,请问wp用什么控制调用本分类下的文章呢?我最近在学着修改wp主题,从你的博客上学到了不少有用的知识,有个问题想请教你,如何控制调用本分类下的文章呢?我修改一个主题发现点击不同分类,出现的文章都是一样,全都是全站的最新文章,而不是分类下的文章,就是点击所有分类,显示的文章列表跟主页的是一样的,请问在哪儿控制呢?谢谢

    • Ludou

      @wp爱好者 一般主题目录有个category.php,用于控制显示分类页面,具体可以看这篇文章的介绍:
      https://www.ludou.org/create-wordpress-themes-template-hierarchy.html

      • wp爱好者

        @Ludou 谢谢露兜的回复,我仔细读一下那篇文章!
        再次感谢!

  10. wucoco wucoco

    完全不能使用啊,工具栏是有下拉菜单的,移动到底部却并没有把菜单往上拉。

发表留言