Javascript 如何在wordpress中添加过滤系统；分区'；s>；数据属性

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

我有自己的模板，我用PHP把帖子吐出来。 假设我有30篇文章，共6个类别。 比如说“马”有动物之类的类别。 因此，当我点击动物类别时，我只会看到马、猴子等

这是我的密码： 我确实添加了一些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;

    }
  }
}

$vorespartnere=get_posts（数组）(
“展示帖子”=>-1，
“post_type”=>“partnere”，
'orderby'=>'order'，
“抑制_过滤器”=>false，
) );
$terms=get_terms（数组(
“分类法”=>“partnere kategorier”，
“hide_empty”=>false，
) ); 
如果（！空（$vorespartnere））{
foreach（$vorespartnere作为$partnere）{
$image=get_字段（'partner_logo'，$partnere）；
$text=get_字段（'partner_beskrivelse'，$partnere）；
$overskrift=get_字段（'partner_overskrift'，$partnere）；
如果（！empty（$image）&&！is_wp_error（））{
?>
“alt=”“>
我没有看到任何关于的代码，你能添加它吗？让我把它放在一个网格中，然后我会重新发布它：）！