在Wordpress上通过帖子标签过滤同位素

时间:2015-02-09 02:53:09

标签: wordpress post tags filtering

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

1 个答案:

答案 0 :(得分:0)

您需要在类中回显标签,以便同位素可以识别过滤器。

从同位素位点见下文:

<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

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