简单了解将WordPress中的工具栏移到底部的小技巧

5年以前  |  阅读数:393 次  |  编程语言:PHP 

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

20151231153927105.png \(474×259\)

有些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的工具栏。

 相关文章:
PHP分页显示制作详细讲解
SSH 登录失败:Host key verification failed
获取IMSI
将二进制数据转为16进制以便显示
获取IMEI
文件下载
贪吃蛇
双位运算符
PHP自定义函数获取搜索引擎来源关键字的方法
Java生成UUID
发送邮件
年的日历图
提取后缀名
在Zeus Web Server中安装PHP语言支持
让你成为最历害的git提交人
Yii2汉字转拼音类的实例代码
再谈PHP中单双引号的区别详解
指定应用ID以获取对应的应用名称
Python 2与Python 3版本和编码的对比
php封装的page分页类完整实例