Wordpress上张贴标签的同位素过滤

Question

我已经完成了同位素过滤，可以按类别过滤帖子。但我也需要在同一页面上通过标签过滤帖子。我对wordpress还是个新手，所以我真的希望有人能给我一些关于如何做到这一点的建议。非常感谢！

Answer 1

您需要回声类中的标签，以便同位素能够识别过滤器。

同位素位置见下文：

<div id="container">
  <div class="item transition metal">...</div>
  <div class="item post-transition metal">...</div>
  <div class="item alkali metal">...</div>
  <div class="item transition metal">...</div>
  <div class="item lanthanoid metal inner-transition">...</div> 
  <div class="item halogen nonmetal">...</div> 
  <div class="item alkaline-earth metal">...</div>
  ...
</div>

源

然后你需要回显标签列表，并调整你的代码以过滤点击。

<div id="filters" class="button-group">
  <button data-filter="*">show all</button>
  <button data-filter=".metal">metal</button>
  <button data-filter=".transition">transition</button>
  <button data-filter=".alkali, .alkaline-earth">alkali & alkaline-earth</button>
  <button data-filter=":not(.transition)">not transition</button>
  <button data-filter=".metal:not(.transition)">metal but not transition</button>
</div>

看看这里。

从理论上讲，它应该和类别一样起作用。

参见