Как сделать всплывающие картинки в WordPress

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

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

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

• по умолчанию:
  
• всплывающее окно:
  

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

Как сделать всплывающие картинки в WordPress?

Для реализации поставленной цели воспользуемся плагином WordPress под названием WP jQuery Lightbox.

Найти, установить и активировать его прямо из админ-панели WordPress не составит никакого труда:

Чтобы перейти к настройкам плагина, необходимо в админ-панели выбрать пункт меню Настройки → jQuery Lightbox:

Появится окно настроек:

Пробежимся по ним подробнее:

• Использовать lightbox автоматически — если активировать данную функцию, то каждая картинка сайта, вставленная со ссылкой на файл изображения, будет открываться во всплывающем окне;
• Enable lightbox in comments (disables the nofollow attribute!) — разрешить плагину открывать изображения по ссылкам из комментариев во всплывающих окнах;
• Show title & caption — показывать заголовок и подпись к картинке во всплывающем окне;
• Show download link — отображать во всплывающем окне ссылку на скачивание изображения;
• Target for download link — параметры ссылки для скачивания изображения;
• Show image info on top — после активации данной функции информация о картинке будет отображаться над картинкой, а не под ней, как в случае по умолчанию;
• Подгонять размер изображения под экран — размер изображения будет подогнан под размер экрана;
• Animation duration (in milliseconds) — время, в течение которого осуществляется переход от одного изображения к другому при ручном перелистывании (эффект замедления);
• Slideshow speed (in milliseconds). 0 to disable. — время в миллисекундах, в течение которого показывается каждое изображение в рамках показа слайд-шоу. Чтобы запретить показ слайд-шоу, задайте в данном поле 0;
• Help text (default: none) — можно прописать какое-либо текстовое пояснение, которое будет отображаться во всплывающем окне. По умолчанию данное пояснение отсутствует.

В разделе настроек How to Use: описано как создавать и использовать галереи изображений и слайд-шоу:

В частности здесь объясняется как формируются галереи (автоматически и вручную), как разделить галерею на несколько отдельных слайд-шоу, как исключить изображение из галереи и так далее.

Раздел Troubleshooting в настройках плагина призван помочь решить возникшие в процессе использования плагина проблемы:

Однако, здесь сообщается, что перед обращением к разработчикам плагина следует произвести ряд действий, которые в большинстве случаев помогут преодолеть возникшие трудности.

Раздел Credits рассказывает о создателях плагина:

Таким образом в данной статье мы рассмотрели плагин WP jQuery Lightbox и сделали с его помощью всплывающие картинки для своего сайта на WordPress.