按类别使用 wordpress 进行同位素过滤

Question

我正在通过 metafizzy 脚本使用同位素，需要在我网站的项目页面上使用它，它工作正常但我想做的是按自定义 post 类别（投资组合类别）进行过滤，这是该项目页面上的代码：

<div id="aside">
    <ul id="subMenu" class="accordionMenu" data-option-key="filter">                        
        <li class="dcjq-parent-li">
            <a href="#" class="dcjq-parent active">Tipologia<span class="dcjq-icon"></span>
            </a>
            <ul style="display: block;">
                <li><a href="#filter" data-filter="*" class="active">todos</a></li>
                <li><a href="#filter" data-filter=".residencial">Residencial</a></li>
                <li><a href="#filter" data-filter=".comercial">Comercial</a></li>
                <li><a href="#filter" data-filter=".cultural">Cultural</a></li>
                <li><a href="#filter" data-filter=".interiores">Interiores</a></li>
            </ul>
        </li>
        <li class="dcjq-parent-li">
            <a href="#" class="dcjq-parent">Datas<span class="dcjq-icon"></span></a>
            <ul style="display: none;">
                <li><a href="#filter" data-filter="*" class="actv">todos</a></li>
                <li><a href="#filter" data-filter=".1980, .1981, .1982, .1983, .1984">1980 - 1984</a></li><li><a href="#filter" data-filter=".1985, .1986, .1987, .1988, .1989">1985 - 1989</a></li><li><a href="#filter" data-filter=".1990, .1991, .1992, .1993, .1994">1990 - 1994</a></li><li><a href="#filter" data-filter=".1995, .1996, .1997, .1998, .1999">1995 - 1999</a></li><li><a href="#filter" data-filter=".2000, .2001, .2002, .2003, .2004">2000 - 2004</a></li><li><a href="#filter" data-filter=".2005, .2006, .2007, .2008, .2009">2005 - 2009</a></li><li><a href="#filter" data-filter=".2010, .2011, .2012, .2013, .2014">2010 - 2014</a></li>
            </ul>
        </li>                                   
    </ul>
</div>

这是过滤代码的 link，我在其中添加了类 http://goo.gl/y4cXLB

我想要做的是，做一个自定义循环或 php 函数，这样我就可以将类别项目显示为同位素过滤器。或者我想使用标签用同位素过滤 posts，如果这是一个简单的选择。我不擅长 wordpress 函数和 php，我通过网络和同位素教程进行了所有集成，jquery 以正确的方式实现。

我需要帮助来过滤 post 类别或一些功能，简单的解决方案。

Answer 1

wordpress 有一个同位素插件：http://mintthemes.com/isotope-for-wordpress/

如果您想自己集成同位素（使用类别过滤），这些教程（第 1 部分和第 2 部分）将引导您完成整个过程。

第 1 部分：http://www.aliciaramirez.com/2014/03/integrating-isotope-with-wordpress/

第 2 部分：http://www.aliciaramirez.com/2014/07/integrate-isotope-with-wordpress-part-2-categories/

按类别使用 wordpress 进行同位素过滤

Isotope filtering with wordpress by categories

javascript

php

wordpress

jquery-isotope