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

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

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

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

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

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

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

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

tiaurus

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

10 комментариев

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

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

    ?

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

      Добавьте первой строчкой кода:

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

      Изменить код по аналогии:

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

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

/* ]]> */