Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
<a href="домен/страница/">Будет</a> <a href="домен/страница/?was">Было</a>
<? $uri_parts = explode('?', $_SERVER['REQUEST_URI'], 2); ?> <div class="tabs"> <ul class="tab-menu tab-list"> <li<?php if($uri_parts != 'was'){ echo ' class="tab-list__item active"'; ?>><a href="#will-be">Будет</a></li> <li<?php if($uri_parts == 'was'){ echo ' class="tab-list__item active"'; ?>><a href="#was">Было</a></li> </ul> <div class="tab-content<?php if($uri_parts != 'was'){ echo ' active'; ?>" id="will-be"> <div class="rotate-block"> <?php $args = array( 'post_type' => 'cards', // Тип записи 'meta_type' => 'DATETIME', 'meta_query' => array( array( 'key' => 'data_cont', // Поле даты 'value' => date('Y-m-d'), // Только даты, которые еще не наступили 'compare' => '>=', 'type' => 'DATETIME' ) ), 'posts_per_page' => -1, 'orderby' => 'meta_value_num', 'meta_key' => 'data_cont', 'order' => 'ASC' ); $query = new WP_Query($args); if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); get_template_part('template-parts/content', 'cards'); endwhile; wp_reset_postdata(); else : echo '<p>Нет записей для отображения</p>'; endif; ?> </div> </div> <div class="tab-content<?php if($uri_parts == 'was'){ echo ' active'; ?>" id="was"> <div class="rotate-block"> <?php $args = array( 'post_type' => 'cards', // Тип записи 'meta_type' => 'DATETIME', 'meta_query' => array( array( 'key' => 'data_cont', // Поле даты 'value' => date('Y-m-d'), // Только даты, которые уже прошли 'compare' => '<', 'type' => 'DATETIME' ) ), 'posts_per_page' => -1, 'orderby' => 'meta_value_num', 'meta_key' => 'data_cont', 'order' => 'DESC' ); $query = new WP_Query($args); if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); get_template_part('template-parts/content', 'cards'); endwhile; wp_reset_postdata(); else : echo '<p>Нет записей для отображения</p>'; endif; ?> </div> <div class="load"> <button id="show-more">Показать ещё</button> </div> </div> </div>
Делаем 2 ссылки
А вот сам код, может не самый элегантный, но рабочий