Flector

Lightbox2 WordPress Plugin

Angelina JolieLightBox2 это JS-библиотека, которая при клике на уменьшенную копию картинки открывает полную версию картинки на той же странице с различными красивыми эффектами. Естественно, что и для WordPress появились плагины, использующие эту библиотеку и позволяющие без каких-либо лишних телодвижений использовать ее на вашем блоге. Из всех подобных плагинов я остановился на "Lightbox2 WordPress Plugin" по причине того, что он первый попался мне на глаза, когда я просматривал блог Lecactus'а. К сожалению, теперь на его блоге я никак не могу найти этот плагин, так что качайте русифицированную им версию плагина с этого сайта. Кликните на картинку, чтобы посмотреть, как это примерно выглядит (только при просмотре на сайте, в RSS работать не будет).

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1 Распаковываем архив.

2 Копируем папку lightbox в /wp-content/plugins/.

3 Заходим в админку блога на вкладку "Плагины" и активируем плагин.

Осталось настроить плагин через "Настройки\Настройки Lightbox". Тут, правда, есть небольшой недостаток плагина - он не сохраняет сделанные вами изменения настроек. Как это исправить я не знаю, поэтому указываем настройки другим путем. Открываем файл plugin.php из папки lightbox и вручную устанавливаем нужные нам значения через код:

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';

Картинки, используемые в плагине, лежат в папке 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>

И выглядит это так:

Angelina Jolie одиночная фотка

И для галереи (то есть на фотках будут ссылки вперед\назад при наведении курсора мышки)

<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>

И выглядит это так:

Angelina Jolie Angelina Jolie

Если по каким-то причинам вы не хотите, чтобы на какой-то странице или записи работал этот плагин, то поместите там следующий код (он будет вырезан при просмотре записи):

##NOLIGHTBOX##

Вот и все, удачи.

PS. На этом сайте я уже давно использую плагин Lightbox Plus, так как он более современный и мощный. Но если вам необходим маленький и простенький плагин, то ничего лучше Lightbox2 WordPress Plugin вы найти не сможете. И он до сих пор отлично работает без каких-либо нареканий.

Lightbox2 WordPress Plugin
Автор плагина: Kjell Bublitz
Рассматриваемая версия: 0.7 от 22.07.2007
Текущая версия: нет информации
Совместимость с версией WordPress: 2.3 и выше
Скачать русский плагин версии 0.7 (всего скачиваний: неизвестно)

Понравился пост? Подпишись на обновления по Обновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Комментарии (всего 145 комментариев)
Написать комментарий

(обязательно)

(обязательно, не публикуется)

Для вставки кода используйте кнопку "Код", по умолчанию используется синтаксис подсветки языка "php", вы можете поменять его на любой другой поддерживаемый GeSHi язык, например "javascript", "css", "html4strict", "sql" и тд. Используйте предпросмотр!
 


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