@Alexa_KyKi

Как вывести разные посты в разных табах WordPress?

Всем привет. У меня есть такая страница:
5f75ff095a7a4711656870.jpeg
Мне необходимо что бы в каждом табе выводились разные записи, при этом ajax подгрузка так же должна быть разной на разных табах. Попробовала сделать следующее: создала кастомный тип записи для этих записей, создала общую категорию Location с подкатегориями самих названий табов. Проблема в том, что все посты все равно выводятся на первой вкладке. Как правильнее реализовать данную задачу или где я допускаю ошибку, что все посты все равно в первом табе?
Вот код:

<div class="tabs-nav">
						<div class="row justify-content-center">
							<div class="col ">
								<div id="tabSlider" class="tabs-link-block">
									<?php $num = 0; $categories = get_categories('child_of=8');
									foreach( $categories as $key => $category) : ?>
										<span role="button" data-tab="<?php echo $num++; ?>"
											class="js-tab-btn tabs-link tabs-link-block__item <?php if($key == 0) : ?> tabs-link--isActive <?php endif; ?> "><?php echo $category->name; ?></span>
									<?php endforeach; ?>
								</div>
							</div>
						</div>
						<!-- /.row -->
					</div>
					<!-- /.tabs-nav -->
					<div class="page-location-content gallery">
						<?php $args = array(
							'posts_per_page' => 50,
							'post_type' => 'locations'
						);

						$query = new WP_Query( $args );

						// Цикл
						if ( $query->have_posts() ) : ?>
							<div class="tabs-content">
								<div class="row ">
									<?php while ( $query->have_posts() ) : $query->the_post(); ?>
											<div class="col-12">
												<div class="page-location-item">
													<div class="page-location-item__photo irof mb-3 mb-md-4">
														<?php the_post_thumbnail(); ?>
													</div>
													<p class="text-h1 text-h1--36 mb-3 mb-md-4 page-location-item__title"><?php the_title(); ?></p>
													<?php the_content(); ?>
												</div>
											</div>
											<!-- /.col-12  -->
									<?php endwhile; ?>
								</div>
								<!-- /.row -->
							</div>
						<?php endif; ?>
					</div>
					<!-- /.tabs-content -->
				</div>
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы