同位素过滤与wordpress按类别

时间:2015-12-04 16:36:35

标签: javascript php wordpress jquery-isotope

我通过metafizzy脚本使用同位素,需要在我网站的项目页面上使用它,它工作正常但我想做的是按自定义帖子类别(组合类别)过滤,这里是该项目页面上的代码:

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

这是过滤器代码的链接,我在其中添加了类 http://goo.gl/y4cXLB

我想做的是,做一个自定义循环或PHP功能,以便我可以显示类别项目作为同位素过滤器。或者我想使用标签过滤同位素的帖子,如果这是一个简单的选择。 我不擅长wordpress功能和php,我通过web和同位素上的教程进行了所有集成,jquery以正确的方式实现。

我需要帮助来过滤帖子类别,或者一些功能,简单的解决方案。

1 个答案:

答案 0 :(得分:0)

有一个用于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/