找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 714|回复: 0
打印 上一主题 下一主题

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

[复制链接]

2647

主题

2647

帖子

7881

积分

论坛元老

Rank: 8Rank: 8

积分
7881
跳转到指定楼层
楼主
发表于 2018-2-14 05:40:08 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

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;
}
';
}
// 后台工具栏
add_action( 'admin_head', 'fb_move_admin_bar' );
// 前台工具栏
add_action( 'wp_head', 'fb_move_admin_bar' );
对于Chrome用户来说,工具栏移到底部有个小小的问题,就是当页面还未加载完毕时,Chrome底部会显示状态信息,这会遮挡WordPress的工具栏。
            
            
您可能感兴趣的文章:
  • WordPress中制作导航菜单的PHP核心方法讲解
  • WordPress导航菜单的滚动和淡入淡出效果的实现要点
  • 以JavaScript来实现WordPress中的二级导航菜单的方法
  • WordPress中注册菜单与调用菜单的方法详解
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端