Как добавить rel=”lightbox” для всех изображений в блоге

Как добавить rel="lightbox" для всех изображений в блоге | n-wp.ru

Многие пользуются плагинами или скриптами, которые открывают изображения в модальном окне. В большинстве из этих плагинов стандартом стало использование эффекта lightbox – изображение открывается в модальном окне поверх затемненного содержимого. Таким образом использование подобного эффекта концентрирует внимание читателей на самом изображении. Для того, чтобы активировать подобный эффект, часто требуется в код прямой ссылки, указывающей наизображение, вставлять <

 inline="yes">rel="lightbox"

или что-то подобное. Если используемый плагин или скрипт этого не делает автоматически, то приходится находить и переписывать коды ссылок на изображения вручную, что, конечно же, неправильно, и что мы сейчас исправим.

Как добавить rel=lightbox для всех изображений в блоге

Для автоматического добавления <

 inline="yes">rel="lightbox"

в коды прямых ссылок, указывающих на изображения, откройте файл functions.php, и добавьте в него:

add_filter('the_content', 'addrellightbox');
function addrellightbox($content) {
       global $post;
       $pattern ="//i";
       $replacement = 'post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}

Этот код создает фильтр, через который пропускаются все ссылки, ведущие к файлам с расширениями bmp, gif, jpeg, jpg и png. Фильтр на лету добавляет в ссылку <

 inline="yes">rel="lightbox"

. Удобно то, что вы легко можете изменить фильтр, добавив в него другой тег, и это изменение автоматически заработает в блоге.

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

10 Комментарии

  1. Подскажите, а как сделать то же самое, но для комментариев?

    И ещё, может быть можно, чтобы в комментариях и постах любая ссылка на рисунок получала обрамление в виде тега

    [img][/img]

    ?

  2. И это только работает для вновь вставляемых в посты рисунков? А ко всем старым рисункам нет возможности добавить этот фильтр?

    • Т.е. как видите в этом посте http://bafff.ru/blog/?p=1609 ничего не поменялось. Хотя, может я слишком многого хочу? :)
      Просто тогда я не понимаю зачем это нужно, т.к. все ссылки на картинки и так открываются в просмотрщике без дополнительных пассов…

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*