通过单击或下拉列表将Wordpress循环顺序从“ desc”更改为“ asc”

Question

我是PHP新手，需要执行以下操作：

•创建一个下拉菜单或链接，以在选择或单击时将WordPress循环从“ desc”更改为“ asc”。

这是我的循环代码：

<?php
    global $wp_query; $post; $post_id = $post-> ID;
    $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
    rewind_posts();
    $temp = $wp_query;
    $wp_query = NULL;

    $post_type = 'post'; // change this to the post type you want to show
    $show_posts = '20'; // change this to how many posts you want to show
    $category_name = 'used-cars'; // change this to the category name you need
    $order_by = 'meta_value_num';
    $meta_key = 'price';
    $order = 'desc' 

  ?>


  <?php $wp_query = new WP_Query( 'category_name=' . $category_name . '&post_type=' . $post_type . '&posts_per_page=' . $show_posts . '&paged=' . $paged . '&orderby=' . $order_by . '&meta_key=' . $meta_key . '&order=' . $order ); ?>

      <?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

      <div style="width: 670px; height: 170px; border-bottom: 3px solid #ccc; width: 100%; padding-top: 20px;">

        <!-- POST THUMB -->

        <div style="float: left; width: 150px;">

          <?php if ( has_post_thumbnail() ) : ?>

            <a href="<?php the_permalink() ?>"><?php the_post_thumbnail( 'thumbnail' ); ?></a>

          <?php else : ?>

            <div style="width: 150px; height: 150px; border: 1px solid #efefef;">

              <p style="text-align: center; margin-top: 60px;">No Pictures Available</p>

            </div>

          <?php endif; ?>

        </div>

        <!-- POST CONTENT RIGHT -->

        <div style="float: left; margin: 0px 0 0 20px; width: 450px;">

            <div style="float: left; width: 245px; height: 150px;">

            <!-- POST INNER LEFT -->

            <h2 style="margin-bottom: 20px; font-size: 16px;"><a class="loop-link" href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>

              <div style="float: left; width: 70px; height: 120px;">
                <p style="font-size: 12px;"><strong>Year/Reg:</strong></p>
                <p style="font-size: 12px;"><strong>Fuel Type:</strong></p>
                <p style="font-size: 12px;"><strong>Colour:</strong></p>
                <p style="font-size: 12px;"><strong>Mileage:</strong></p>
                <p style="font-size: 12px;"><strong>Gearbox:</strong></p>
              </div>

              <div style="float: left; width: 70px; height: 120px; text-align:right;">
                <p style="font-size: 12px;"><?php the_field('year-reg'); ?></p>
                <p style="font-size: 12px;"><?php the_field('fuel_type'); ?></p>
                <p style="font-size: 12px;"><?php the_field('colour'); ?></p>
                <p style="font-size: 12px;"><?php the_field('mileage'); ?></p>
                <p style="font-size: 12px;"><?php the_field('gearbox'); ?></p>
              </div>

            </div>

            <!-- POST INNER RIGHT -->

            <div style="float: right; margin: 0; width: 170px; height: 150px; border-left: 1px solid #efefef; text-align: right;">

                <h2>Price: <?php the_field('price'); ?></h2>

                <br>


                <a class="view-button" href="<?php the_permalink(); ?>">VIEW THIS USED CAR</a>
                <br>
                <br>
                <br>
                <br>

                <!-- SHARE BUTTONS -->

                    <p>SHARE THIS CAR</p>
                    <span class='st_facebook'></span>
                    <span class='st_twitter'></span>
                    <span class='st_googleplus'></span>
                    <span class='st_linkedin'></span>
                    <span class='st_pinterest'></span>
                    <span class='st_email'></span>

            </div>

        </div>



      </div>

      <?php endwhile; ?>

  <?php wp_reset_query(); ?>

该代码用于汽车网站，您可以在此处查看页面：

http://temp51.clrs-hosting.co.uk/used-cars

