Experience универсальный дизайн для Alto CMS (UPD)

Дизайн Experience для адаптивного многофункционального шаблона на основе Startkit и соотв. Bootstrap 3. Было принято решение сделать его бесплатным и заменить дизайн, который должен был идти в дистрибутиве (Sky), на Experience.

Это связанно с некоторыми особенностями интерфейса – Experience. Более функциональный и универсальный, чем Sky, он так же обладает большими возможностями по кастомизации, к тому же его легче сверстать , если использовать за основу Startkit. По предварительной договоренности Вадим согласился включить Experience в стандартный дистрибутив Alto CMS. Но пока это только дизайн и релиз шаблона на его основе станет возможным только при поддержке Alto сообщества.

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


Такой вывод информации подойдет для новостных сайтов, городских порталов и тематических сообществ где есть несколько различных разделов.

Для примера на спортивном портале есть несколько категорий – футбол, баскетбол, теннис и т.д. Для каждой категории указанной в настройках выводим отдельный блок, в котором есть главная новость (например с самым высоким рейтингом) и несколько обычных. Такой вывод позволит посетителю, который зашел на сайт, быстро выделить для себя блок с интересной для него информацией, вместо того, чтобы путаться в разных разделах, где все намешано в сплошной ленте. Это можно реализовать с помощью специального плагина для Alto “Категории” и соответствующего шаблона. Предложенная мной концепция Experience, это только один из вариантов оформления таких блоков.

Конечно такой вывод можно сделать на других CMS – joomla, Wordpress, Drupal и т.д., но главное премущество в реализации именно на Alto CMS – ленту новостей формируют пользователи сайта даже без участия админа, в итоге получаем самомодерируемое сообщество портального типа. Реализация таких сообществ до последнего времени была возможна только на основе платных CMS или со значительными доработками вышеперечисленных joomla, Wordpress, Drupal (что в свою очередь приводит к еще большей стоимости и/или временным затратам).

Вывод через категории подойдет для совершенно различных тематик – бизнес, авто порталы, новостные медиа, техника, туристические сообщества и многие другие.

Так же в Experince предусмотрен стандартный вывод постов.


В шапке вместо баннера выводятся категории или блоги (которые указаны в настройках). Но вместе с тем на этом месте можно выводить баннер/слайдер либо полностью отключить этот блок.


Так же можно использовать тематические обои или полноразмерную рекламу
ссылка на скриншот

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


Отдельно хочу предложить идею, на которую меня натолкнула демо версия Startkit http://demo.altocms.ru/start-kit/index/newall/ , а именно скин свитчер на панели навигации. Кнопки навигации всегда находятся у пользователя под рукой в любом месте страницы, почему бы не сделать здесь кнопку меню с быстрым доступом к самым необходимым для пользователя функциям – ссылка на профиль, сообщения, избранное, настройки.


Для шаблона отрисованы аватары male/female, вдохновили аватары из шаблона Lexa — Synio, но на мой вкус


Как я писала выше, Experience легко кастомизировать под различные темы. Примеры цветовых схем (мобильный вид)


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

Так же предполагается выпуск для шаблона плагина masonry (аналог Synio flow), c широким выбором настроек. Плагин будет платным, но для участников краудфандинга – бесплатно в качестве небольшого бонуса :)

UPD Список участников, которые отписались в теме

1. braindep
2. Seigiard
3. sunrise
4. Barthazar
5. georgos
6. aVadim
7. Kenex
8. Live
9. Lena
10. 01001
11. Zaicev
12. perfect
13. Pring
14. MySochi
15. Alyona
16. orthograf

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