Как установить и настроить Photosmash GalleriesВ данном посте рассмотрим, как установить и использовать плагин PhotoSmash Galleries на вашем сайте и как при этом не заблудиться в его настройках. 🙂

PhotoSmash Galleries — плагин создания фотогалерей на сайте.

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

Особенности плагина PhotoSmash Galleries

  • Позволяет посетителям самим загружать фотографии на сайт
  • Позволяет отмечать фотографии на Google картах
  • Сами фотографии можно сделать ссылками на полноразмерные фотки, записи, страницы и т.д.
  • Вместе с загрузкой фотографий в галерею, плагин автоматом загружает их в вашу библиотеку в WordPress
  • Многопоточная загрузка фотографий через админку
  • AJAX загрузка непосредственно через страницы и записи
  • Возможность установки рейтинга фотографий, а также голосовалки
  • Контроль, кто может загружать фотки: админы, авторы, только зарегистрированные и т.д.
  • Модерирование загруженных пользователями фотографий (админы и авторы автоматически одобряются)
  • E-mail оповещения о новых фотографиях, требующих одобрения
  • Регулировка общих настроек для всех галерей и настроек для каждой галереи
  • Размещение нескольких галерей на одной странице
  • Интеграция с популярными системами просмотра изображений Lightbox и Shadowbox
  • Настройка внешнего вида через css файл
  • Добавление собственных полей
  • Приложение для  iOS, позволяющее вашим пользователям загружать фотографии на сайт

Как установить плагин

Идем в админку — плагины — добавить новый — нажимаем «установить» и сразу же активируем его (картинки кликабельны)

Установка плагина PhotoSmash Settings

Разберем панель управления плагином

Меню и подменю Photosmash

Основное меню содержит:

  • Общие настройки плагина (PhotoSmash Settings)
  • Настройки галерей (Gallery Settings)
  • Фото менеджер (Photo Manager)
  • Пользовательские формы и поля (Custom Forms, Custom Fields)  — рассмотрим в отдельных обзорах
  • Редактор отображений (Layouts Editor)   — рассмотрим в отдельных обзорах

У каждого пункта в меню есть еще и подменю. Но обо всем по порядку.

Кстати, надпись

Please set Gallery Viewer Page in PhotoSmash Settings. The Gallery Viewer Page is an index to your PhotoSmash galleries.

продолжает гореть даже после того, как настройки были установлены. Может быть, кто-нибудь знает, в чем причина? 🙂

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

Общая логика Photosmash Galleries следующая:

  1. Задаются общие настройки во вкладке PhotoSmash Settings / Defaults
  2. Задаются настройки для изображений во вкладке PhotoSmash Settings / Images
  3. Создается галерея
  4. Заливаются изображения в созданную галерею
  5. Шорткод галереи вставляет в пост или виджет

Общие настройки PhotoSmash Galleries

Общие настройки галерей

Default Layout: я особо не эксперементировал с этими настройками. Обычно ставлю «Standart Display»

Sort Images by: сортировка фотографий в галерее по возрастанию (acsending) или убыванию (descending)

Default Images per page: сколько фотографий на странице. Если больше количества, указанного в поле, тогда остальные фотки переносятся на другую страницу. Если поставить 0, то будут отображаться все изображения

Default Images per row (Standard Layout): количество фотографий в строке

Image link (href) css class: вставляем сюда «thickbox»

«Rel» parameter for image links: оставляем пустым (убираем «lightbox[album]»)

Image css class: вставляем «ps_images»

Image caption style: Подпись к картинке. У меня стоит No caption (thumbs link to user submitted url)

Ставим галочку на Nofollow

Default rating type: нужен ли рейтинг

  • 5 звезд
  • голосовалка + —
  • голосовалка +

Остальное можно не трогать. Нажимаем Update Defaults.

Общие настройки изображений

Как изображения будут загружаться, как размеры и т.п. Переходим на вкладу «Images». Нас интересует настройка Default Thumbnail size (px) — это размер маленькой картинки в пикселях. Вставляем нужный нам размер. Например, 200px и сохраняем.

Как загрузить фотографии и создать галерею в Photosmash Galleries

Создаем галерею

Прежде чем загрузить фотки, нужно создать для них галерею. Переходим в раздел «Gallery Settings».

Создание новой галереи

В настройках рисуем:

Activated: ставим галочку

Gallery Name: придумываем имя

Все остальные настройки должны стоять такими, каким мы их ставили в общих настройках для галерей. Нажимаем «Save Gallery». После сохранения галереи присваивается номер и генерируется шроткод для вставки в посты такого вида:

[photosmash id=1]
Copy/paste this code into Post or Page content
where you want gallery to display…(include the []’s)
Associated with post: 0

Заливаем фотки в галерею

В основном меню выбираем Photo Manager — выбираем снизу галерею и жмем «edit».

Добавление изображения в галерею

После нажатия чуть ниже должна появиться ссылочка «Add Images». Кликаем и заливаем фотографии.

Что делать если фотографии не заливаются?

  • попробуйте переименовать изображения в английский названия
  • попробуйте использовать загрузчик браузера и заливать фотографии по одному

