通过 Wordpress 上的帖子标签进行同位素过滤答案

【问题标题】：Isotope Filtering by Post Tags on Wordpress通过 Wordpress 上的帖子标签进行同位素过滤
【发布时间】：2015-02-09 02:53:09
【问题描述】：

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

【问题讨论】：

标签： wordpress post tags filtering

【解决方案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>

Source

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

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

看看here。

理论上它应该与类别相同。

见

【讨论】：