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

How to create filterable portfolio in WordPress?

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

现在我想要的是当点击一个选项时,它应该获取带有自定义类别的 post。

这是我目前拥有的:

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

类别工作正常,但我仍然无法获取 <div class="col-md-4" data-tag="this is what I need">

data-tag 的别名

有人可以帮我解决这个问题吗?

这是当前状态:

使用这个:

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

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