Fetfurmoz
@Fetfurmoz
frontend

Как по клику на кнопку показать пост в модальном окне?

Есть слайдер, в котором выведены все посты таксономии:

<div class="swiper-wrapper">
    <?php
    global $wp_query;

    $wp_query = new WP_Query(array(
        'post_type' => 'our_team',
        'posts_per_page' => '100',
    ));

    while( have_posts() ){
        the_post();

        ?>
        <div class="swiper-slide">
            <div class="a-card">
                <button data-toggle="modal" data-target="#personal-1" type="button" post_id="<?php the_ID(); ?>" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <?php the_post_thumbnail(array(318, 250)); ?>
                    <div class="a-card__content">
                        <h3><?php the_title(); ?></h3>
                        <p><?php the_field('a-home-subtitle'); ?></p>
                    </div>
                </button>
            </div>
        </div>

        <?php
    }
    wp_reset_query();
    ?>
    <!-- End --> 
</div>

Посты идут как ссылки каждый со своим ID, вопрос:

При клике открывается модальное окно сделанное на bootstrap 4, как вывести все записи из категории по id которое мы нажали, просто по id я вывел так:

<div class="swiper-wrapper">
    <?php
                                    // параметры по умолчанию
    $posts = get_posts( array(
        'numberposts' => 1000,
        'category'    => 2,
        'orderby'     => 'date',
        'order'       => 'DESC',
        'post_type'   => 'post',
        'suppress_filters' => true,
    ) );

    foreach( $posts as $post ){
        setup_postdata($post);
        ?>
        <div class="swiper-slide">
            <article class="article-card">
                <div class="article-thumb">
                    <?php if ( has_post_thumbnail()) { ?>
                       <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
                        <?php the_post_thumbnail(array(320, 250)); ?>
                    </a>
                <?php } ?>
            </div>
            <div class="article-card__content">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                <?php the_excerpt(); ?>
            </div>
            <div class="article-footer">
                <div class="date"><?php echo get_the_date(); ?></div>
                <a href="<?php the_permalink(); ?>" class="more-link">Подробнее</a>
            </div>
        </article>
    </div>
    <?php
}

wp_reset_postdata();
?>
</div>

Где можно почитать о возможном решении данной задачи? Или же пример, было бы замечательно.
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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