在首页上显示dofollow但在子页面上隐藏

Question

使用WordPress，我的页脚小部件中有两个链接。一个是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; ?>