css_lightbox

Лайт бокс для всех изображений блога

Для того что бы  изображения (которые имеются массово в наших записях ) блога не открывались во весь экран тем самым заводя посетителя на черный экран новой вкладки, а открывались в приятных лайтбоксах имеется у меня решение ниже:

В начале пропишем данный код в файл function.php:

//START MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки
function wph_auto_add_rel_lightbox($content) {
    $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
    $replacement = '<a$1href=$2$3.$4$5 rel="lightbox"$6>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}
add_filter('the_content', 'wph_auto_add_rel_lightbox', 999);
//END MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки

Далее установим плагин  Responsive Lightbox — Всплывающие фото

И применим для него настройки указанные в скринах ниже:

Лайт бокс для всех изображений блога Лайт бокс для всех изображений блога