Галерея для wordpress с помощью NextGEN Gallery

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

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

Скачать плагин можно на официальном wordpress сайте. Устанавливается он стандартным способом через путь wp-content/plugins и активацию в админке. Единственная проблема, которая может возникнуть при установке – это отсутствие русского языка. По идее, плагин должен подгружать русификатор со своего официального сайта (а такой имеется — nextgen-gallery.com), но при установке русификацию я не обнаружил, и пришлось ее устанавливать вручную.

После активации плагина в админке сайта должен появиться пункт “Галерея”. Если этот пункт написан на английском (Gallery), тогда нужно скачать русификацию, если нет – то можно переходить к созданию галереи. Скачать русификацию можно с этой страницы, Вам нужен файл под названием (nggallery-ru_RU.mo), закачайте его в папку plugins/ nextgen-gallery/lang и тогда все настройки станут доступны на русском языке:

После активации плагина перейдите в раздел “настройки” и укажите путь к файлам, по стандарту это wp-content/gallery. Остальные параметры трогать не нужно, они уже настроены для нормальной работы.

Затем перейдите в раздел “Добавить галерею/изображение”. Откроется страница с полем для ввода имени галереи:

Имя пишите латинскими символами и нажимаете “добавить галерею”. Если все сделано правильно, то Вы увидите следующее уведомление:

В дальнейшем шорткод мы будем прописывать в нужных страницах и статьях сайта. Также после создания галереи Вас автоматически перенаправит на страницу с добавлением фотографий:

Здесь в принципе все просто: нажимаете на “выбрать файлы”, закачиваете фотки с жесткого диска и из выпадающего списка выбираете галерею, в которую нужно добавить фотографии. Если фотографий для загрузки много, то их можно собрать на компьютере и заархивировать в zip архив, после чего добавить на сайт.

После загрузки фотографий, идете на нужную страницу или статью и в нужном месте прописываете шорткод, на подобие  вышеуказанного.  На странице появиться галерея в виде превьюшек при нажатии на которые показывается полный размер фотографии. Также если нажать на кнопку “[Show as slideshow]” можно автоматически включить просмотр слайд-шоу. Размеры превьюшек, картинок и интервал показа слайдов регулируется на страничке галерея => настройки => далее по выбору или превью или изображения или слайд-шоу:

Кроме настроек размеров, можно еще поиграться с другими параметрами. Все опции указаны простым языком, так что трудностей в этом плане возникнуть не должно.

Теперь что касается водяных знаков к изображениям. Добавить их можно на странице настроек галереи через вкладку “Водяной знак”:

На этой странице доступно добавление водяного знака картинки (в этом случае нужно указать URL изображения) и текста. В блоке “предварительный просмотр” Вы можете поиграться с расположением и размерами водяного знака.

Также, если Вы рассчитываете получать по картинкам трафик, то нужно прописать к ним ключевые слова и описание. Сделать это можно следующим образом: зайдите в раздел “Галереи” => в открывшимся окне кликните по нужному названию и пропишите к картинкам нужные ключевые слова и описания:

Затем нажмите “сохранить изменения”.

Вставляем в статьи картинки, слайд-шоу и галереи для wordpress

Как уже писалось выше, плагин имеет возможность вставки не только галерей, но также картинок и слайд-шоу. Для того чтобы вставить их в статью, при публикации записи Вы увидите кнопку добавленную плагином:

При нажатии на эту кнопку появиться всплывающее окно с разделами “галерея”, “альбом”, “изображение”:

Например, при вставке галереи, Вам нужно указать формат показа изображений, то ли это галерея, то ли это слайдеры. Также из выпадающего списка нужно указать галерею, из которой будут браться фотки. После необходимых настроек нажмите “вставить”. В редакторе Вы увидите сформировавшийся шорткод, а на самом сайте показ изображений в нужном формате.

Вот такой вот замечательный плагин для создания галерей мы сегодня рассмотрели. Кстати, неплохой идеей для аудитории будет вывод в конце статей слайдов из тематических картинок, которые как бы дополняют текст. Кроме того, если Вы планируете создать фото-сайт на wordpress, то реализовать многие функции Вам поможет этот замечательный плагин.

Напоследок несколько новостей от life-webmaster

Скоро стартует мой конкурс для вебмастеров. Уже договорился с Жюри и призами. Сейчас идут переговоры со спонсорами, которые предоставят денежные призы, и можно будет начинать. Чтобы не пропустить – подпишитесь на блог.

Недавно наткнулся на твит, который как нельзя лучше характеризует наше поколение:

На сегодня у меня все. Буду благодарен за подписку и за нажатие на кнопки социальных сетей. Удачных выходных!

Ваш комментарий

  1. Эта галерея у меня давно стоит. Я думаю, статью следовало бы дополнить разделом о первоначальной настройке отдельных эффектов. Там есть свои сложности, я долго возился с эффектом улетания фотографий. Кстати, если перейти по ссылки в моем имени. то попадете именно на тот сайт. где у меня все и реализовано.

    • Кирилл Тараненко:

      Да я вижу, неплохо смотрится. Я в статье написал то, что делал сам, разрабатывая школьный сайт. Нужно будет дополнить статью

  2. А, я даже не забыл ссылку поменять на тот сайт. Значит еще не совсем закрутился в борьбе с конкурентами. Это хорошо, возможно. и другим будет интересно поставить улетающие страницы. Только я с этим прилично повозился, пока разобрался.

  3. Интересная статьяю Какрас сечас делаю сайт для друга и ему надо галерею и вот решение само пришло. Спасибо.

  4. Ой, какая нужная статья. Я давно искала информацию о галерее и увеличении изображений по клику. Иду скачивать плагин.

  5. Может это и красиво выглядит, но я бы у себя на блоге такую штука ставить не стал. Она не нужна, да еще и на скорость блога повлияет!

  6. Виктор:

    Подскажите: как сделать чтобы добавлять фото можно было со странице на которой находиться какая нибудь из галерей.

    • Кирилл Тараненко:

      Виктор, не понял суть вопроса. Опишите проблему поподробнее.

  7. Павел:

    Здравствуйте! Прошу совета и помощи!) два дня и две ночи не могу разобаться с проблемой в плагине галерея NextGEN Gallery. Сами галереи создаются и фото закачиваются, в альбомы тоже все сортируется, но стоит создать на любой странице галерею с указанием одной папки/альбома/галереи как после сохранения отображаюся все фото со всех галерей.
    Что можно сделать, кто нибудь сталкивался с этой проблемой?

  8. Хорошая галерея. Автору респект за подробный обзор =)

  9. Я новичок. А как альбом разместить? Хотелось что бы в галерее по папкам разложено было. Отдельно страницы сделали. Все сделал по инструкции. Дал каждому альбому имя перекинул галереи туда, а дальше не знаю что делать.