Как прикрутить Isotope к Wordpress?

Question

[kid777]

Здравствуйте, есть такой код в файле archive-orders.php:

<div class="row">
                <div class="col-lg-12 col-ld-12">
                    <div class="isotope-filters">
                        <button data-filter="" class="active">Все</button>
                        <button data-filter=".toyota">toyota</button>
                        <button data-filter=".nissan">nissan</button>
                        <button data-filter=".mitsubishi">mitsubishi</button>
                        <button data-filter=".mazda">mazda</button>
                        <button data-filter=".honda">honda</button>
                    </div>
                    <div class="isotope column-4">
                    <?php if (have_posts('')) : while (have_posts()) : the_post(); ?>
                        <?php ale_part( 'orders-post-preview' );?>
                    <?php endwhile; else: ?>
                        <?php ale_part('notfound')?>
                    <?php endif; ?>
                     </div>
                </div>
            </div>

В нем подключается файл orders-post-preview.php с таким содержанием:

<div class="grid-item"> /// К ЭТОМУ ДИВУ НУЖНО ДОБАВЛЯТЬ КЛАСС ДЛЯ ФИЛЬТРАЦИИ
        <div class="car-item text-center">
            <div class="car-image">
                <a href="<?php the_permalink(); ?>">
                    <?php if(get_the_post_thumbnail($post->ID,'orders-thumba')){
                        echo get_the_post_thumbnail($post->ID,'orders-thumba');
                    } else { ?>
                        <img src="http://placehold.it/750x321" class="img-responsive" >
                    <?php } ?>
                </a>
                <div class="car-overlay-banner">
                    <ul>
                        <li><a href="#"><i class="fa fa-link"></i></a></li>
                        <li><a href="#"><i class="fa fa-dashboard"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="car-list">
                <ul class="list-inline">
                    <li><i class="fa fa-registered"></i> 2017</li>
                    <li><i class="fa fa-cog"></i> Manual </li>
                    <li><i class="fa fa-dashboard"></i><?php echo get_post_meta($post->ID, 'mileage', true); ?></li>
                </ul>
            </div>
            <div class="car-content">
                <div class="star">

                </div>
                <a href="#"><?php the_title(); ?></a>
                <div class="separator"></div>
                <div class="price">
                    <span><?php echo get_post_meta($post->ID, 'price', true); ?></span>

                </div>
            </div>
        </div>

Как добавить слаг таксономии в класс тега div? Таксономии созданы(в моем случае марки авто), как настроить фильтрацию по таксономиям? Можно пример кода или ссылку на рабочий вариант. Помогите плиз, очень нужно!

Answer 1

[E]

Если я все правильно понял, то:
судя по всему у вас марка хранится в мета поле, если да, то:

<div class="grid-item <?php echo get_post_meta($post->ID, 'brand', true); ?>">

brand поменяйте на название своего поля.

Answer 2

[kid777]

Сделал через такой фильтр

function category_id_class($classes) {
    global $post;
    foreach((get_the_category($post->ID)) as $category)
        $classes[] = $category->category_nicename;
    return $classes;
}
add_filter('post_class', 'category_id_class');