如何在Wordpress网站的首页中隐藏页脚

Question

我试图通过CSS在我的wordpress网站上隐藏页脚，但现在它开始看起来很奇怪而不是被禁用。

  

http://texmex-cantina.com

这是网站，我只想在此主要目标网页上隐藏页脚。

谢谢。

Answer 1

如果您知道主页.php文件，例如index.php

然后打开该文件并删除或评论

这样，将删除单个页面的页脚。

Answer 2

在css文件中，将要隐藏的div的属性显示设置为无，就像这样

.whatever-your-class{
  ...
  display:none;
  ...
}

您甚至可以做这样的事情

<footer style="display:none;" .. >

Answer 3

在您的自定义css文件中。

写下以下内容：

.page-id-1979 footer {
  display: none !important;
}

.page-id-1979是您的目标网页的类，我们只希望删除该页面中的footer。

Answer 4

我将使用javascript / Jquery隐藏“页脚包装区域”类。 在您的html代码中添加Jquery脚本源：

<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

然后在您的index.html页面中添加以下代码。

<script>
$('.footer-wrapper-area').css("visibility","hidden");
</script>

Answer 5

WordPress通过body_class()函数自动设置主体类，并为您设置为首页的任何页面分配.home类，因此不对您的.home footer应用显示，因此有关首页的页面ID的问题，CSS规则将起作用。

.home footer {
    display: none !important;
}

查看文档：{​​{3}}

此外，您还可以使用WordPress函数is_front_page()设置if语句，将其从DOM中隐藏起来，请参阅文档：https://developer.wordpress.org/reference/functions/body_class/

<?php if(!is_front_page()): ?>
   <footer>
     [...]
   </footer>
<?php endif; ?>