如果页面位于Wordpress中的正前方，则删除footer.php文件中的类

Question

我在页脚中有以下HTML div：

<div class="container mt-5 space-1">

如果页面是mt-5，那么删除该类的最简单方法是什么？谢谢。

Answer 1

<div class="container<?php (is_front_page()) ? "" : " mt-5"; ?> space-1">

或

<div class="container<?php (is_front_page() && is_home()) ? "" : " mt-5"; ?> space-1">

Answer 2

在javascript中，您将获得front-page.php文件的url，并执行以下操作：

var url = /* get your front page url */

if(url == 'front-page-url') {
    if($('div.container').hasClass('mt-5')) {
      $('div.container').removeClass('mt-5')
    }
}

我希望这会有所帮助。

Answer 3

is_front_page()

确定查询是否针对网站的首页。

if ( is_front_page() ) :
  ?>
  <script>
jQuery(document).ready(function(){
   if(jQuery('div.container').hasClass('mt-5')) {
      jQuery('div.container').removeClass('mt-5')
    }
});
</script>
  <?php
endif;

根据@magnus-eriksson的评论，

正确的方法是在footer.php中有页脚，其中包括需要它的位置。无论哪种方式，如果页脚代码将存在于多个文件中，则其中只有一个将被加载到首页。所以你只需要改变那个。使用javascript绝对不是正确的方法。另外，这实际上是用类加载页面，然后在加载页面后删除类(这意味着您可能会注意到页脚的更改)。

编辑footer.php文件添加条件状态：

if ( is_front_page() ) {
  echo '<div class="container space-1">';
} else {
  echo '<div class="container mt-5 space-1">';
}

有用的链接：

如何创建静态frontpage

Page

如何管理多页脚

Templates

https://www.webascender.com/blog/create-multiple-headers-footers-wordpress/