PHP - 仅在主页上隐藏元素 - WordPress 网站

Question

在我的footer.php文件中，我在文件末尾有一段代码:

<?php wp_footer(); ?> 

<div class="website-by">
<br>
Website by <a href="https://gatewaywebdesign.com/" target="blank">Gateway Web Design</a>
</div>

</div>
</body>

如您所见，我创建了一个“网站”链接，单击该链接会链接到另一个网站。

但我不希望此文本或包含它的 div 出现在网站的主页上:

https://thehamburgercollection.com/

我检查了其他 stackoverflow 文章，建议使用 JQuery 这样做，我已将其添加到我的 scripts.js 中文件:

//hide link on the home page
document.ready(function() {
    if (window.location.href.indexOf('https://thehamburgercollection.com/')) {
      //Hide the element.
      jQuery('.website-by').hide();
    }
  });

我还尝试使用 CSS 隐藏主页上的 div，即 suggested here :

.home .website-by {
    display: none;
}

但不幸的是，这些方法都不起作用。我已将我的类(class)声明为 website-by在 footer.php文件，并添加了应针对该类的 JQuery scripts.js文件，并且还添加了建议的 CSS。知道为什么 JQuery 或 CSS 代码不起作用吗？

这是一个 WordPress 网站，也是一个自定义网站。任何帮助/建议/教育表示赞赏!

Answer 1

我不是 WordPress 专家，但您是否尝试过在 footer.php 中执行 if 条件？如果我的问题正确，您需要 .website-by 不出现在主页以外的其他地方。也许类似

<?php wp_footer(); ?> 

<?php if (!is_home()): ?>
    <div class="website-by">
    <br>
    Website by <a href="https://gatewaywebdesign.com/" target="blank">Gateway Web Design</a>
    </div>
<?php endif; ?>

</div>
</body>