解决WordPress顶部空白margin-top: 32px !important方法

WordPress解决WordPress顶部空白margin-top: 32px !important方法已关闭评论1091

在WordPress header.php页面添加<?php wp_head(); ?>代码后,在HTML页面顶部会出现空白,通过浏览器F12调用开发者工具查看元素,在CSS样式中可以看到自动添加了margin-top: 32px !important;样式,如下图:

解决WordPress顶部空白margin-top: 32px !important方法

margin-top: 32px !important;

如上图,罪魁祸首找到了,引起的原因就是header.php调用文章源自新手站长-https://xinshouzhanzhang.com/wpmargintop32px.html

<?php wp_head(); ?>

代码后,会自动在HTML页面添加一个margin-top: 32px !important;样式,就会导致网站顶部出现32px的空白。文章源自新手站长-https://xinshouzhanzhang.com/wpmargintop32px.html

如何解决?新手站长分享解决方法,在你的WordPress主题下的functions.php文件中添加以下代码即可解决:文章源自新手站长-https://xinshouzhanzhang.com/wpmargintop32px.html

//删除wp_head出现的margin blog.guluqiu.cc
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');
文章源自新手站长-https://xinshouzhanzhang.com/wpmargintop32px.html文章源自新手站长-https://xinshouzhanzhang.com/wpmargintop32px.html

【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

 
腾讯云优惠活动

腾讯云轻量应用服务器镜像是什么?怎么选镜像比较好?

腾讯云轻量应用服务器镜像是什么?镜像是轻量服务器的装机盘,镜像用户按照云服务器的操作系统。腾讯云轻量应用服务器镜像如何选择?可以选择宝塔Linux面板8.0.4腾讯云专享版,如果需要Win系统建议选择...