Lightbox2 WordPress Plugin
Опубликовано: 06.09.2018
Flector 4.6
LightBox2 это JS -библиотека, которая при клике на уменьшенную копию картинки открывает полную версию картинки на той же странице с различными красивыми эффектами. Естественно, что и для WordPress появились плагины, использующие эту библиотеку и позволяющие без каких-либо лишних телодвижений использовать ее на вашем блоге. Из всех подобных плагинов я остановился на " Lightbox2 WordPress Plugin " по причине того, что он первый попался мне на глаза, когда я просматривал блог Lecactus 'а. К сожалению, теперь на его блоге я никак не могу найти этот плагин, так что качайте русифицированную им версию плагина с этого сайта. Кликните на картинку, чтобы посмотреть, как это примерно выглядит (только при просмотре на сайте, в RSS работать не будет).
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку lightbox в /wp-content/plugins/ .
3 Заходим в админку блога на вкладку " Плагины " и активируем плагин.
Осталось настроить плагин через " Настройки\Настройки Lightbox ". Тут, правда, есть небольшой недостаток плагина - он не сохраняет сделанные вами изменения настроек. Как это исправить я не знаю, поэтому указываем настройки другим путем. Открываем файл plugin.php из папки lightbox и вручную устанавливаем нужные нам значения через код:
WordPress - плагин WP Lightbox 2. Уроки WordPress. Урок #1
| 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | //Скорость анимации $lightbox_speed = '7' ; //Непрозрачность фона $lightbox_border = '10' ; //Размер границы $lightbox_opacity = '0.8' ; //Анимация изменения размеров (true - да, false - нет) $lightbox_animate = 'true' ; //Использовать в записях (true - да, false - нет) $lightbox_posts = 'true' ; //Использовать в цитатах (true - да, false - нет) $lightbox_excerpt = 'false' ; //Использовать в комментариях (true - да, false - нет) $lightbox_comments = 'false' ; |
//Скорость анимации $lightbox_speed = '7'; //Непрозрачность фона $lightbox_border = '10'; //Размер границы $lightbox_opacity = '0.8'; //Анимация изменения размеров (true - да, false - нет) $lightbox_animate = 'true'; //Использовать в записях (true - да, false - нет) $lightbox_posts = 'true'; //Использовать в цитатах (true - да, false - нет) $lightbox_excerpt = 'false'; //Использовать в комментариях (true - да, false - нет) $lightbox_comments = 'false';
Wordpress Lightbox Plus Tutorial 2017 - How To Set Up And Use Lightbox Plus Viewing Larger Photos
Картинки, используемые в плагине, лежат в папке images , так что вы легко можете их заменить. Различные индикаторы загрузки вы можете взять, например, здесь .
Плагин и так уже работает, но советую не забыть прописать title со служебными для плагина символами { и } для ссылок на полные версии картинок. Если вы этого не сделаете, то плагин по умолчанию разместит все картинки в одной галерее, а иногда это не слишком удобно. Чтобы вывести одиночную фотку используйте что-то типа:
| < a title = "{fotka}Angelina Jolie одиночная фотка" href = "http://www.wordpressplugins.ru/pics/lightbox/1.jpg" > < img src = "http://www.wordpressplugins.ru/pics/lightbox/1s.jpg" / >< / a> |
<a title="{fotka}Angelina Jolie одиночная фотка" href="http://www.wordpressplugins.ru/pics/lightbox/1.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox/1s.jpg" /></a>
И выглядит это так:
И для галереи (то есть на фотках будут ссылки вперед\назад при наведении курсора мышки)
| < a title = "{sbornik}Angelina Jolie" href = "http://www.wordpressplugins.ru/pics/lightbox/2.jpg" > < img src = "http://www.wordpressplugins.ru/pics/lightbox/2s.jpg" / >< / a> < a title = "{sbornik}Angelina Jolie" href = "http://www.wordpressplugins.ru/pics/lightbox/3.jpg" > < img src = "http://www.wordpressplugins.ru/pics/lightbox/3s.jpg" / >< / a> |
<a title="{sbornik}Angelina Jolie" href="http://www.wordpressplugins.ru/pics/lightbox/2.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox/2s.jpg" /></a> <a title="{sbornik}Angelina Jolie" href="http://www.wordpressplugins.ru/pics/lightbox/3.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox/3s.jpg" /></a>
И выглядит это так:
Если по каким-то причинам вы не хотите, чтобы на какой-то странице или записи работал этот плагин, то поместите там следующий код (он будет вырезан при просмотре записи):
Вот и все, удачи.
PS. На этом сайте я уже давно использую плагин Lightbox Plus , так как он более современный и мощный. Но если вам необходим маленький и простенький плагин, то ничего лучше Lightbox2 WordPress Plugin вы найти не сможете. И он до сих пор отлично работает без каких-либо нареканий.
Lightbox2 WordPress Plugin 