Перейти к основному содержанию

Вывод изображения записи в ligthbox

Вывод изображения записи в ligthbox

Скажу сразу, что речь идет не о выводе картинок которые мы добавляем в текст поста(для этих целей есть масса плагинов), а об изображении которое так и называется “Изображение записи”.

Так вот, решение довольно простое, главное чтобы на вашем сайте уже была подключена какая либо библиотека для вывода картинок в лайтбоксе, через код или плагин роли не играет, у меня в частности на сайте установлен плагин Responsive Lightbox & Gallery

Для вывода я просто немного изменил стандартный шаблон записи, вот таким образом:

<div class="post-thumb">
                   <a href="<?php the_post_thumbnail_url(); ?>" 
                      title="<?php     the_title_attribute(); ?>" data-rel="lightbox-gallery-LPHL7022" >
                        <?php the_post_thumbnail(); ?>   
          </a>
</div>

А было так:

<div class="post-thumb">
        <?php the_post_thumbnail(); ?>   
</div>

То есть просто обернул вывод миниатюры тегом <a> и добавил атрибут  data-rel для того чтобы работал лайтбокс, какой добавить атрибут я просто посмотрел в коде картинок которые уже были выведены

firebug

Теги

Автор

Я веб-разработчик и графический дизайнер, занимаюсь разработкой сайтов разной специализации и разного уровня сложности, а также, графическим дизайном.


Добавить комментарий