Главная - Без рубрики - Работаем с плагином NextGen Gallery

Работаем с плагином NextGen Gallery

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

Наверняка многие из вас уже знают, что есть те или иные плагины, улучшающие функционал вашего блога. К таким относится плагин NextGen Gallery, на мой взгляд, один из лучших плагинов, создающих красивые галереи ваших файлов изображений.

Очень подробно описывать все, что умеет делать этот плагин, я не буду. А только подробно расскажу вам, как создать слайдшоу. Если у вас получится, с остальными функциями плагина вы легко разберетесь.

Если что-то все равно останется непонятным – задавайте вопросы в комментариях.

Итак.

Подробная инструкция по работе с плагином NextGen Gallery.

Основные настройки рассказывать не буду. Он у вас активирован и настроен. Вам важно знать – как создать галерею и как ее добавить в нужное вам место в статье. О разных дополнительных «примочках» можете смело искать в поиске Яндекса.

1. Добавить новую галерею.

Для этого заходим в меню управления: Настройки -> Галерея -> Загрузить галерею.

clip_image002

В строке Новая галерея пишите любое название (можно русскими). Нажимаете кнопку Добавить галерею.

Видите выше текст, что галерея создана.

У вас есть несколько вариантов добавления картинок в Галерею:

— архивным файлом,

— папку с изображениями (надо копировать в папку /gallery),

— отдельными файлами.

Советую всегда делать третьим вариантом, копировать отдельными файлами (нижнее окно) – Загрузить изображения:

clip_image004

Сначала выбираете только что созданную галерею в открывающимся списке. Затем нажимаете кнопку Обзор. Откроется ваш компьютер. Ищите фото. Одно или несколько. Чтобы сразу загрузить 2 и более фотографий, нажимаете клавишу Shift и придерживая её, помечаете все выбранные фото. После этого нажимаете Enter и увидите, как появится ниже окна Выбрать галерею список ваших фото. Нажимаете кнопку Загрузить изображения (см. картинку выше). В зависимости от размера и количества фото времени уйдет от нескольких секунд до нескольких минут. Затем вверху окна появится красная полоса. Это ява-скрипт, который показывает время создания галереи. Затем красная полоса пропадет. Если не появилось никакого сообщения (красным!) об ошибке, значит, галерея создана. Теперь вам надо перейти во вкладку Галереи -> Галереи (меню управления). Вы увидите список всех ваших галерей и ID каждой галереи:

clip_image006

Как видите, у вас сейчас создано две галереи:

Карпаты – ID4.

Политики Бердичева – ID5.

Первый шаг – создание Галереи – вы сделали.

Второй шаг – Добавление галереи в статью в нужное место.

Галерею можно добавить в любом месте: в начале, в конце, в середине, справа или слева, по центру. Главное – поставить курсор в нужное место статьи. Затем на панели редактора (кнопки) найдите вот эту кнопку:

clip_image008

Нажимаете на кнопку (красная стрелка), появится диалоговое окно:

clip_image010

В открывающемся списке выбираете нужную вам Галерею. В вашем случае – Политики Бердичева. После этого выбираете, как вывести картинки: Списком изображений или в виде Слайдшоу. Третий режим не выбирайте, вам пока он не нужен. Попробуйте сначала вариант – Слайдшоу. Нажмите кнопку Вставить. На странице появится вот такая запись:

[slideshow id=5]

Id – это ID вашей Галереи из списка Галерей (мы рассматривали на шаге 2).

Все. Сохраняете статью. Открываете сайт и смотри на то. Что получилось:

clip_image012

В Галерее картинки меняются через несколько секунд. Если бы выбрали режим – Список изображений, то у вас на странице стояли бы 6 миниатюр картинок и еще был бы режим – просмотреть как слайдшоу. В этом случае запись в статье вывода галереи выглядит так:

[nggallery id=5]

В результате будет вот что:

clip_image014

Что еще вам стоит знать для начала. Каждой картинке можно добавить небольшой заголовок и короткое описание.

Как это сделать?

В меню управления идем на вкладку Галерея -> Галереи (там, где выводится список галерей). См. картинку третью сверху. Нажимаете на название галереи и у вас откроется окно с настройками конкретно выбранной Галереи. Например. Я нажал на Политики Бердичева и у меня открылось окно – Настройка галереи:

clip_image016

Там, где выводятся картинки, есть колонка Alt & Title / Описание. Вместо названия файла – 1256.jpg, вы можете написать (например) – Бердичевский Д’Артаньян. А чуть ниже – короткий текст, сопровождающий изображение. Например: Наш всеми любимый ….. бла-бла-бла… После того, как вы внесли нужные вам изменения, не забудьте нажать кнопку Сохранить изменения (чуть выше таблицы с картинками). Теперь открываете статью с вашим слайдшоу и видите, что появились заголовки у картинок и короткое описание.

И последнее на сегодня. В связи с тем, что у вас выводятся на главной статьи в виде анонсов, галерея не отображается, и вместо нее видна вот такая надпись:

