Как отфильтровать комментарии по годам и вывести кнопки с кол-ом ком-ев за год?

Question

[aftar]

Добрый день!
Подскажите плиз как реализовать данную тему.
Нужно отфильтровать комментариев по годам, вывести кнопки с их количеством.
И соответственно по клику выводить комментарии за этот год.

Сильно не ругайте, это первый сайт на WP)



comments.php

<?php if ( post_password_required() ) { return; } ?>

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

					<div class="reviews__main-items">
						<?php if( function_exists('mytheme_comment') ) {

							// как статически выводить за год
							$args = array(
					         'orderby' => 'date',
					         'status' => 'approve',
					         'order' => 'DESC',
					         'date_query' => array(
					                array(
					                'year' => '2019',
					                  )
					               )
					            );

							$comments = get_comments($args);

							// Формируем вывод списка полученных комментариев
							wp_list_comments(array(
								'style'         => 'div',
								'callback'      => 'mytheme_comment',
								'type'          => 'all',
								'reverse_top_level' => true,
							), $comments);

						} ?>
					</div>

					<?php else: ?>
						<p class="comments-title">Пока нет комментариев. Будь первым!</p>		
					<?php endif; ?>

					<?php paginate_comments_links(); ?>

functions.php

// шаблон вывода комментариев
function mytheme_comment($comment, $args, $depth){
    $GLOBALS['comment'] = $comment; ?>
		<div class="reviews__item" <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
			
		<div class="reviews__item-person">
	    	<?php printf(__('<div class="reviews__item-person-name">%s</div> '), get_comment_author_link()) ?>
	    	<?php printf(__('<p class="reviews__item-person-date">%s</p> '),  get_comment_date()) ?>
		</div>
		<div class="reviews__item-descr">
			<p><?php comment_text() ?></p> 
		</div>
 	<?php 
}

Заранее спасибо!

Answer 1

[Артем Золин]

Не думаю, что это возможно реализовать одним запросом и скорее всего для каждого года вам нужно делать собственный запрос. В этом случае общая логика будет выглядеть следующим образом:

$commentYear = (int) '2014'; // первый год комментариев

// запускаем цикл до текущего года
while ( $commentYear <= date('Y') ) {
	
	$comments = get_comments( array( 
		'orderby' => 'date',
		'status' => 'approve',
		'order' => 'DESC',
		'date_query' => array(
			array(
				'year' => $commentYear
			)
		)
	) );

	if ( $comments ) {
		// пишем вывод
	}

	$commentYear++;
}

Тут мы просто устанавливаем стартовый год и в цикле получаем все до текущего включительно

Скорее всего ваши кнопки это совсем не кнопки, а просто табы и при клике переключают контентные блоки с комментариями. Теперь вам достаточно найти любой удобный вам скрипт с табами и собрать две переменные - с кнопками и с контентом и вывести их

Comments

[aftar]

Привет друг, спасибо, 2 раз помогаешь!
Получается с помощью твоей функции я вывел табы с количеством комментариев.

Теперь получается фильтровать комментарии по клику на таб с помощью js?
Мысль такая добавить к карточке отзыва атрибут data-year присвоить год. И по клику на таб если год совпадает, то display: block, остальным display: none;

Или это плохой способ и лучше по другому как-то?)

Вот код как сделал

<div class="reviews__main-tabs">
						<?php 
							$commentYear = (int) '2014'; // первый год комментариев

							// запускаем цикл до текущего года
							while ( $commentYear <= date('Y') ) {
							  
							  $comments = get_comments( array( 
							    'orderby' => 'date',
							    'status' => 'approve',
							    'order' => 'DESC',
							    'date_query' => array(
							      array(
							        'year' => $commentYear
							      )
							    )
							  ) );

							  if ( $comments ) {
							  	$counts = count($comments);
							  	echo  "<div class='reviews__tab-wrapper'><a class='reviews__tab' href='#'><p>$commentYear г.</p><span>$counts отзывов</span></a></div>";
							  }

							  $commentYear++;
							}
						?>
					</div>


					<div class="reviews__main-items">
						<?php if( function_exists('mytheme_comment') ) {
							// Формируем вывод списка полученных комментариев
							wp_list_comments(array(
								'style'         => 'div',
								'callback'      => 'mytheme_comment',
								'type'          => 'all',
								'reverse_top_level' => true,
							), $comments);

						} ?>
					</div>

					<?php else: ?>
						<p class="comments-title">Пока нет комментариев. Будь первым!</p>		
					<?php endif; ?>

					<?php paginate_comments_links(); ?>

[Артем Золин]

aftar, у вас так не будет работать - кнопки вы собираете, а потом у вас выводятся все комментарии. Если же вы в цикле запустите вывод, то у вас будет идти кнопка-контент-кнопка-контент, поэтому я бы собирал их в отдельные переменные, а после уже выводил сначала весь контейнер с кнопками, потом контейнер с комментариями

Ссылки вы выводите тоже не очень правильно. Не знаю работает у вас или нет, но подсветка показывает, что нет. Нужно так:

echo  '<div class="reviews__tab-wrapper"><a class="reviews__tab" href="#"><p>' . $commentYear . ' г.</p><span>' . count($comments) . ' отзывов</span></a></div>';

К тому же все строки с русским текстом должны быть написаны на английском и обернуты в функции вида __(), после чего их нужно перевести. А слово отзывы нужно переводить в зависимости от контекста, потому что "один отзыв", "два отзыва" и только "пять+ отзывов"

Сами табы можете взять любые, например на codepen или bootstrap

[aftar]

Артем Золин, я и вывожу сначала контейнер с табами, а затем с отзывами. Слова отзыв, отзывы.. я поправил.
Вот как это дело выводится.

<div class="reviews__main-tabs">
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2018 г.</p>
            <span>1 отзыв</span>
        </a>
    </div>
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2019 г.</p>
            <span>1 отзыв</span>
        </a>
    </div>
    <div class="reviews__tab-wrapper">
        <a class="reviews__tab" href="#">
            <p>2020 г.</p>
            <span>7 отзывов</span>
        </a>
    </div>
</div>

<div class="reviews__main-items">
    <div class="reviews__item" data-year="2018" id="comment-2">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">Тест имя</div>
            <p class="reviews__item-person-date">17.11.2018</p>
        </div>
        <div class="reviews__item-descr">
            <p>тест</p>
        </div>
    </div>
    <div class="reviews__item" data-year="2019" id="comment-12">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">тестовое имя</div>
            <p class="reviews__item-person-date">17.11.2019</p>
        </div>
        <div class="reviews__item-descr">
            <p>тест</p>
        </div>
    </div>
    <div class="reviews__item" data-year="2020" id="comment-7">
        <div class="reviews__item-person">
            <div class="reviews__item-person-name">Тест имя</div>
            <p class="reviews__item-person-date">17.11.2020</p>
        </div>
        <div class="reviews__item-descr">
            <p>
                Комментарий 3
            </p>
        </div>
    </div>
</div>

и т.д.

Не понял зачем мне bootstrap))

Мне интересно как дальше фильтровать отзывы фильтром js или можно как-то через ajax передавать год и выводить соответственно.
Также не понял про английские буквы, чем это чревато...?