在 WP 上添加自定义的“按日期排序”按钮

我正在寻找一种在 WP 循环中创建“按日期排序”自定义按钮的方法，该网站在 _S 主题下运行（实际上是从头开始运行）。

在下面的部分，我做了一个过滤系统像这一个，但我需要建立一个日期过滤系统了。

在这个循环中，文章默认显示（我猜是按日期 DESC ？）。

我知道如何使用 WP 功能获取日期，但在那之后，我有点挣扎。

有什么想法吗？

谢谢 ：）

<div class="wrap-tags container">
        <div class="row">
            <ul class="filters">
                <li>Filtres</li>
                <li><a href="javascript:void(0)" class="date">Date</a></li>
                <li><a href="javascript:void(0)" class="trigger">Tags</a></li>
            </ul>
            <ul class="tags">
                <li><button class="link" data-rel="all" href="javascript:void(0)">ALL</button></li>
                <li><button class="link" data-rel="un" href="javascript:void(0)">Un</button></li>
                <li><button class="link" data-rel="deux" href="javascript:void(0)">Deux</button></li>
                <li><button class="link" data-rel="trois" href="javascript:void(0)">Trois</button></li>
                <li><button class="link" data-rel="quatre" href="javascript:void(0)">Quatre</button></li>
            </ul>
        </div>
    </div>

    <section class="container blog-article-actu">
            <div class="row">

    <?php
    $the_query = new WP_Query('showposts=-1');

    while ($the_query->have_posts()) : 
    $the_query->the_post();
    $catObj = get_the_category();
    $get_the_tags = get_the_tags();

        ?>

        <article class="blog-article-actu-article all <?php foreach ($get_the_tags as $leTab){ echo $leTab->name . " "; } ?>" style="background:url('<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' ); ?><?php echo $url ?>');">
            <div class="blog-article-actu-article-top">
                <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
                <div class="details-blog-article-actu">
                    <div class="blog-article-actu-date">
                        <span class="day"><?php the_time( 'd' ) ?></span>
                        <span class="month"><?php the_time( 'F' ) ?></span>
                    </div>

                </div>
            </div>

        </article>

    <?php  // End of the loop.
    endwhile;
    ?>

            </div>
    </section>