Все, фотки залились. Вставляем шорткод на страницу и сохраняем.

Установка шорткода PhotoSmash на страницу

Идем на страницу и видим вот это:

Пример галереи

Под галерей какой-то ненужный нам фон и галерея растянута не на всю ширину таблицы. Открываем css файл по адресу /wp-content/plugins/photosmash-galleries/css/bwbps.css и редактируем класс .bwbps_gallery_div

Кстати, кнопочка Add Photo видна только вам на дефолтных настройках. Не беспокойтесь:)

Еще несколько вопросов о PhotoSmash Galleries

1. Как изменить размеры фотографий в галерее?

Для всех галерей:

PhotoSmash Settings — Images — Default Thumbnail size (px)

Выбираем новый размер и нажимаем на дискету (для сохранения для всех старых галерей)

Далее в Photo Manager — All images — Resize Images — Select All — Resize

Для конкретной галереи:

Gallery Settings — Выбираем галерею — Edit — Вкладка Images — Thumbnail size (px):

Далее в Photo Manager — Выбираем галерею — Edit — Resize Images — Select All — Resize

2. Как прикрутить голосовалку (рейтинг) к галерее?

Идем в настройки (общие или отдельной галереи) — Rating type — выбираем тип рейтинга. Потом его можно подправить с помощью css. Все css файлы плагина лежат в папке /wp-content/plugins/photosmash-galleries/css/

Конечно, в данной статье я указал не все возможности PhotoSmash Galleries… может быть, как-нибудь вернусь к этой теме. Если есть вопросы, буду рад на них ответить. Пишите в комментариях, на e-mail и ставьте лайки 🙂

Удачи!

Одна мысль о “Инструкция по установке и использованию плагина PhotoSmash Galleries

  1. Спасибо большое!!!!вы мне очень помогли в настройках плагина!!!!!

    1. JSB:

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

  2. Но почему-то после загрузки файла в библиотеку сайта он не отображается в галерее. Если можете,помогите пожалуйста

    1. JSB:

      Это нужно смотреть настройку галереи. А сама галерея появляется на сайте? В админке галереи это изображение видно?

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

        1. JSB:

          Свяжитесь со мной через раздел Контакты — http://justseoblog.ru/kontakty/
          Постараюсь помочь, если вы сможете дать доступ к админке.

  3. Виталий:

    Здравствуйте,
    А как сделать чтобы на Buddypress в профиле пользователя показывались изображения, которые он загрузил?

    1. JSB:

      Добрый день, Виталий, к сожалению, не работал с Buddypress, не смогу вам помочь.

  4. Здравствуйте, поставил, настрил по Вашему посту, вот только при нажатии на картинку она не разворачивается, а показывает постоянно полосу загрузки, и всё.
    Как это победить?

  5. JSB:

    Проверьте еще раз следующие параметры в разделе настройки галереи:

    Image link (href) css class: вставляем сюда «thickbox»

    «Rel» parameter for image links: оставляем пустым (убираем «lightbox[album]»)

    Image css class: вставляем «ps_images»

    Если не поможет, попробуйте плагины все выключить и поочередно включить, чтобы проверить, может быть, конфликтует с каким-нибудь

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

    1. JSB:

      Давайте немного систематизируем

      В разделе «photo manager» вы нажимаете «add Images». В открывшемся окошке написано «Добавить медиафайлы с компьютера». Причем это не многофайловый загрузчик, а обычный загрузчик браузера. Вы выбираете изображение на компе, нажимаете загрузить. После этого не надо нажимать «вставить в запись» или другое. Просто нажмите F5 — все должно само обновиться.

    2. JSB:

      По поводу второго вопроса

      В настройках нужной галереи во вкладке «uploading» есть пунктик «Minimum role to upload photos». По умолчанию стоит admin — поставьте Anybody или Subscribers и на сайте появится кнопочка добавления фоток в галерею.

  7. Очень полезный плагин. Вопрос по рейтингу. Не могу задать параметр, чтоб была возможность голосовать гостям сайта, т.е незарегистрированным пользователям. У зарегистрированных голос фиксируется. Как быть?

    1. JSB:

      Добрый день, попробуйте в PhotoSmash Default Settings найти строчку

      Allow anonymous ratings: Ratings will be logged by user IP

      и поставить галочку там

      1. Спасибо. Работает. Ешё такая проблема: по одному файлу добавляется нормально, через загрузчик браузера, а если нужно загрузить сотни фоток как быть? через многофайловый загрузчик не получается….

        1. JSB:

          К сожалению, пока тоже не решил эту проблему. Если найду решение — отпишусь)

  8. алексей:

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

    1. JSB:

      К сожалению, такой опции не встречал. Вы можете использовать модерацию перед публикацией фоток. Это можно сделать на вкладке «Uploading». Пункт «Default moderation status» — выставить moderate.

  9. Mari:

    Добрый день! Подскажите, где можно скачать русификатор для этого плагина?

    1. JSB:

      Mari, русификатора не встречал. Если у вас есть вопросы по плагину, спрашивайте — постараюсь вам помочь.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *