Что получаем в итоге? Запрашиваем для каждого поста в цикле соответствующие ему категории и добавляем их в class нужного нам тега. В нашем случае получаем такой HTML-код на выходе:
Далее осталось дело за малым – нам нужен JS или jQuery-скрипт примерно такого вида:

1

<!--?php function the_category_unlinked($separator = ' ') { $categories = (array) get_the_category(); $thelist = ''; foreach($categories as $category) { // concate $thelist .= $separator . $category->category_nicename; } echo $thelist; } ?-->

Логика скрипта: при клике на ссылку читаем её атрибут href (например, wordpress) и проверяем весь массив постов (наших работ из портфолио) на предмет: если у данного поста нет класса wordpress, то его нужно скрыть. В нашем случае мы скрываем посты путём добавления им класса c соответствующими стилями:

1
2
3
4
5
6
7
8
9
10

$('#works .links a').on( "click", function(event) {
 event.preventDefault();
 var $attrName = $(this).attr('href');
 $('#works #da-thumbs li').each(function(index, element){
  $(element).removeClass("worktohide");
  if(!$(element).hasClass($attrName)) {
   $(this).addClass("worktohide");
  }
 })
})

В итоге получим такой результат (дублирую первое изображение данной статьи):

Получили способ динамической фильтрации постов без применения AJAX.