如何实现数据筛选器？

Question

我写了一些php，我输出帖子，标题，图片。我目前拥有的三个帖子被添加到两个类别中。所以我必须对这3个帖子进行分类。现在，我希望，如果客户点击其中一个类别，我只希望显示该帖子。

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

        <?php
    }

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

        echo $text;

    }

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

        echo $overskrift;

    }
}

Answer 1

HTML

显示类别选项卡的代码

<ul class="filter-list list-inline nav nav-tabs" role="tablist"><li role="presentation" class="cat_li">
<a href="# Your Category slug 1" aria-controls="# Your Category slug 1" role="tab" data-toggle="tab" title="# Your Category Name" data-placement="bottom" ><span>#Your Category Name</span></a>
<a href="# Your Category slug 2" aria-controls="# Your Category slug 2" role="tab" data-toggle="tab" title="# Your Category Name" data-placement="bottom" ><span>#Your Category Name</span></a></li></ul>

在这里你需要为特定类别添加帖子

<div class="tab-pane" id="Your Category slug 1">Your Category posts</div>
<div class="tab-pane" id="Your Category slug 2">Your Category posts</div>

CSS

.tab-pane {
padding: 15px 0;
display: none;

}

注意：您需要为此功能添加引导程序..

对于相同的，请参阅下面的链接

Reference Link

​