Пользователь
0,0
рейтинг
18 марта 2013 в 20:09

Разработка → CMS Koken для фотогалерей



Появилась надобность создать сайт с фотогалереей. И пошел искать CMS для сих утех. После некоторого поиска обнаружил неприятную тенденцию. Есть CMS для фотогалерей, но не с современной навигацией, без Lightbox и так далее. Есть красивые HTML шаблоны с всякими вкусностями (например, Gamma Gallery), но без системы управления контентом. Рассматривать Wordpress и др. для сайта только с фотками — слишком накладно. Даже опечалился, но поиск натолкнул на одну новую CMS Koken. После небольшого рассмотрения понял, что это именно то, что мне нужно: первоклассная админка с множеством настроек, и современное отображение галерей. А с напильником так вообще красота получается.

Ссылки


http://koken.me — непосредственно сайт CMS.
http://help.koken.me/customer/portal/articles/632102-installation — ссылка на скачивание и инструкцию.
http://help.koken.me/customer/portal/topics/290729-discussions/questions — форум для задавания вопросов.

http://demo.koken.me/ — Демо движка.

Установка и обзор


Для установки надо скопировать на домен один единственный файл index.php. При его запуске откроется окно установки:



Далее всё как обычно для установки. После установки и ввода логина и пароля вас встречает основное окно админки сайта по адресу [домен или папка]/admin:



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



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



Наверху есть главная панель админки:



Это основные разделы админки:

Library — Библиотека наших изображений. Мы тут можем группировать их в альбомы, редактировать их свойства, удалять и так далее.
Text — Даже в самом фотогалереичном сайте есть скорее всего какие-то текстовые страницы: о авторе, контакты или что-то другое. Вот тут происходит их редактирование. И если вам в темах встретиться слово essays, то это как раз вот эти текстовые заметки.
Site — непосредственно работа с внешним видом сайта, который будет показан пользователям. Можно темы менять, страницы менять и так далее.
Settings — набор параметров сайта.
Upload — добавление непосредственно изображений или видео.

Можно поменять тему сайта. Для этого перейдем в раздел Themes:



Мне понравилась тема Regale:



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

Создание своей темы


Чтобы создать уникальную вашу собственную тему, нужно сделать несколько шагов.

Идем в папку /storage/themes/.

Копируем папку той темы, которая вам больше приглянулась и которая ближе всего к тому, что вы хотите по структуре фотогалереи. И обзываем папку как-то по своему (без пробелов).

Открываем файл info.json в папке темы и меняем там данные нашей темы. В первую очередь меняйте имя темы на своё уникальное.

Удаляем файл koken.guid из папки с темой новой. Это обязательно.

И активируйте тему через раздел Site.

В общем, вот небольшой обзор этой системы. Если захотите, то найдете более подробные инструкции у меня по настройке, редактированию, переводу, добавление систем комментирования — это просто в одну статью не вместится: http://blog.harrix.org/?p=518

Например, у меня получилась вот такое применения Koken:





Итого


Плюсы:
+ Шикарная админка;
+ Современные темы отображения галерей;
+ Очень оперативная поддержка со стороны создателей;
+ Бесплатная;
+ Возможность создания своих тем;
+ Активная разработка и постоянные обновления;
+ Возможность ведения блога.
+ Адаптивные шаблоны

Минусы:
— Пока только английский язык (но можно перевести самим, и разработчики делают подвижки в эту сторону);
— Lightbox в режиме просмотра всего контента приходится прикручивать самим;
— Отсутствие системы комментирования (но есть Вконтакте и Disqus);
— Есть еще небольшие нерешенные баги, но которые можно решить вручную;
— При наведении на миниатюру изображения хотелось бы каких-нибудь эффектов, но руками опять-таки это делается.
— Имена файлов-изображений, содержащих кириллицу, движок «подчищает» UPD. eafanasov
— Нет кэширования картинок. UPD. xdevel
— В некоторых темах при печатании русского текста пробелы заменяет на одинарные кавычки. UPD.
Сергиенко Антон @Harrix
карма
45,0
рейтинг 0,0
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Спецпроект

