如果页面在Wordpress中是front-page.php，则删除footer.php文件中的类

Question

我在页脚中有以下HTML div：

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

如果页面是front-page.php，删除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">';
}

有用的链接：

如何创建静态首页

https://codex.wordpress.org/Creating_a_Static_Front_Page

如何管理多个页脚

https://codex.wordpress.org/Stepping_Into_Templates

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

Answer 4

如果页面是front-page.php并且div标签写在front-page.php文件中，那么我们可以在php脚本中添加以下条件以删除mt-5类

if(basename(__FILE__, '.php') === 'front-page.php') {
  echo '<div class="container space-1">';
} else {
  echo '<div class="container mt-5 space-1">';
}