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

Question

使用WordPress，我的Footer小部件中有两个链接。

一个是dofollow链接，另一个是nofollow链接。

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

我想知道是否可以使用CSS，或者我是否需要使用JQuery。

我试过使用下面的代码，但什么也没得到：

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

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

任何建议或反馈都将非常感谢。

Answer 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; ?>