Сделали мне тут замечание, что картинки на моем блоге показываются на отдельной странице. Пользователям после просмотра картинки приходится нажимать «назад» в браузере, чтобы вернуться к статье. Только хотел заняться поиском подходящего плагинаскрипта, а тут Алексей Скорняков aka seowit запостил в твиттер про LightBox Plus. Решил попробовать и абсолютно доволен. Далее мини-обзорчик плагина.
Как установить плагин LightBox Plus
Качайте отсюда. Установка как обычно — распаковать архив в папку
/wp-content/plugins, хотя я предпочитаю пользоваться поиском плагинов в админке и устанавливать на лету.
Настройка плагина LightBox Plus
Далее активируем и заходим в настройки плагина — "Внешний вид"->LightBox Plus. Здесь все просто и интуитивно понятно. В разделе «Base Settings» имеет смысл перевести надписи picture, previous, next, close на русский.
Остальные настройки я не трогал, так как пока надобности в настройке слайдшоу нет. Если вы хотите, то настраивайте на здоровье 😉
Далее, чтобы плагин LightBox Plus для WordPress заработал необходимо, чтобы картинки вставлялись в таком виде:
<a href="URL большой картинки"><img src="URL маленькой картинки" /></a>
Если быть точнее, когда вы используете стандартный загрузчик изображений в WP, то ссылки проставляются как раз таким вот образом.
Бонус
Возможно не я один окажусь таким везучим 😉 Тему верстал сам и, как оказалось, это может повлиять на работу плагина. В файле footer.php отсутствовала функция wp_footer(), которая является хуком и позволяет “подцеплять” произвольный материал к базовым функциям. То есть дает возможность различным плагинам работать правильно. Вставляется она в самом конце перед закрывающим тэгом body. Код выглядит вот так:
< ?php
/* Always have wp_footer() just before the closing
* tag of your theme, or you will break many plugins, which
* generally use this hook to reference JavaScript files.
*/
wp_footer();
?>
UPD: если вам необходимо задать максимальные размеры для окна lightbox вы можете сделать это в настройках плагина. Для этого необходимо войти в «админ-панель», далее «внешний вид» и найти пункт LightBox Plus. На странице настроек плагина LightBox Plus, под «General Settings», есть меню с настройками плагина. Щелчком левой кнопки мыши необходимо раскрыть пункт «Primary LightBox — Base Settings» и найти строки «Maximum Width» и «Maximum Height» — это соответственно максимальная ширина и максимальная высота выводимого изображения. Значения можно указать и в процентах и в пикселях — как вам удобнее.
Уведомление: Плагин WordPress LightBox Plus – показ картинок без переходов | Grabr
у меня почемуто он так и не заработал…………….
проверте функцию wp_footer — у меня проблема в ней была. ну и картинки желательно вставлять через встроенный медиа менеджер — тогда будет правильно ссылка прописываться
картинки вставлял через медиа менеджер. wp footer тоже вставлял, результата 0. пробовал в 3-х браузерах
дайте ссылочку на ваш блог
всё всё….получилось)) хз как))
ну вот и хорошо)
понять бы еще ЧТО нужно забрать из wp_footer…
помогите пожалуйста с настройками плагина, есть ли возможность через настройки плагина установить размер выводимой картинки… просто очень большие выводятся…
пример блога
сейчас добавлю в статью про настройки размера
спасибо, я конечно в английском немного шарю))) там прото трабл в том, что нужно заполнять поидее все поля для высоты и ширины, иначе ничего особого не получиться и будет либо загружаться по дефолту, либо вообще не будет загружаться…
за плагин ещё раз спасибо…
главное, что разобрались
Помогите пожалуйста! установил плагин, но он сначала при нажатии открывает картинку как бы в новом посте, а потом при повторном нажатии уже разворачивает…:( а мне надо чтобы сразу, никак не могу победить эту проблему, чайник одним словом, подскажите пожалуйста где надо поковырять, заранее большое спасибо!
обратите внимание на формат ссылок, они должны быть в точности как в посте
Все равно не могу догнать… использую стандартный загрузчик изображений в WP, адрес картинки на главной странице //localhost/имяl.kz/250.htm/image00001.jpg
, после нажатия на картинку //localhost/имяl.kz/wp-content/uploads/2011/07/Image00001.jpg и вот уже тогда нажимаю — разворачивается, подскажите пожалуйста более подробно где и что мне надо поправить а то я в этих делах новичек
Руслан мне тоже нужна Ваша помощь, изучила внимательно статью и комментарии, но ничего не получается: из маленькой картинки при нажатии получается большая, но после этого надо нажать в браузере стрелку назад, чтобы вернуться в статью. Пробую пока статью с сохранением в черновике.
попробуйте посмотреть в уже опубликованной статье. обратите внимание на функцию wp_footer — она должна быть прописана в файле footer.php
эту функцию я прописывала, но результата не дало, сейчас поставила плагин Shutter Reloaded и все сразу заработало.
А как избавиться от надоедливых next previous?
Еще хотел бы убрать нафиг счетчик внизу каждой картинки images of
Спасибо за статью, очень помогла
А у меня другая проблема, все работает, но почему то если фото расположено близко к видео вставленного из ютьюба то видео становиться вначале изображения когда нажимаешь на фотографию, и тем самым загораживает ее. Как Это исправить можно?
а чем вставляете видео в блог?
Руслан, у меня такая же проблема. Видео я вставляю как html-код и оно перекрывает изображение. Почему так получается? подскажи(:
Добрый день!
помогите блондинке
как это осуществить
Привет Руслан!
Нашёл в вашей статье упоминание о глюках и поэтому хочу задать Вам вопрос. У меня установлен плагин Lightbox2 (хак, это гда сверху чёрный крестик). Проблема следующая. В IE после одноразового развертывания картинки начинаю глючить почти все флаш плееры. В одно заставка пропадает, в другом видео не воспроизводится и т.д. В других браузерах всё нормально. Давно ищу решение, но пока никто не смог ничего подсказать. «wp_footer» в тему добавлял.
Спасибо!
Спасибо! Битых три часа ломал голову почему на одном сайте работает плагин а на втором нет! Все из-за функции в футере!!! Огромный СПС!