Ну какой сайт без графики? Без картинок, фотографий … Прямо скажем – скучноватый. А если у Вас есть коллекция фотографий, которую Вы делали сами и Вам хочется показать ее на своем сайте, то фотогалерея для сайта будет просто необходима. Для сайтов, созданных на движке WordPress, есть возможность создания фотогалереи с помощью инструментов самого движка. Но возможности этих инструментов весьма ограничены.
Как всегда, на помощь приходят плагины WordPress. Вот и в этот раз, создать фотогалерею для сайта нам поможет плагин NextGen Gallery. Скачать этот замечательный плагин Можно Вот Здесь. Процесс установки плагина на движок стандартный и давно всем знаком. Нужно распаковать архив плагина, папку плагина скопировать в директорию wp-content/plugins ну и активировать плагин NextGen Gallery из административной панели движка. В результате внизу-слева в админ панели WordPress появиться вот такое меню:
В котором:
Обзор галереи – здесь Вы можете увидеть количество созданных Вами галерей и количество изображений, входящих в их состав
Add gallery/images – этот пункт имеет непосредственное отношение к созданию фотогалереи для сайта:
Как видите, здесь Вам предлагают загрузить изображения в галерею. Но так как галерея еще не создана – ее нужно сначала создать. Для этого щелкаем на ссылке Добавить новую галерею:
В окошке Новая галерея нам нужно вписать название галереи и щелкнуть кнопку Добавить галерею. После чего нам сообщают, что галерея с определенным ID создана и мы можем добавить в нее изображения. Для этого в окошке Выбрать галерею выбираем созданную нами, в окошке Загрузить изображения щелкаем на кнопке Обзор, в результате чего попадаем на локальные папки Вашего компьютера, где Вы можете выбрать нужные изображения. Загрузить их в галерею очень просто, щелкнув на кнопке Загрузить изображения.
Можно, конечно, выбирать фотографии по одной методом поиска из всех имеющихся, но намного удобнее предварительно собрать нужные фотки в какую-либо папку и загрузить их в фотогалерею для сайта все сразу. Для этого нужно с помощью кнопки Обзор открыть нужную папку, и щелкнуть на каждой фотографии левой клавишей мышки, удерживая кнопку Shift, пометив таким образом все фотографии. И осталось нажать кнопку Загрузить изображения. Ждем пока изображения загрузятся.
Галереи – с помощью этой кнопки меню мы попадаем в окошко со списком созданных нами галерей. Если щелкнуть по названию галереи – откроется окно с ее описанием. Здесь для нас самое интересное, это возможность изменить Alt и Title каждой фотографии.
Альбомы – это функция дает возможность группировать отдельные галереи в фотоальбомы.
Настройки – это собственно то, с помощью чего можно настроить сам показ фотогалереи для сайта, то есть как ее будут видеть посетители Вашего сайта. Из настроек хочу отметить настройку Миниатюры, с помощью которой можно задать размеры миниатюр, а так же настройку Изображения, с помощью которой можно задать размер полного изображения фотографии. То же самое можно сказать о настройке Слайдшоу. Остальные настройки настолько просты, что разобраться с ними будет очень легко.
Стиль – с помощью этого меню можно редактировать стили отвечающие за внешний вид фотогалереи для сайта, если Вы это умеете. Или выбрать с помощью Активировать и использовать таблицу стилей оптимальный для Вас стиль из выпадающего меню. Не забывайте сохранять сделанные изменения.
Как вставить фтогалерею на нужную страницу в нужное место. Открываем нужную запись в визуальном режиме редактирования. Лучше в полноэкранном режиме. Выбираем в записи место вставки фотогалереи для сайта, и с помощью клавиши Enter создаем пустую строку. Ставим на нее курсор В панели редактора находим кнопку:
И щелкаем на ней:
В окошке Галерея — выбираем нужную. Из меню Показать как выбираем или Список изображений, если хотим видеть фотогалерею как набор картинок или Слайдшоу, если хотим видеть фотогалерею для сайта, как сменяющие друг друга фотографии через определенный промежуток времени. И жмем кнопку Вставить.
Вот и все! Фотогалерея для сайта создана. Если что-то Вас не устраивает — всегда можно вернуться к настройкам и сделать так, как Вы хотите. Тем более, что настройки это позволяют.
Спасибо за статью, как раз разрабатываю сайт и не знала как сделать галерею.
Фотогалерея — это, конечно красиво, и описано все популярно, даже хотел сразу сделать, но вот о чем подумал: у меня на блоге Путь копирайтера установлен шаблон с аккордеоном, которой в данный момент не задействован. Вот если бы в него установить эту самую фотогалерею, но я пока плохо разбираюсь в кодах. Если можно, подскажите как такое можно сделать, может даже напишите отдельную статью и другим будет полезно.
После активации плагина и создании галереи у меня в меню редактора страниц не появилась кнопка со значком галереи.
Здравствуйте. Я по вашей инструкции создала у себя на сайте logopedprm.ru фото галерею. Но когда нажимаешь на фото, оно очень долго грузится. Что надо сделать, чтобы загрузка шла быстрее. А то желание ждать пропадает
Ирина Колотова, попробуйте, в настойках немного уменьшить качество или размер изображения. Или в фотошопе подправьте, чтоб меньше вес был. Чем меньше вес, тем быстрее загрузится.
А сейчас в новой версии вордпресс вместо фото, видео — есть только добавить медиафайл. Как тут быть?
У меня WordPress 3.3.1. Все есть.
У вас красивые скриншоты в уроках! Поделитесь в какой программе вы их делаете. Клавишей PrtScrn с дальнейшим переходом в Paint, так красиво не получается, или это только у меня не получается? .))
Спасибо за вашу полезную инфу на сайте.
Зайдите на сайт Библиотека бесплатных программ. Здесь можно найти бесплатные программы для скринов и не только!
VeryOldCat, спасибо за ссылку на библиотеку! скачала и установила программу для скриншотов — FastStone Capture. Ну, чудо, как хороша! .)) Там в библиотеке, еще много чего хорошего есть!
Подскажите, пожалуйста, при создании галереи, как сделать так, чтобы она была нужной мне ширины и высоты. (с учетом того, что картинки, загружаемые в галерею, имеют достаточный для этого размер.)
Или этот параметр нужно менять где-то в стилях? интересует, конечно, где именно?
Спасибо)
Еще раз внимательно прочитала текст и нашла, где меняется этот параметр.
Вопрос снимается)
Здесь плагин на английском. Как можно его русифицировать, и как сделать так, чтобы фотоальбом можно было смотреть на сайте? Заранее спасибо!
Файл русификации и русифицированный плагин на той же странице