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

【问题标题】：PHP - Hide Element Only On Home Page - WordPress SitePHP - 仅在主页上隐藏元素 - WordPress 网站
【发布时间】：2019-01-28 01:50:57
【问题描述】：

在我的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/

我查看了其他建议使用 JQuery 这样做的 stackoverflow 文章，我已将其添加到我的 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();
    }
  });

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

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

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

这是一个 WordPress 网站和那里的自定义。感谢任何帮助/建议/教育！

【问题讨论】：

developer.wordpress.org/reference/functions/is_front_page 不要用 jQuery 隐藏它，如果它是首页就不要放在页面上。
同意在 PHP 中这样做更有意义，但只是为了将来参考 CSS 不起作用，因为您的主题没有将习惯类添加到 body 标签（虽然实际上只是一个.website-by 选择器可能会起作用），并且 jQuery indexOf 不起作用，因为它重定向到没有尾随 / 的站点 url。

标签： php jquery html wordpress wordpress-theming

【解决方案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>

【讨论】：

出现在除主页之外的任何地方，正确。谢谢你的回答——我没想过只用 PHP 来做。这有效！