Делаем всплывающие картинки на WordPress сайте

Wordpress плагин для кликабельных картинок

Доброго времени суток, с вами снова я, рад что вы зашли на страницы моего блога. Сегодня подними тему оптимизации сайтов на WordPress, так как я давно уже не обновлял этот раздел.

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

И так, не будем заниматься словоблудием и перейдем к делу.

Всплывающие картинки в WordPress с плагином WP jQuery Lightbox

Как можно увидеть из заголовка, для реализации картинок всплывающих поверх основного окна мы будем использовать плагин WP jQuery Lightbox. Найти и установить этот плагин для WordPress, думаю вы без проблем сможете прямо из админ панели своего блога.

Открытие фото поверх сайта вордпресс

После установки плагина, перейдите в его настройки (путь: Настройки > jQuery Lightbox). В появившемся окне, вы увидите все доступные возможности плагина, их немного но давайте их разберем.

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

Так же нельзя не заметить, что с помощью этого плагина для WordPress сайтов вы можете реализовать на своем ресурсе галереи. Подробнее о создании галереи со всплывающими картинками вы можете прочитать в разделе настроек — How to Use. По большому счету мы все рассмотрели, думаю у вас не возникнет сложностей с этим плагином.

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

1 Star2 Stars3 Stars4 Stars5 Stars (8 голосов: 5,00 из 5)
Загрузка...

Подпишитесь и получайте новые статьи мгновенно на электронную почту

Похожие записи

  • Пагинация в WordPress или постраничная навигацияПагинация в WordPress или постраничная навигация [sc:AdSense] Доброго времени суток всем читателям моего блога! Я уже поднимал тему постраничной навигации в движке WordPress (так же называемой пагинацией) с помощью плагина WP-PageNavi, а так же без плагина, но сегодня […]
  • Расширенное описание категорий в WordPressРасширенное описание категорий в WordPress [sc:AdSense] Доброго времени суток, я как обычно приветствую читателей своего блога. Сегодня хотелось бы продолжить тему посвященную оптимизации сайтов на CMS WordPress и рассказать вам, как сделать расширенное описание […]
  • Устанавливаем фавикон на WordPress без плагиновУстанавливаем фавикон на WordPress без плагинов [sc:AdSense] Приятного времени суток, я снова рад вас приветствовать на страницах своего блога. Сегодня бы хотелось поговорить о оптимизации блога на WordPress, а точнее о установке на него фавикона. Что такое […]

One comment

  1. Ani:

    Thanks for that! It’s just the answer I nedeed.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой: