Как сделать галерею на wordpress с magnific popup?

291
30 декабря 2017, 02:49

Есть галерея 8 картинок, все миниатюры одинакового размера(подгонялись вручную), при клике с помощью magnific popup открывается исходное изображение. Как сделать такую галерею на WP, с возможностью выбора миниатюры и дефолтного изображения для lightbox? или Как сделать свою обертку для стандартной галереи WP?

Answer 1

или Как сделать свою обертку для стандартной галереи WP?

Примерно, так:

function my_post_gallery($output, $attr) {
    $args = array(
        'include' => $attr['include'],
        'post_status' => 'inherit',
        'post_type' => 'attachment',
        'post_mime_type' => 'image'
    );
    if (isset($attr['orderby'])) {
        $args['orderby'] = $attr['orderby'];
    }
    $_attachments = get_posts($args);
    $attachments = array();
    foreach ($_attachments as $key => $val) {
        $attachments[$val->ID] = $_attachments[$key];
    }
    if (empty($attachments)) {
        return '';
    }
    ob_start();
    ?>
    <div class="post-slider popup-gallery">
        <?php foreach ($attachments as $i => $image) : ?>
            <div class="slider-item">
                <a href="<?php echo wp_get_attachment_image_src($image->ID, 'full')[0]; ?>" title="<?php echo wp_get_attachment_caption($image->ID); ?>">
                    <img src="<?php echo wp_get_attachment_image_src($image->ID, 'full')[0]; ?>" alt="">
                </a>
                <p class="slider-item-title"><?php echo wp_get_attachment_caption($image->ID); ?></p>
            </div>
        <?php endforeach; ?>
    </div>
    <?php
    return ob_get_clean();
}
add_filter('post_gallery', 'my_post_gallery', 10, 2);
READ ALSO
Как копировать блок адсенс (html + стили)

Как копировать блок адсенс (html + стили)

Здравствуйте, необходимо сделать такой же блок для сайта, но через исходный код выдает java, а мне нужен html + css для своих нужд, как собственно...

372
Смайлики в input-е

Смайлики в input-е

У меня система сообщений написанные на РHPПриватные сообщения

227
Плавность анимации morphSVG

Плавность анимации morphSVG

Есть такая анимация, выполнена с помощью плагина TweenMax:

255
mysql polygon + point

mysql polygon + point

Я пытаюсь получить записи из mysql по имеющейся областиНе могу понять в чем проблема в запросе

205