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

У ACF для вывода значений кастомных полей есть функции the_field(), get_field(). Обе функции принимают 2 параметра - ID поста и имя кастомного поля. Поэтому, ваша задача в первую очередь сводится к получению 3х постов, что очень просто:

// параметры для получения постов
$args = array(
    'numberposts' => 3,
    'orderby' => 'rand', // рандомные 3 поста, удалите строку если надо последние 3
);
// получаем массив постов
$posts_array = get_posts( $args );
// проходимся циклом по массиву постов
foreach( $posts_array as $post ) {
    echo '<h1>'.$post->post_title.'</h1>';
    echo '<img src="'.get_field( $post->ID, 'custom_field_name' ).'">';
}

Второй echo выводит URL из кастомного поля в тег IMG, чтобы это работало, в настройках этого поля в ACF укажите в качестве return чтобы поле возвращало именно URL.

У DataTable() нет опции date, есть опция с именем data.

Сейчас вы циклом выводите все посты (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') не равен имени категории.

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

Вопрос старый, но может будущим поколениям будет полезно.
Да, можно. Принимаете данные через POST со своей формы и используете функции
wp_insert_post() / wp_update_post()
add_post_meta() / update_post_meta()

О боги! Такое ощущение, что все начинающие работать с WordPress учатся по одному какому-то старому уроку, написанному таким же начинающим. Сколько уже исписано - не используйте query_posts. Никогда!

Если нужно получить 1 пост - get_post()
Если нужно получить несколько постов вне контекста - get_posts()
Если нужно модифицировать основной запрос - фильтр pre_get_posts
Во всех остальных случаях - только WP_Query.

В вашей ситуации, если нужно, например, на главной странице, где уже есть основной запрос, дополнительно вывести блок с кастомными записями (участники), делайте secondary loop с помощью WP_Query:

$args = array(
    'post_type' => 'participants' // или как там он у вас называется
    'posts_per_page' => 5,
);
$participants = new WP_Query( $args );
// дальше - loop
if( $participants->have_posts() ) :
    while( $participants->have_posts() ) :
        $participants->the_post();
        // тут выводим пост
    endwhile;
endif;
wp_reset_postdata(); // возвращаем глобальные переменные к состоянию главного запроса

Если же нужно вывести архив ваших участников - просто создайте шаблон archive-participants.php (вместо participants - ваше название custom post types).

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

function my_modified_query( $query ) {
    // вместо is_home - проверяйте на соответствующий задаче шаблон
    // is_main_query - чтобы убедиться, что меняем именно основной запрос
    if ( $query->is_home() && $query->is_main_query() ) {
        $query->set( 'post_type', 'participants' );
        $query->set( 'posts_per_page', 20 );
    }
}
add_action( 'pre_get_posts', 'my_modified_query' );

Судя по всему, английскую документацию вы либо не читали, либо сложно понять всю суть на английском. Есть отличный источник информации на русском: wp-kama.ru/function/wp_query

https://wordpress.org/plugins/search.php?q=woocomm...

Есть опыт работы с Advanced AJAX Product Filters и YITH WooCommerce Ajax Product Filter. Оба нормальные.

maks843: не будет так шаблон работать, WordPress не понимает, что это за шаблон. Почитайте Template Hierarchy. У вас форма принудительно уходит на mail.php и передает ей данные полей через $_POST. Именно в этом файле нужно проводить обработку формы. Или же, правильнее, для самой формы action указать пустой - тогда форма будет отправлять данные на ту же страницу, где она размещена (перезагрузка страницы по сути). Далее определите, какой шаблон эта страница использует и в нем уже добавляйте обработчик, только обязательно через проверку if( isset($_POST['name']) && isset($_POST['email']) && isset($_POST['message']) ). Кстати, у вас textarea в коде формы стоит без атрибута name, каким образом вы надеетесь эти данные получать? Также, у вас поле для Subject имеет тип type="subject" - такого не существует.

Кроме того, ряд ваших IFов лучше переписать как тернарные операторы или if/else, unset делать не нужно. Ну и сами данные $_POST еще надо валидировать и фильтровать, у вас сейчас нет никакой защиты от передачи вредоносных данных.

<div class="window-container fadeInDown animated">
<button class="close">Закрыть</button>
    <h1>Напишите мне письмо</h1>
            <form action="" method="post">
                <input class="first" type="text" name="name" placeholder="Имя" required><br>
                <input class="first" type="email" name="email" placeholder="Email" required><br>
                <input class="first" type="text" name="subject" placeholder="Тема"><br>
                <textarea class="input textarea" name="message" placeholder="Сообщение" required></textarea><br>
                <input type="submit" class="button" value="Отправить">
            </form>
</div>

if( isset($_POST['name']) && isset($_POST['email']) && isset($_POST['message']) ) {

    $name = sanitize_text_field( $_POST['name'] );
    $email = sanitize_email( $_POST['email'] );
    $subject = ( !empty($_POST['subject']) ) ? sanitize_text_field( $_POST['subject'] ) : 'Default subject';
    $message = sanitize_text_field( $_POST['message'] );

    $to = 'your@email.com';
    $headers = 'From: ' . $name . ' <' . $email . '>' . "\r\n";
    $send = wp_mail( $to, $subject, $message, $headers ); // returns true/false

    echo ( true == $send ) ? 'Success message' : 'Error message';

}

Проверку, заполнены ли все обязательные поля, надо делать javascript'ом, плюс у вас есть атрибут required, тут уже браузер убедится, что поля заполнены. Также, не мешало бы валидировать формат email еще до отправки данных на сервер (или использовать HTML5 тип input type="email").

В общем, если честно, я не совсем понимаю, зачем вы пытаетесь вручную делать то, в чем пока еще смутно разбираетесь, вместо того, чтобы использовать один из сотни плагинов для форм обратной связи, которые уже учитывают безопасность, валидацию данных, обработку черех Ajax и тд. Если же все-таки хотите освоить эту сферу - начните последовательно изучать то, как правильно нужно работать с формами. Уроков в сети масса.

Потому что это вам не хтмл, а php, при чем это - шаблон, который подгружается в определенном месте, где доступны определенные переменные и их значения определены - функции в этом шаблоне зависят от этих значений и без них работать корректно не могут. А подобной копипастой, без учета контекста исполнения, вы вырываете с мясом из одного места, и вставляете непонятно куда. Для подобных ситуаций есть хуки и custom templates. Лучше опишите подробно задачу - что есть и что нужно сделать, тогда больше шансов, что сможем помочь.