2025年3月24日 星期一 甲辰(龙)年 月廿三 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 服务器 > 万维网络 > WordPress

移除 WordPress 顶部工具栏 CSS 样式

时间:12-14来源:作者:点击数:9

WordPress 开放了会员注册以后,如果会员登陆,那么会在网页的顶部显示一个工具栏,方便显示网站后台的一些主题信息和会员登出操作,但是这样做以后我感觉比较烦,因为我的主题里面已经有这样的功能了,移除顶部的工具栏势在必行。

WordPress 中如果有会员登陆,那么会在每一页添加如下的代码:

  • <style type="text/css" media="print">#wpadminbar { display:none; }</style>
  • <style type="text/css" media="screen">
  •     html { margin-top: 32px !important; }
  •     * html body { margin-top: 32px !important; }
  •     @media screen and ( max-width: 782px ) {
  •         html { margin-top: 46px !important; }
  •         * html body { margin-top: 46px !important; }
  •     }
  • </style>

那么可以通过在主题的 functions.php 中添加以下代码,来移除这段烦人的 CSS 样式:

  • add_action('get_header', 'remove_admin_login_header');
  • function remove_admin_login_header() {
  •     remove_action('wp_head', '_admin_bar_bump_cb');
  • }

使用他,您的页面将变得更加的干净了。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