我已经花了几天时间寻找解决方案，但是，我还没有找到任何解决方案。 再次，正如我所说，我是PHP的新手，所以任何帮助或建议都将非常有用。 有什么想法吗，网友？

Slainté。

Answer 1

使用以下代码，现在使用filename.php？order = desc或filename.php？= order = asc调用文件

它会改变

            <?php
                global $wp_query; $post; $post_id = $post-> ID;
                $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
                rewind_posts();
                $temp = $wp_query;
                $wp_query = NULL;

                $post_type = 'post'; // change this to the post type you want to show
                $show_posts = '20'; // change this to how many posts you want to show
                $category_name = 'used-cars'; // change this to the category name you need
                $order_by = 'meta_value_num';
                $meta_key = 'price';
                $order = ($_GET["order"]);; 

              ?>


              <?php $wp_query = new WP_Query( 'category_name=' . $category_name . '&post_type=' . $post_type . '&posts_per_page=' . $show_posts . '&paged=' . $paged . '&orderby=' . $order_by . '&meta_key=' . $meta_key . '&order=' . $order ); ?>

                  <?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

                  <div style="width: 670px; height: 170px; border-bottom: 3px solid #ccc; width: 100%; padding-top: 20px;">

                    <!-- POST THUMB -->

                    <div style="float: left; width: 150px;">

                      <?php if ( has_post_thumbnail() ) : ?>

                        <a href="<?php the_permalink() ?>"><?php the_post_thumbnail( 'thumbnail' ); ?></a>

                      <?php else : ?>

                        <div style="width: 150px; height: 150px; border: 1px solid #efefef;">

                          <p style="text-align: center; margin-top: 60px;">No Pictures Available</p>

                        </div>

                      <?php endif; ?>

                    </div>

                    <!-- POST CONTENT RIGHT -->

                    <div style="float: left; margin: 0px 0 0 20px; width: 450px;">

                        <div style="float: left; width: 245px; height: 150px;">

                        <!-- POST INNER LEFT -->

                        <h2 style="margin-bottom: 20px; font-size: 16px;"><a class="loop-link" href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>

                          <div style="float: left; width: 70px; height: 120px;">
                            <p style="font-size: 12px;"><strong>Year/Reg:</strong></p>
                            <p style="font-size: 12px;"><strong>Fuel Type:</strong></p>
                            <p style="font-size: 12px;"><strong>Colour:</strong></p>
                            <p style="font-size: 12px;"><strong>Mileage:</strong></p>
                            <p style="font-size: 12px;"><strong>Gearbox:</strong></p>
                          </div>

                          <div style="float: left; width: 70px; height: 120px; text-align:right;">
                            <p style="font-size: 12px;"><?php the_field('year-reg'); ?></p>
                            <p style="font-size: 12px;"><?php the_field('fuel_type'); ?></p>
                            <p style="font-size: 12px;"><?php the_field('colour'); ?></p>
                            <p style="font-size: 12px;"><?php the_field('mileage'); ?></p>
                            <p style="font-size: 12px;"><?php the_field('gearbox'); ?></p>
                          </div>

                        </div>

                        <!-- POST INNER RIGHT -->

                        <div style="float: right; margin: 0; width: 170px; height: 150px; border-left: 1px solid #efefef; text-align: right;">

                            <h2>Price: <?php the_field('price'); ?></h2>

                            <br>


                            <a class="view-button" href="<?php the_permalink(); ?>">VIEW THIS USED CAR</a>
                            <br>
                            <br>
                            <br>
                            <br>

                            <!-- SHARE BUTTONS -->

                                <p>SHARE THIS CAR</p>
                                <span class='st_facebook'></span>
                                <span class='st_twitter'></span>
                                <span class='st_googleplus'></span>
                                <span class='st_linkedin'></span>
                                <span class='st_pinterest'></span>
                                <span class='st_email'></span>

                        </div>

                    </div>



                  </div>

                  <?php endwhile; ?>

              <?php wp_reset_query(); ?>