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


Posted in PHP onDecember 31, 2015

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

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

有些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 相关文章推荐
PHP遍历文件夹与文件类及处理类用法实例
Sep 23 PHP
Laravel 中获取上一篇和下一篇数据
Jul 27 PHP
微信支付开发发货通知实例
Jul 12 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
Dec 25 PHP
PHP实现批量删除(封装)
Apr 28 PHP
thinkPHP框架中执行事务的方法示例
May 31 PHP
PHP实现数组转JSon和JSon转数组的方法示例
Jun 14 PHP
PHP实现的服务器一致性hash分布算法示例
Aug 09 PHP
PHP中localeconv()函数的用法
Mar 26 PHP
laravel实现简单用户权限的示例代码
May 28 PHP
Centos7 Yum安装PHP7.2流程教程详解
Jul 02 PHP
laravel validate 设置为中文的例子(验证提示为中文)
Sep 29 PHP
WordPress中获取所使用的模板的页面ID的简单方法
Dec 31 #PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
Dec 31 #PHP
详解Window7 下开发php扩展
Dec 31 #PHP
WordPress用户登录框密码的隐藏与部分显示技巧
Dec 31 #PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
Jul 21 #PHP
WordPress中限制非管理员用户在文章后只能评论一次
Dec 31 #PHP
php实现微信公众号主动推送消息
Dec 31 #PHP
You might like
第十二节 类的自动加载 [12]
2006/10/09 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
AngularJS基础 ng-list 指令详解及示例代码
2016/08/02 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
详解nodejs异步I/O和事件循环
2017/06/07 NodeJs
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
vue生成随机验证码的示例代码
2017/09/29 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Python使用minidom读写xml的方法
2015/06/03 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
自我鉴定范文
2013/11/10 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
综合测评个人总结
2015/03/03 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
员工开除通知书
2015/04/25 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书