Додати атрибут rel для lightbox у WordPress

за Ніколаєнко Максим · Опубліковано Листопад 13, 2012 · Оновлено Березень 9, 2017

Додайте цей фрагмент коду до functions.php дивіться вище тему, після чого атрибут буде додано до всіх посилань на картинках rel=”лайтбокс”. Зверніть увагу на те, що в 5 рядку цей атрибут завжди можна змінити, для різних Сценарії модальних вікон.

add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}

add_filter('the_content', 'my_addlightboxrel');

function my_addlightboxrel($content) {

global $post;

$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";

$replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';

$content = preg_replace($pattern, $replacement, $content);

return $content;

}

І для тих, хто має свою вагу в золоті і проектах на вчорашній день, сделать модальные окошки в wordpress можно при помощи плагина FancyBox для WordPress. Для корректной работы плагина заходим в его настройки и нажимаем Повернутися до параметрів за замовчуванням, после чего жмем Save Changes и плагин начинает работать для всех картинок.

Використовуйте запропонований фрагмент коду у своїх плагінах.