如何在WordPress中创建可过滤的投资组合?

时间:2017-10-29 08:15:22

标签: javascript php wordpress custom-post-type custom-taxonomy

我在WordPress中创建了一个投资组合自定义页面,到目前为止,我已经能够从自定义分类中获取类别。

现在我想要的是点击某个选项时,它应该使用自定义类别获取帖子。

这是我到目前为止所做的:



    <div class="row">
        <div class="col-lg-12">
            <div class="pull-right">
                <button class="btn btn-small btn-default" data-toggle="portfilter" data-target="all">All</button>
					<?php 
                        $terms = get_terms("portfolio_categories"); // Consigue todas las categorias del custom taxonomy.
                        $termsString .=  $term->slug;
                        $count = count($terms); //Cuantos categorias son?
                        if ( $count > 0 ){  //Si es que hay mas de uno
                            foreach ( $terms as $term ) {  //Para cada termino:
                                echo "<button class='btn btn-small btn-primary' data-toggle='portfilter' data-target='".$term->slug."'>".$term->name."</button>\n";
                            }
                        } 
                    ?>
            </div>
        </div>
    </div>
    <br/>

<div class="row">
		<?php
          $portfolio_query = new WP_Query(array('post_type' => 'portfolios','order' => 'DESC',));
        ?>     
<?php if($portfolio_query->have_posts()) : while($portfolio_query->have_posts()) : $portfolio_query->the_post(); $terms_portfolio = get_the_terms( get_the_ID(), 'portfolio_categories'); ?>
        <div class="col-md-4" data-tag="<?php echo $terms_portfolio[0]->slug; ?>">
            <div class="thumbnail">
            <?php if(has_post_thumbnail()) : ?>
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('portfolio-page'); ?></a>
            <?php endif; ?>
                <div class="caption">
                    <a href="<?php the_permalink(); ?>"><h4><?php the_title(); ?></h4></a>
                </div>
            </div>
        </div>
		<?php endwhile; ?>
        <?php  else : ?>
        <div class="alert alert-danger text-center"><p>Ningun portfolio encontrado</p></div>
        <?php endif; ?>
</div>
&#13;
&#13;
&#13;

类别工作正常,但我仍然无法获得data-tag

内的<div class="col-md-4" data-tag="this is what I need">的slu ..

有人可以帮帮我吗?

以下是当前状态:

enter image description here

1 个答案:

答案 0 :(得分:0)

使用它:

$terms_portfolio = get_the_terms( get_the_ID(), 'portfolio_categories');

<div class="col-md-4" data-tag="<?php echo $terms_portfolio[0]->slug); ?>">