Плагин галереи для вордпресса

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

Flash галереи отверг сразу, хотя они и красивые .. но flash я недолюбливаю. Попробовал несколько готовых плагинов и самостоятельных галерей, и везде были определенные недостатки. Поэтому решил писать что-то свое (люблю велосипеды =), тем более, что это неплохо «прокачает» навыки написания WP плагинов.

Фронтэнд

В моем представлении, фотогалерея должна быть динамичной, поэтому выбираю активное использование возможностей JavaScript (с библиотекой jQuery), тем более, что уже писал похожую вещь.

Серверная часть форнтенда, не вдаваясь в детали, состоит из нескольких методов, отвечающих на AJAX запрос и возвращают список альбомов или снимков. Весь HTML вид формируется уже на стороне клиента, средствами JavaScript (конечно используются стили CSS).

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

Также для удобства доступны горячие клавиши:

стрелки ←, → — предыдущая и последующая страница соответственно (предыдущее, следующее фото)

↑, Esc — вернуться к пересмотру альбомов;

Space — переход к следующему снимку;

ролик мышки — также осуществляет переход  к предыдущей или следующей странице (предыдущего или следующего снимка).

Бэкэнд

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

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

На данной странице происходит управление альбомами, можно редактировать информацию, отсортировать, удалить или добавить новый альбом.

Просмотр и редактирование снимков альбома (подробнее в видео).

Вот тут непосредственно происходит загрузка снимков в выбранный альбом.

Мультизагрузка снимков происходит через flash загрузчик (особенно выбирать не приходится), сразу создаются эскизы (превьюшки) нужного размера с помощью утилиты convert, которая содержится в пакете ImageMagick, применяется небольшое улучшение резкости (только для эскизов).

 

Автор:  strange v.