clip_image018

Что надо сделать, чтобы такой записи не было? У вас есть два варианта:

Первый: не размещать Слайдшоу в первых двух абзацах текста. Ставить его ниже.

Второй: если текста мало, в режиме редактирования перед выводом слайдшоу добавьте тег Далее. Как? Нажмите в редакторе на кнопку:

clip_image020

И разделите этим тегом текст и код вывода слайдшоу, вот так:

clip_image022

Сохраните статью и посмотрите, что получилось на Главной странице:

clip_image024

Видите, «кривой» надписи в статье больше нет.

Что еще хочу добавить в конце: не советую автоматически обновлять плагины, которые у вас стоят на сайте. Прежде чем обновлять, сначала надо проверить на совместимость между ними, поэтому лучше всякие эксперименты проводить на локальном сервере. Иначе может случится, что у вас «рухнут» некоторые функции на сайте (причем – абсолютно любые), и восстановить их после удаления обновления не всегда получается. С автообновлением вообще — будьте воздержаны.

Спонсор моей работы в воскресенье:  www.express-release.com — пресс релиз заказать. Фактически — это ссылка на ваш сайт в виде профессиональной статьи, которая называется пресс-релиз, рассказывающей о вашем бизнесе и цифровом продукте. В конечном счете — это новый трафик посетителей. А он никогда не бывает лишним.

О admin

