Question

我想通过四种不同的选择进行下拉。当用户单击选项时，我希望页面加载（没有提交按钮）自定义帖子类型的特定类别。在第一页加载时，应加载第一个选择（啤酒（日期））。

我的页面模板知道

<div id="main-content" class="main-content">
  <div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">
        <div class="post-section container-fluid">

                <?php
                $args = array('post_type' => 'beers', 'cat'=>4, 'orderby' => 'date', 'order' => 'ASC');
                $the_query = new WP_Query($args);
                if ($the_query->have_posts()) :
                    $counter = 0;
                    while ($the_query->have_posts()) : $the_query->the_post();
                        if ($counter % 4 == 0) :
                            echo $counter > 0 ? "</div>" : ""; // close div if it's not the first
                            echo "<div class='beer-section beer-group'>";
                        endif;
                ?>

                <div class="beer-col span_3_of_12 beer-box">
                    <?php
                        $attachment_id = get_field('beer_image');
                        $size = "large";
                        $image = wp_get_attachment_image_src( $attachment_id, $size );
                    ?>
                    <img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>">
                    <a href="<?php the_permalink(); ?>">
                        <div class="overbox">
                            <div class="vertical-align">
                                <p><?php the_title(); ?></p>
                                <hr>
                                <p><?php the_field('beer_slogan'); ?></p>
                                <p><?php the_field('beer_abv'); ?></p>
                                <p><span class="icon-arrow-r"></span></p>
                            </div>
                        </div>
                    </a>
                </div>

                <?php
                    $counter++;
                    endwhile;
                    endif;
                    wp_reset_postdata();
                ?>

        </div>
    </div>
</div>

选择下拉列表的四个应该是：

“啤酒（日期）” - 'cat'=＆gt; 4，'orderby'=＆gt; 'date'，'order'=＆gt; 'DESC'的

“啤酒（A-Z）” - 'cat'=＆gt; 4，'orderby'=＆gt; 'title'，'order'=＆gt; 'ASC'的

“小桶（日期）” - 'cat'=＆gt; 5，'orderby'=＆gt; 'date'，'order'=＆gt; 'DESC'的

“小桶（A-Z）” - 'cat'=＆gt; 5，'orderby'=＆gt; 'title'，'order'=＆gt; 'ASC'的

我知道它需要一些表单代码和if，否则if语句但是我无法使它工作。我非常感谢你的帮助！

Wordpress - 基于下拉值的自定义帖子类型排序

0 个答案: