简单了解将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 相关文章推荐
网络资源
Oct 09 PHP
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
Mar 15 PHP
发布一个迷你php+AJAX聊天程序[聊天室]提供下载
Jul 21 PHP
php实现mysql数据库备份类
Mar 20 PHP
php利用header函数实现文件下载时直接提示保存
Nov 12 PHP
php与mysql建立连接并执行SQL语句的代码
Jul 04 PHP
用 Composer构建自己的 PHP 框架之构建路由
Oct 30 PHP
php从完整文件路径中分离文件目录和文件名的方法
Mar 13 PHP
php实现的美国50个州选择列表实例
Apr 20 PHP
PHP微信开发之二维码生成类
Jun 26 PHP
PHP执行linux命令常用函数汇总
Feb 02 PHP
Yii框架布局文件的动态切换操作示例
Nov 11 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
简体中文转换为繁体中文的PHP函数
2006/10/09 PHP
PHP简单系统查询模块代码打包下载
2008/06/07 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
php操作mongoDB实例分析
2014/12/29 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
2016/09/16 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
详解React 在服务端渲染的实现
2017/11/16 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
Pytorch中.new()的作用详解
2020/02/18 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
python3字符串输出常见面试题总结
2020/12/01 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
薇姿法国官网:Vichy法国
2021/01/28 全球购物
政治学求职信
2014/06/03 职场文书
保研推荐信范文
2015/03/25 职场文书
自主招生英文自荐信
2015/03/25 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
python基础之文件处理知识总结
2021/05/23 Python