Wordpress. Как фильтровать посты по категориям, ajax?

Question

[Дима Маликов]

Добрый день!
Столкнулся с проблемой, которую не могу решить. Надо сделать фильтрацию постов по категориям на ajax. Нашел как реализовали ребята, не могу это адаптировать под worpress (ссылка). Как и в этом примере у меня плитками расположены миниатюры постов, которые являются ссылками на сами посты.


Миниатюры выводятся таким циклом:
<?php
$query = new WP_Query( array(
'post_type' => 'post',
'posts_per_page' => -1
) );
?>

<?php
while ($query->have_posts()) :
$query->the_post();
?>

<-a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail('thumbnail'); ?><-/a>
<?php endwhile; ?>

Если кто-то сталкивался с подобным, пожалуйста, помогите или направьте на правильный путь.

Answer 1

[Игорь Воротнёв]

Сейчас вы циклом выводите все посты (posts_per_page равен -1). То есть, все посты у вас уже есть, аякс по большому счету не нужен - достаточно просто прятать ненужные элементы. Чтобы определить какой пост в какой рубрике, необходимо в вывод поста добавить дополнительный атрибут, через который вы ее будете отлавливать. Например

<?php $category = get_the_category(); // получить  ?>
<a href="<?php the_permalink() ?>" rel="bookmark" data-category="<?php echo $category[0]->cat_name; ?>">
    <?php the_post_thumbnail('thumbnail'); ?>
</a>

Далее уже в javascript при клике на ссылку в фильтре берете ее имя из $(this), проходитесь с помощью each() по всем постам, скрываете те, у которых data('category') не равен имени категории.

Еще раз, зачем аякс?

Comments

[Дима Маликов]

Спасибо большое! Понял, что аякс не нужен и как ссылкам на пост назначать имена категорий. Не понял как фильтровать эти ссылки. Если не затруднит, не могли привести пример?

[Игорь Воротнёв]

Дима Маликов: покажите код ссылок-фильтров

[Дима Маликов]

Игорь Воротнёв: если не сложно

[Игорь Воротнёв]

Дима Маликов: не сложно, только покажите ваши ссылки-фильтры (категории)

[Дима Маликов]

Игорь Воротнёв: я думал ссылки вывести с помощью wp_list_categories( );

[Игорь Воротнёв]

Дима Маликов: Ну так выводите :) И скидывайте результирующий html

[Дима Маликов]

Игорь Воротнёв: скинул код ниже

[alex-1917]

хорошо, когда всего 12 постов на сайте...)))
мне вот такое не подходит, 8000 постов, если выгружать их все на одну страницу по этой методе, то не то что айпады, игровые компы начнут орать благим матом, Серёжа Шнуров отдыхает...

[Игорь Воротнёв]

alex-1917, если их много, тогда конечно аякс. Начнем с того, что 'posts_per_page' => -1 вообще плохая практика. В данном конкретном вопросе речь о портфолио работ фотографа. В портфолио помещаются лучшие работы и их не так уж и много, поэтому такой вариант наиболее простой и эффективный.

[alex-1917]

Игорь Воротнёв, япро это и говорю))
хорошо, когда у фотографа в портфолио одна свадьба о 12фото, это так чудесно...

Answer 2

[Дима Маликов]

Игорь Воротнёв: Понял) вот ссылки:

<li class="categories">Рубрики
	<ul>
		<li class='cat-item-all'><a href='http://malikovblog.com.ua/'>all</a></li>	
		<li class="cat-item cat-item-7">
        <a href="http://malikovblog.com.ua/category/portrait/">portrait</a>
    </li>
		<li class="cat-item cat-item-5">
        <a href="http://malikovblog.com.ua/category/wedding/">wedding</a>
    </li>
	</ul>
</li>