Question

我写了一些php，输出帖子，标题，图像。我目前拥有的三个职位已添加到2个类别。因此，我必须对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;

}

注意 您需要为此功能添加Bootstrap。

请参考以下链接

Reference Link

如何实现数据过滤器？

1 个答案: