I have my template taxonomy-$taxonomy.php (here, 'catmaison').

In this taxonomy, I have 3 terms ('au-fil-du-temps', 'elaboration-distillation', 'plantes-epices').

Each terms of this taxonomy are displayed in my main menu.

I would like to display the first post of each term when i click in the menu.

Example : When I click on 'Au Fil Du Temps' in the menu, i would like to display the first post.

You can see my current code bellow :

<?php get_header(); ?>

<!-- CONTENT PAGE -->
<section class="sous-pages ptb-60" id="product-page" style="background: url('<?php echo $image['url']; ?>'); height: 700px;">
    <div class="container">

        <h1>taxonomy catmaison</h1>

        <div class="row">

            <?php

            $args = array(
                'post_type'             => 'maison',
                'posts_per_page'        => 1,
                'orderby'               => 'ASC',
                'ignore_sticky_posts'   => 1,
                'tax_query' => array(
                    'relation' => 'OR',
                    array(
                        'taxonomy' => 'catmaison',
                        'field'    => 'slug',
                        'terms'    => 'au-fil-du-temps',
                    ),
                    array(
                        'taxonomy' => 'catmaison',
                        'field'    => 'slug',
                        'terms'    => 'elaboration-distillation',
                    ),
                    array(
                        'taxonomy' => 'catmaison',
                        'field'    => 'slug',
                        'terms'    => 'plantes-epices',
                    ),
                ),
            );

            // Custom query.
            $query = new WP_Query( $args );

            // Check that we have query results.
            if ( $query->have_posts() ) {

            // Start looping over the query results.
            while ( $query->have_posts() ) {

            $query->the_post();

            ?>                

                <!-- PAGE CONTENT -->
                <div class="col-xl-4 offset-xl-6 product-type-2">
                    <h1>single produit</h1>
                    <h2><?php the_title(); ?></h2>
                    <hr>
                    <p class="intro-texte pb-20"><?php the_field('page_introduction'); ?></p>
                    <p><?php the_field('project_description'); ?></p>
                </div>

                <div class="col-xl-12">
                    <div class="float-left"><?php previous_post_link('%link','<img src="' . get_bloginfo("template_directory") . '/img/general/arrow_left_shadow.png" />'); ?></div>
                    <div class="float-right"><?php next_post_link('%link','<img src="' . get_bloginfo("template_directory") . '/img/general/arrow_right_shadow.png" />'); ?></div>
                </div>
                <!-- PAGE CONTENT -->

            <?php

            } // End while 
            } // End if

            else { echo '<p>Aucune actualité trouvée</p>'; } ?>

            <?php wp_reset_postdata(); ?> 

        </div><!-- End Row -->

    </div>
</section>