Самое читаемое Разработка

Комментарии (51)

  • +3
    Спасибо, давно искал похожую штуку для локального хостинга фоток.
    Жалко, она не открытая, насколько я понял.
    • +1
      Открытая в каком плане? Просто использовать где угодно? Переписать и распространять?
      P.S. Там внутри CodeIgniter.
    • +1
      Если нужен лишь хостинг фотографий с возможностью просмотра с мобильных iOS и Android устройств, то можете глянуть также на selfhosted версию trovebox (aka OpenPhoto) github.com/photo. Пример галереи current.trovebox.com/photos/list
      • 0
        а это сервис или cms?
        • +1
          Скорее всего сервис для доступа к своим фотографиям с возможностью предоставить публичный доступ для других пользователей. В некотором роде это открытая альтернатива сервисам на подобии flickr, picasa, instagram
          • 0
            Тогда это как Wordpress vs ЖЖ. Нужна была именно cms для своего альбома на своем домене.

            А так красивая вещь)
    • 0
      Она открытая, но не свободная

      Unless you have been granted written consent from Dominey Design Inc., you may not:

      Use the Software as the basis of a hosted web site publishing service.
      Reproduce, distribute, or transfer the Software, or portions thereof, to any third party.
      Sell, rent, lease, assign or sublet the Software or portions thereof.
      Use the Software in violation of any United States or international law or regulation.
  • 0
    Я просто оставлю это здесь: fotoramajs.com/
    • –1
      который платный
      • +1
        если не для личных целей
      • +5
        Фоторама 4 будет бесплатной для всех
        • 0
          Да давно жду ее выхода.
        • 0
          Это будет хорошо.
    • +2
      Посмотрел я Фотораму подробнее. Так это же не CMS же. Или я неправильно рассмотрел? Это хорошая html галерея, но без нормальной системы управления контентом.
  • +3
    ИМХО тут только админка и заслуживает внимания
    • 0
      Да, фронтенд очень сырой. Но версия пока 0.6… может прикрутят роутер, кеширование картинок настроят, а не будут на лету делать и тд и тп.
      • 0
        Вы можете подсказать хорошую CMS для фото, где всё это есть и представление картинок в современном виде?
        • 0
          А что вы называете «современный вид»? Мне например очень понравилась regale. Клевая плитка, растягивающиеся изображения на весь экран и ничего лишнего. Надо бы даже подсмотреть реализацию, а то у самого скилов не хватает такое сделать.

          Насчет cms — берите любую, а вот шаблон все равно придется самому доделывать по вкусу. У меня была раньше zenphoto, но я быстро отказался от него в виду дикой топорности. Сейчас пишу свою.
          • 0
            Regale это и есть современный вид) Gamma Gallery — современно. А вот www.desktopwallpapers.ru/ — это несовременно.
            • 0
              Посмотрел Gamma Gallery. На мобильных адекватно отображается, это большой плюс для меня.
              Но я правильно понял, что сначала все изображения подгружаются а потом выводятся? Это не есть хорошо, с подгрузкой при прокрутке на порядок эффективней.
              • 0
                судя по всему да.

                В Koken всё подгружается, но это в свою очередь создает задержку. Надо бы им часть фоток кэшировать всё-таки.
        • 0
          Увы, нет. Но вот ссылка, может пригодится www.opensourcecms.com/scripts/show.php?catid=7&category=Image%20Galleries (там и демки есть)
      • 0
        А роутер это что?
        • 0
          Я думаю автор имел ввиду ЧПУ, хотя могу ошибаться
          • 0
            А это что такое?)
            • 0
              Посмотрите на адресную строку браузера на хабре. Вот Вам пример ЧПУ)
              Проще говоря — это понятные и красивые url, а не ужас вида /index.php?blah=ololo&ololo=6354&… и т.д.
            • 0
              ЧПУ — человекопонятные урлы :) cleans URL так называемые
              • 0
                А… Спасибо!
          • 0
            оказывается, что отдельных страниц Page в разделе Text позволяет создавать ЧПУ. Например, для страниц «обо мне» и так далее.
          • 0
            Я имел ввиду навигацию в целом, с сохранением урла. Просто это слово («навигация» :)), вылетело из головы.
    • 0
      Админка реально мощная. Меня расстроило, что у них нет темы, которая бы частично повторяла по оформлению и способу работы саму админку.
  • 0
    А можно здесь разрешить регистрироваться пользователям, чтобы они вели свои альбомы?
    • 0
      Нет. Это движок для создания портфолио в первую очередь, и тут по этим соображениям даже система комментирования не предусмотрено, так как художники не любят обычно, что их работы обсуждают. Или они такую красивую отговорку придумали.
  • +1
    Интересное решение… Нашел их репозитории на github-е. Там лежат плагины, но вот кода самого ядра там нет. Вообще складывается впечатление, что авторы движка панически боятся палить исходники своей CMS-ки (на что ещё намекает тот факт, что инсталлятор содержит всего один скрипт, который грузит некий архив с удаленного сервера).
    Видимо данное решение ориентировано на профессиональных фотографов (судя по наличию синхронизации с Lightroom), но вот чего я не пойму — чем данное решение отличается от многочисленных плагинов для wordpress-а, которые в принципе-то реализуют аналогичную функциональность для управления фотками из админки? в чем killer-фича-то?
    Кстати, а может кто-нибудь вспомнить ещё парочку подобных CMSок, ориентированных на создание юзабельных фотосайтов?
    • +1
      Я не сумел найти нормальную фотогалерею для wordpress, которая бы меня устраивала. И это кстати для меня проблема. Если подскажите, то буду рад.

      К тому же тащить всю громоздкую cms wordpress только для галереи нецелесообразно.

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

      К тому же я искал cms с видом отображения файлов как в Gamma Gallery. habrahabr.ru/post/159087/ И Koken в теме Regale почти это и делает.
      • +1
        Я сам не фотограф, но друзья пользуются вот этими двумя плагинами для wordpress: Thumbnail Gallery и NextGEN Gallery. Сразу оговорюсь, что про качество этих плагинов ничего сказать не могу, т.к. сам их не пробовал.
        • 0
          видел их. Не красивые они какие-то(
      • 0
        Wordpress можно очень сильно урезать и юзать только то что нужно
        Тема регайл отличная, находил несколько подобных скриптов, которые подстраивают картинки адаптивно даже на хабре пара примеров было, только боюсь не найду
        а нет, одну все таки нашел habrahabr.ru/post/159087/
        • 0
          Честно хотел использовать вначале именно Gamma Gallery, но у нее нет нормальной cms
      • 0
        Я собирал из нескольких кусочков на WP — www.danyta.ru/.
        WP только потому, что в ней хоть какие-то отдаленные потуги на управление контентом, и куча плагинов, в т.ч. и галерей, из которых можно брать список загруженных фото, и выводить своим кодом так, как надо. Что готового решения нет — совершенно точно, но дело в том, что авторы плагинов делают «вообще галерею», в вакууме, так сказать — и ты либо делаешь так, как казалось красиво автору плагина (чаще всего там не красота, а просто «брр!»), либо думаешь, как выкрутиться самому.
  • 0
    из минусов — имена файлов-изображений, содержащих кириллицу, движок «подчищает»
  • +1
    Да, увы, большинство старых решений так и остаются старыми решениями. Дикий интерфейс с необъятным количеством кнопочек, устаревший дизайн, юзабилити на уровне начала 2000-х.
  • 0
    Все наверное уже видели imagevuex.com/demo/x2/#/super/ — весьма не плоха. Только что затестил на винфоне — прекрасно работает.
    Админка у нее тоже очень даже мощная.
    • 0
      Галлерея на Flash? В 2013 году?
  • 0
    Мощная вещь!!! Мне понравилась. Только дорогая(

    P.S. Ну что за мода делать стрелки у галерей не у краев экрана, а у краев изображений. Неудобно же.
  • 0
    я так понимаю на ней нельзя развернуть фотосервис ака фликр для многих пользователей?
    • +1
      к сожалению нельзя
      • 0
        Жаль, давно ищу такой сервис (
  • 0
    -

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