Фотогалерея для сайта на WordPress | Как создать свой сайт

Как на WordPress сайте сделать фотогалерею

Авг-2-2011 Автор: VeryOldMan

Ну какой сайт без графики? Без картинок, фотографий … Прямо скажем – скучноватый. А если у Вас есть коллекция фотографий, которую Вы делали сами и Вам хочется показать ее на своем сайте, то фотогалерея для сайта будет просто необходима. Для сайтов, созданных на движке WordPress, есть возможность создания фотогалереи с помощью инструментов самого движка. Но возможности этих инструментов весьма ограничены.

Как всегда, на помощь приходят плагины WordPress. Вот и в этот раз, создать фотогалерею для сайта нам поможет плагин NextGen Gallery. Скачать этот замечательный плагин Можно Вот Здесь. Процесс установки плагина на движок стандартный и давно всем знаком. Нужно распаковать архив плагина, папку плагина скопировать в директорию wp-content/plugins ну и активировать плагин NextGen Gallery из административной панели движка. В результате внизу-слева в админ панели WordPress появиться вот такое меню:

 фотогалерея для сайта

В котором:

Обзор галереи – здесь Вы можете увидеть количество созданных Вами галерей и количество изображений, входящих в их состав

Add gallery/images – этот пункт имеет непосредственное отношение к созданию фотогалереи для сайта:

 фотогалерея для сайта

Как видите, здесь Вам предлагают загрузить изображения в галерею. Но так как галерея еще не создана – ее нужно сначала создать. Для этого щелкаем на ссылке Добавить новую галерею:

фотогалерея для сайта

В окошке Новая галерея нам нужно вписать название галереи и щелкнуть кнопку Добавить галерею. После чего нам сообщают, что галерея с определенным ID создана и мы можем добавить в нее изображения. Для этого в окошке Выбрать галерею выбираем созданную нами, в окошке Загрузить изображения щелкаем на кнопке Обзор, в результате чего попадаем на локальные папки Вашего компьютера, где Вы можете выбрать нужные изображения. Загрузить их в галерею очень просто, щелкнув на кнопке Загрузить изображения.

Можно, конечно, выбирать фотографии по одной методом поиска из всех имеющихся, но намного удобнее предварительно собрать нужные фотки в какую-либо папку и загрузить их в фотогалерею для сайта все сразу. Для этого нужно с помощью кнопки Обзор открыть нужную папку, и щелкнуть на каждой фотографии левой клавишей мышки, удерживая кнопку Shift, пометив таким образом все фотографии. И осталось нажать кнопку Загрузить изображения. Ждем пока изображения загрузятся.

Галереи – с помощью этой кнопки меню мы попадаем в окошко со списком созданных нами галерей. Если щелкнуть по названию галереи – откроется окно с ее описанием. Здесь для нас самое интересное, это возможность изменить Alt и Title каждой фотографии.

Альбомы – это функция дает возможность группировать отдельные галереи в фотоальбомы.

Настройки – это собственно то, с помощью чего можно настроить сам показ фотогалереи для сайта, то есть как ее будут видеть посетители Вашего сайта. Из настроек хочу отметить настройкуМиниатюры, с помощью которой можно задать размеры миниатюр, а так же настройку Изображения, с помощью которой можно задать размер полного изображения фотографии. То же самое можно сказать о настройке Слайдшоу. Остальные настройки настолько просты, что разобраться с ними будет очень легко.

Стиль – с помощью этого меню можно редактировать стили отвечающие за внешний видфотогалереи для сайта, если Вы это умеете. Или выбрать с помощью Активировать и использовать таблицу стилей оптимальный для Вас стиль из выпадающего меню. Не забывайте сохранять сделанные изменения.

Как вставить фтогалерею на нужную страницу в нужное место. Открываем нужную запись в визуальном режиме редактирования. Лучше в полноэкранном режиме. Выбираем в записи место вставки фотогалереи для сайта, и с помощью клавиши Enter создаем пустую строку. Ставим на нее курсор В панели редактора находим кнопку:

фотогалерея для сайта

И щелкаем на ней:

 фотогалерея для сайта

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

Вот и все! Фотогалерея для сайта создана. Если что-то Вас не устраивает — всегда можно вернуться к настройкам и сделать так, как Вы хотите. Тем более, что настройки это позволяют.






8 комментариев
  1. Ирина Пишет,

    VeryOldCMan, спасибо за ссылку на библиотеку! скачала и установила программу для скриншотов — FastStone Capture. Ну, чудо, как хороша! .)) Там в библиотеке, еще много чего хорошего есть!

  2. Ирина Пишет,

    У вас красивые скриншоты в уроках! Поделитесь в какой программе вы их делаете. Клавишей PrtScrn с дальнейшим переходом в Paint, так красиво не получается, или это только у меня не получается? .))

    Спасибо за вашу полезную инфу на сайте.

  3. Юлия Пишет,

    Подскажите, пожалуйста, при создании галереи, как сделать так, чтобы она была нужной мне ширины и высоты. (с учетом того, что картинки, загружаемые в галерею, имеют достаточный для этого размер.)

    Или этот параметр нужно менять где-то в стилях? интересует, конечно, где именно?

    Спасибо)

  4. Юлия Пишет,

    Еще раз внимательно прочитала текст и нашла, где меняется этот параметр.

    Вопрос снимается)

  5. Виталий Пишет,

    Здесь плагин на английском. Как можно его русифицировать, и как сделать так, чтобы фотоальбом можно было смотреть на сайте? Заранее спасибо!

  6. Лена Пишет,

    Подскажите, пожалуйста, как в галлерею загружать не фотки с компа, а вставлять ссылки на фото с другого сайта?

  7. ярослава Пишет,

    Подскажите, пожалуйста, что делать, если при попытке активировать выдает следующее Fatal error: Class ‘RuntimeException’ not found in /home/dimukr/domains/jaroslava.in.ua/public_html/wp-content/plugins/nextgen-gallery/nggallery.php on line 35

  8. Геннадий Пишет,

    Вот это урок, это то, что я искал. Спасибо обязательно применю.

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