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 中，您将获得url for front-page.php文件，并执行以下操作：

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">';
}

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

4 个答案: