WordPress去掉wp_head函数头部空白的方法

WordPressWordPress去掉wp_head函数头部空白的方法已关闭评论85

WordPress在头部文件header中调用wp_head函数后,顶部会出现28px的空白,如何去掉?新手站长网分享:

去掉wp_head函数头部空白的方法

wp_head是WordPress很重要的一个函数,在头部调用这个函数后就会出现28px的顶部空白,如何去掉顶部空白?新手站长网分享解决方法:
在主题目录下的functions.php文件中插入以下代码即可:文章源自新手站长-https://xinshouzhanzhang.com/wp_head-28px.html

<?php
function my_function_admin_bar(){ return false; } add_filter( 'show_admin_bar' ,  'my_function_admin_bar');
?>

将上述代码粘贴到你的functions.php文件中,即可解决。文章源自新手站长-https://xinshouzhanzhang.com/wp_head-28px.html

什么原理?我们把my_functions_admin_bar的值设置为false,这样加载show_admin_bar为false,所以里面会少加载两个css样式,这个CSS样式如下所示:文章源自新手站长-https://xinshouzhanzhang.com/wp_head-28px.html

<style type="text/css">
  html { margin-top: 28px !important; }
  * html body { margin-top: 28px !important; }
</style>

就是上面的css导致我们的顶部出现28像素的空白。文章源自新手站长-https://xinshouzhanzhang.com/wp_head-28px.html 文章源自新手站长-https://xinshouzhanzhang.com/wp_head-28px.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系统建议选择...