31 комментарий

  1. Добрый день. Установил себе этот плагин на сайт. Но не на главную, а на внутреннюю. То есть сам сайт (основной) лежит в корне, а другой сайт, сделанный на WP лежит в папке. И получается, что галерея находится по адресу. Но он вообще не индексируется. Почему это может быть? Очень нужно. Спасибо заранее.

    • Поддомен ни при чем, можете посмотреть по ссылке, я сейчас специально установил плагин на поддомене — http://www.skininfo.ru, прямая ссылка на слайдшоу — http://www.skininfo.ru/.
      Как видите, на поддомене плагин работает как ни в чем не бывало.
      Думаю, вам надо искать причину в другом, а именно:
      — вы не все настройки сделали для того, чтобы у вас заработал плагин. Например, вы поставили скрипт imagerotator в папку /uploads?
      Это первое, что приходит в голову.
      — вы в Настройках все сделали, прежде чем запускать слайдшоу? Бывает, что не все делают правильно именно эту часть.

  2. Нее.. У меня тоже всё отлично работает. Я там ничего не напутал. Просто не индексируется яндексом никак. Я где-то в комментах тоже про такой случай читал, только там так и не нашли решение

    • Тогда я не понял: какая связь между индексацией страниц Яндексом и галереей? Поясните…
      У меня на сайте стоит несколько поддоменов с Вордпресс, поддомены для тестирования моих авторских шаблонов, вижу, что все внутренние страницы поддомена в индексе Яндекса.
      Второй сайт, который я сейчас понемногу наполняю, типа интернет-магазина шаблонов, на http://www.skininfo.ru, там каждый шаблон лежит в отдельном поддомене, роботы чудесно заходят и индексируют страницы на поддоменах.
      Я что-то не понял?

      • > Тогда я не понял: какая связь между индексацией страниц Яндексом и галереей?

        А связь очень простая: галерея не индексируется Яндексом. Только вот вопрос: почему? Я просто думал может кто знает.

    • Валерий

      Добрый день. Работаю с wordPress проблемма с индексацией NextGen Gallery. Файлы загружаемые через галерею яндекс не видит(гугл видит) хотя файлы подгружаемые через добавить медиафайл индексируются отлично. Если вы решили проблему. Помогите пожалуйста.

      • Я не пользуюсь этим плагином и ни разу не анализировал причины, почему Яндекс не индексирует. Проверьте файл robots.txt, укажите конкретно, что Яндекс должен индексировать через команду Allow.

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

        • Сергей, добрый день! Удалось ли вам настроить индексацию картинок Nextgen Gallery? Или поменяли плагин на другой? Вижу, вы давно об этом писали, но поделитесь опытом!))) Доверяю вашему решению!))) А у меня сайт весь из картинок, перелопачивать сотни придется, наверное.

  3. Алексей

    Добрый день, подскажите пожалуйста как прикрепить комментарии к каждой фотографии в Nextgen gallery. Гуглю целый день и ничего. Заранее благодарен

    • Все очень просто 🙂
      Заходите в панель управления > Галереи > открываете любую галерею. На этой странице вы можете создать описание как самой галерее, так и каждой фотке, которые расположены внизу этой страницы.

  4. Алексей

    Спасибо, что так быстро откликнулись:)
    Немножечко не то что я ищу. Мне нужно чтобы каждый пользователь мог прокомментировать фотографию. Возможно ли это?

    • Как? 🙂
      Вы делаете галерею в виде слайдшоу? подпишите там где я показал каждую фотку и пусть в комментариях пишут отзывы на те. которые они запомнят по подписям

  5. Владимир

    Поставил плагин NextGen Gallery, загрузил несколько картинок, все работает.
    Потом попробовал добавить сразу много фоток, потом через ФТП закачать… поигрался, ничего не получилось, удалил.
    Главное!
    Теперь ни хрена не загружаются простым, ранее работающим сопсобом.
    Загрузка идет красная и показывает Эррор ивсе!

    Есть варианты? Что делать?

  6. Особенно порадовала инструкция по установке 🙂

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

    • Причин может быть очень много. Например, имена файлов изображений у вас — на русском языке. Или, — неправильно добавлен короткий код…

  8. Сергей

    обязательно попробую! Как раз ищу как сделать галлерею

  9. спасибо за статью) подскажите как можно отцентрировать превьюшки в галерее??? например у меня галерея из 12 изображений в 3 колонки, при этом с сохранением пропорций оригинального изображения (в моем случае это важно, чтоб на превью было полное изображение…) каждое превью прижимается к левому боку, но так как они разной формы, это не красиво. Мне нужно, чтоб каждая превьюшка находилась в центре своей ячейки… Надеюсь понятно изложила проблему) Помогите!

    • было бы неплохо увидеть как у вас выводится Галерея и тогда мне будет легче понять, почему они у вас прижимаются.

      • pavelshumov.com/art/55/ вот галерея. то есть каждая превьюшка в своей ячейке «float: left»а мне нужно «float:center» но в css плагина я не нашла как исправить…

        • float center в этом случае не поможет, но если хотите попробовать — в плагине есть свой CSS файл — лежит здесь: /wp-content/plugins/nextgen-gallery/css/nggallery.css, строка 132
          .ngg-gallery-thumbnail-box {float: left;}

          • если менять этот параметр, то все превью выравниваются в один рядок с лева (вместо трех колонок одна((( Я весь документ nggallery.css пересмотрела, ничего путного не смогла сделать. Жаль, ведь как-то этот параметр задается!!! В любом случае, благодарю Вас за участие!)))

          • Я написал ниже, что не поможет, а чтобы вы убедились — дал ссылку. Этот параметр здесь не играет роли, ведь есть настройка на странице Миниатюры, когда вы выставляете количество колонок.
            Я уже как-то писал, не помню, в этом блоге или во втором каталоге — у плагина есть один жирный минус: если вы создаете Галерею, вам надо в нее добавить только одинаковые изображения: или горизонтальные, или вертикальные (книжные и альбомные). Иначе нарушаются рассточния между миниатюрами. Если бы вы в эту галерею добавили только книжную ориентацию, или только альбомную —
            все стояло бы как надо.

          • спасибо, если задавать равные пропорции, все красиво и ровненько получается, это я знаю, но заказчик принципиально не хочет чтоб обрезались картины, но все было красиво))) в общим если будет настаивать придется искать другой плагин соответствующий «нормам». Вам огромное спасибо, впервые встречаю администратора, который не безразличен к участию решения бесконечных проблем посетителей своего сайта)))

          • впервые встречаю администратора, который не безразличен к участию решения бесконечных проблем посетителей своего сайта)))
            просто плохо меня знаете и видимо, мало читали мои посты и комментарии…
            вариант как решить проблему — подчеркиваю, вариант, который может и не решить — воспользоваться созданием Альбома а в нем — двух Галерей.

          • может и так) буду работать, искать…

          • Даниил

            Разобрался, как превьюшку выровнять по центру.
            Файл nextgen-gallery/css/nggallery.css, класс .ngg-singlepic.
            У него создаем атрибуты:
            margin-left: auto !important;
            margin-right: auto !important;

            И все работает 🙂

  10. Марина

    Здравствуйте.
    Спасибо огромное за статью, все очень доступно.

    Скажите, пожалуйста, если фото загружаются, значит, они должны быть в библиотеке сайта? А их там нет.

    Просматривая галерею, не вижу картинок, кликаю на загруженную — там все фото, с id адресом, всеми данными — только самих фото нет) а кликая на фото, получаю сообщение «страница не найдена». Соответственно, и галерея не загружается.

    Что за глюк?
    Спасибо.

    • Все фото лежать должны в специально создаваемых папках самим плагином. Если вы сначала создали Галерею и назвали ее к причеру, Gallery1, ищите папку с таким именем в папке /wp-content/uploads/.
      В инструкции об этом тоже есть, и в настройках плагина — тоже, изучайте внимательно.

  11. Дмитрий

    Здравствуйте Олег! Олег, спасибо вам за вши статьи! очень всё доходчиво и профессионально написано! Олег за последнее время, этот плагин здорово обновился, и исчезла поддержка русского языка, даже на официальном сайте(( Не могли бы помочь с русификацией? Даже на официальном сайте разработчики приглашают людей для помощи с переводом. Не сделаете ли вы это для общества? Вам за это будут благодарны все русскоязычные обожатели ВордПресс! И естественно повысите свою популярность авторством перевода)! Очень на вас надеемся! За ранее благодарен!

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*