按高级自定义字段（切换器）订购帖子

Question

我正在为房地产经纪人创建一个网站。有一个页面，其中列出了属性的图像，标题，摘录和2个自定义字段的位置和价格。我已经为该物业的大小（1-2个房间，3-4个房间，5-6个房间，房屋）插入了一个过滤器。客户还应该能够按位置（升序或降序）或价格（升序或降序）对属性进行排序，如当前网站所示：http://urbida-immo.ch/verkauf/urbida.php?typ=1

这是我现在的代码：

<div class="filter"> 
<input type="radio" id="reset" name="color"/>
<label for="reset">Alle</label>
<input type="radio" id="kategorie-1-2-zimmer" name="color"/>
<label for="kategorie-1-2-zimmer">1 - 2 Zimmer</label>
<input type="radio" id="kategorie-3-4-zimmer" name="color"/>
<label for="kategorie-3-4-zimmer">3 - 4 Zimmer</label>
<input type="radio" id="kategorie-5-6-zimmer" name="color"/>
<label for="kategorie-5-6-zimmer">5 - 6 Zimmer</label>
<input type="radio" id="kategorie-haeuser" name="color" />
<label for="kategorie-haeuser">Häuser</label>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class( 'cf' ); ?> role="article">
        <div class="col-1of3">
            <a href="<?php the_permalink() ?>"><?php
               if ( has_post_thumbnail() ) {
                   the_post_thumbnail('4zu3');
               }
            ?></a>
        </div>
        <div class="col-2of3">
            <h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
            <?php if (get_field( 'adresse' ) ): ?> 
                <p><?php the_field('adresse'); ?></p>
            <?php endif; ?>                                     
            <p><?php the_excerpt(); ?></p>
            <?php if (get_field( 'verkaufspreis' ) ): ?> 
                <p><?php the_field('verkaufspreis'); ?></p>
            <?php endif; ?> 
        </div>
    </article>

<?php endwhile; ?>                          
<?php endif; ?>