在主页上显示 dofollow 但在子页面上隐藏答案

【问题标题】：Show dofollow on homepage but hide on subpage在主页上显示 dofollow 但在子页面上隐藏
【发布时间】：2020-06-16 23:48:27
【问题描述】：

使用 WordPress，我的页脚小部件中有两个链接。
一个是 dofollow 链接，另一个是 nofollow 链接。

我只需要在首页显示dofollow，而nofollow需要在每个子页面显示。

我想知道这是否可以通过 CSS 实现，或者我是否需要使用 JQuery。

我已经尝试使用以下代码，但没有取得任何成果：

.footer-dofollow:is(.page-id-123) { display: none; }

.footer-nofollow:not(.page-id-123) { display: none; }

任何建议或反馈将不胜感激。

【问题讨论】：

您正在编辑主题 .php 文件吗？如果是这样，您可以使用一些功能来检查它是主页还是其他页面。

标签： jquery css wordpress footer nofollow

【解决方案1】：

由于 page-id 类通常显示在 body 元素上，在 CSS 中你可以试试这个：

.page-id-123 .footer-dofollow {
  display: none;
}
.footer-dofollow {
  display: none;
}
.page-id-123 .footer-dofollow {
  display: inline;
}

其他方法是编辑小部件 .php 文件并使用 is_home() 函数检查它是否是主页。

<?php if (is_home()): ?>
  <a href="example.com" class="footer-dofollow">Link</alt>
<?php endif; ?>

<?php if (!is_home()): ?>
  <a href="example.com" class="footer-nofollow">Link</alt>
<?php endif; ?>

您也可以尝试使用is_front_page()。

<?php if (is_front_page()): ?>
  <a href="example.com" class="footer-dofollow">Link</alt>
<?php endif; ?>

<?php if (!is_front_page()): ?>
  <a href="example.com" class="footer-nofollow">Link</alt>
<?php endif; ?>

【讨论】：

所以我尝试了以下方法，但在包括主页在内的所有页面上都提供了 NoFollow 链接。有什么想法吗？ ` google.com/">DoFollow</a> google.com" rel="nofollow">NoFollow `
通常这取决于您主页的 Wordpress 配置。试试if (!is_front_page()) 而不是(!is_home())。