Как правильно использовать fancybox в wordpress?

Всем привет! Может кто подскажет, использую фреймворк alethemes, post-type gallery как правильно вывести галерею изображений чтобы при нажатии на картинку работал fancybox? Сам fancybox подключил css и js, класс fancybox на ссылку задал, в script.js прописал чтобы при нажатии на ссылку срабатывал fancybox, но не знаю как правильно написать в параметр href значение, чтобы генерировалось правильно ссылка на большое изображение. Получается если оставляю параметр пустым, то все срабатывает и картинка открывается в модальном окне, но при сворачивании она пропадает со страницы.

<div class="gallery_items">
                <?php $args = array(
                    'post_type' => 'attachment',
                    'numberposts' => -1,
                    'post_status' => null,
                    'order'             => 'ASC',
                    'orderby'           => 'menu_order ID',
                    'meta_query'        => array(
                        array(
                            'key'       => '_ale_hide_from_gallery',
                            'value'     => 0,
                            'type'      => 'DECIMAL',
                        ),
                    ),
                    'post_parent' => $post->ID
                );
                $attachments = get_posts( $args );
                if ( $attachments ) {
                    foreach ( $attachments as $attachment ) { ?>
                        <div class="single">
                            <a class="fancybox" href=""><?php echo wp_get_attachment_image( $attachment->ID, 'gallery-big' ); ?></a>
                        </div>
                    <?php }
                } ?>
            </div>