Wordpress上Post标签的同位素过滤

我已经做了同位素过滤，按类别过滤帖子。但我也需要在同一页上按标签过滤帖子。我还是wordpress的新手，所以我真的希望有人能给我一些建议。非常感谢

您需要回显类中的标记，以便同位素可以识别过滤器

同位素现场见下表：

<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>

全部展示
金属
过渡
碱和碱土
不过渡
金属而非过渡金属

看一看

从理论上讲，它的工作原理应该与类别相同

看