如何通过赋予<div's>数据属性在wordpress中添加过滤器系统

Question

我目前正在尝试实现数据过滤器系统。我想使用数据属性来做到这一点，在这里我可以按类别过滤帖子。我以前从未做过此事，所以我真的不知道从哪里开始。

我确实有自己的模板，可以在其中使用PHP进行发布。 假设我有6个类别的30个帖子。 假设“马”具有动物类，等等。 因此，当我点击动物类别时，我只会看到马，猴子等。

这是我的代码： 我确实添加了一些html，但是我没有添加它，因为我对于此特定帖子不是必需的。

$vorespartnere = get_posts( array(
'showposts'        => -1,
'post_type'        => 'partnere',
'orderby'          => 'order',
'suppress_filters' => false,
) );

    $terms = get_terms( array(
    'taxonomy' => 'partnere-kategorier',
    'hide_empty' => false,
) ); 


if ( ! empty( $vorespartnere ) ) {
  foreach ( $vorespartnere as $partnere ) {
    $image      = get_field( 'partner_logo', $partnere );
    $text       = get_field( 'partner_beskrivelse', $partnere  );
    $overskrift = get_field( 'partner_overskrift', $partnere  );

        if ( ! empty( $image ) && ! is_wp_error() ) {
        ?>
        <img src="<?php echo $image['url']; ?>" alt="">
        <?php
    }

    if ( ! empty( $text ) && ! is_wp_error() ) {

        echo $text;

    }

    if ( ! empty( $overskrift ) && ! is_wp_error() ) {

        echo $overskrift;

    }
  }
}