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

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