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

2022年12月9日12:00:08WordPress解决WordPress顶部空白margin-top: 32px !important方法已关闭评论29 views1

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

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

margin-top: 32px !important;

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

<?php wp_head(); ?>

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

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