МагазинLiveStreet

Вот он «Суппер журнал» для всех, теперь это еще проще чем раньше. Так сказать продолжение темы «Сhaos to Block». Шаблон по сути своей, является уже полноценным сайтом, достаточно установить LS + Bonono + Sitemap и можно спокойно работать над статьями.

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

Начало

Продолжаю двигаться в направлении журнально/городской тематики c LiveStreet CMS. Получилось добиться неких успехов. То, что вышло самому нравится, но на этом не все, буду двигаться дальше. В качестве отправной точки, было выбрано направление знаменитых проектов birdinflight, lookatme (его дочек the village и компания), proexpedition и прочих журналов.

Описание

Прежде всего проект ориентирован на:

1. Качественный контент
2. Автора топика
3. Удобство чтения пользователем
4. Удобство использования
5. Некую журнальность с нестандартным видом статей

Разных штук много, очень много. Все описать в топике не получится точно. И это замечательно.

Шапка

1. Настраиваемый размер шапки пользователем
2. Настраиваемый размер шапки администратором по умолчанию
3. Разные варианты шапки. Меняется текст, фон, размер, кнопки управления.
4. Настройка «Включить парралакс» или «Оставить фиксировано».
5. Простая (маленькая) шапка. Если активирована, то все элементы управления из шапки (топик, блог, профиль, письма, настройки) переносятся в контентную часть. (см.скриншоты к версии 1.0.4). В профиле обложку можно увеличить.
6. HTML баннер под шапкой на главной странице. В него можно выводить — html, новый топик, новый топик из блога, обсуждаемы или лучший топик

Меню в шапке

1. Фиксится в начале при сролле, когда листаем вниз, его не видно. Таким образом не моячит перед глазами.
2. В конфиге есть возможность выводить «быстрые» ссылки возле гамбургера. Например «О сайте», еще что-то.
3. Если активированы «быстрые» ссылки, и их добавлено много, то меню уменьшается частично, ссылки которые не влазили, переносятся в выпадающий список «Еще».

Меню в сайдбаре

1. Разделено на табы
2. В конфиге можно выводить заголовки блоков

Меню LS под шапкой

1. Отключается в конфиге

Грид на главной

1. Имеет хаотичную структуру из разных типов блоков
2. Ajax подгрузка топиков с рандомным перестроением грида (разные блоки). Всего 4 типа сетки.
3. Встроенные рекламные блоки в ленту
4. Сайдбар в начале ленты

Спасибо за логику для Ajax подгрузчика хочу сказать — eXtravert. Благодаря нему сэкономлено много времени.

Доп. блоки

1. Новое из личных блогов
2. Категории (коллективные блоги без табов)
3. Ссылки в меню «Сайдбар»
4. Топики в профиле пользователя на главной whois
5. Похожие топики. Переделан плагин ls-plugin_simila и внедрен в плагин шаблона
6. Блок прямой эфир, только комментарии.
7. Топ пользователей. В конфиге можно настроить рандомное отображение. Рекламный блок.
8. Разные текстовые блоки и доп.блоки, например в профиле или админке.
9. Рекламный блок в активности

Спасибо за логику для похожих топиков хочу сказать — stfalcon. Благодаря нему сэкономлено много времени и вы можете пользоваться этой нужной функцией без дополнительных плясок с бубном.

Тулбар

1. Голосование за топик
2. Вернуться к навигации по топику
3. Шаринг в соц сети
4. Нагрузка
5. Мобильный/Сворачиваемый тулбар

Ленты

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

Топик

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

Настраиваемый топик:

1. Тип топика «Лонгрид» или «Стандартный»
2. Скрыть автора
3. Показать навигацию по топику. Формируется автоматически на основе заголовков h3. Тег добавлен на панель. Вернуться обратно к навигации можно через тулбар.
4. Теперь есть Абзацы P. Благодаря чему можно делать нормальную типографику/оформление. Тег добавлен на панель. Так же есть возможно делать автозамену br на p.
5. Первый абзац p, имеет отличное от всех остальных оформление.
6. Превью топика в шапке. Выбор на весь экран или нет.
7. Показать сайдбар в лонгриде или нет. В дефолтном топике сайдбар показыввается по умолчанию, стандартный от LS.
8. Фотосет слайдером
9. Настройка изображений в топике «Большое на весь экран» или «Маленькое».
10. Тег code, обрамляется в блок на весь экран, тогда как сам code остается по центру. Неплохо смотрится на IT-шных статьях.
11. Источник/Пруф топика
12. Убрать теги в топике

Изменено много страниц. Шаблон как впрочем и всегда, писался с нуля.

Сообщения

1. HTML5 Notifications. Включается в конфиге.

Профиль

1. Теперь вместо фото, у каждого пользователя есть «Обложка профиля». Как в этих самых соц.сетях.
2. В целом профиль весь другой.

Коллективные блоги

1. Переименованы в категории
2. Шапка с обложкой категории

Конфиг

/* Шапка
===============================================*/

// Показать логотип по центру
$config['view']['logo']['center'] = true;

// Показать дефолтное меню LS на главной
$config['view']['menu']['ls'] = true;

// Показать меню в шапке
$config['view']['menu']['header'] = false;

// Показать параллакс в шапке
$config['view']['header']['parallax'] = false;

// Показать маленьку шапку без возможности выбора размера пользователем
$config['view']['header']['small'] = false;

// Показать простую шапку (маленькая)
// Show simple header (small)
$config['view']['header']['simple'] = false;

// Показать маленьку шапку c возможности выбора размера пользователем. view.header.small должен быть выключен
$config['view']['header']['small_use'] = false;

/* Сайдбар навигация
===============================================*/
// Показать заголовки блоков в меню/сайдбаре
$config['view']['sidebar']['navigation']['title'] = false;

/* Talk | Сообщения
===============================================*/
// Показать HTML5 уведомление о новых письмах. Внимание! Увеличится количество HTTP запросов к веб серверу https://www.w3.org/TR/notifications.
$config['view']['talk']['notification'] = false;


/*Топик
===============================================*/
// Удалять переносы строк br
$config['view']['topic']['tag']['br'] = true; 

// Показать ленивую загрузку изображений (lazyload)
$config['view']['topic']['img']['lazyload'] = true; 

/* ===============================================
*  Блоки
*  =============================================== */

/* Блоки в сайдбаре, таб 1
===============================================*/
// Блок категории и блок страницы
$config['view']['sidebar']['navigation']['category']['all'] = true; // Показать сслыку на все категории
$config['view']['sidebar']['navigation']['category']['row'] = 5; // Сколько категорий показывать

/* Main page | Главная
===============================================*/
// Персональные блоги
$config['view']['block']['personal']['row'] = 6; // Сколько топиков показывать
$config['view']['block']['personal']['type'] = 'good'; // Фильтр [good, bad, new, newall, top] 
$config['view']['block']['personal']['period'] = NULL; // Фильтр период [exemple 70*24*60*60 or NULL] 
$config['view']['block']['personal']['sidebar'] = true; // Показать прямой эфир 

// Users
// Пользователи
$config['view']['block']['users']['row'] = 9; // Сколько пользователей показывать
$config['view']['block']['users']['rand'] = true; // Показать рандомом (Внимание, должно быть не меньше 3 страниц с пользователями)

/* Профиль
===============================================*/

// Information
$config['view']['block']['profile']['topic']['row'] = 8; // Сколько топиков показывать

/**
 * Блок похожие материалы
 */
$config['view']['block']['similar_topics'] = true; // Показывать блок с похожими топиками на странице топика
$config['view']['block']['similar_topics_max_topics_count'] = 5; // Максимальное количество топиков, которое выводится
$config['view']['block']['similar_topics_topics_order_by'] = 'rating'; // По какому параметру сортировать записи. Возможные значения: rating, date
$config['view']['block']['similar_topics_topics_order_by_direction'] = 1; // Как сортировать топики в выдаче. 0 - по возрастанию, 1 - по убыванию


/* Дефолтный конфиг
===============================================*/

// Количество топиков на главной
$config['module']['topic']['index']['per_page']   = 39;          // Число топиков на одну страницу

// Количество топиков на страницу
$config['module']['topic']['per_page']   = 16;          // Число топиков на одну страницу

// Аватары
$config['module']['user']['avatar_size'] = array(250,100,64,48,24,0); // Список размеров аватаров у пользователя. 0 - исходный размер

// сколько записей выводить в блоке "Прямой эфир"
$config['block']['stream']['row'] = 10;

// ширина квадрата фотографии в профиле, px
$config['module']['user']['profile_photo_width'] = 2000;

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

1. Сделан полноценный скин к Kube CSS Framework версии 3.
2. JS плагины Kube отключены. Включить можно в конфиге плагина шаблона
3. Иконочные шрифты fortawesome и ionicons
4. Less
5. Лицензия на изготовление шаблонов «На основе» с последующей перепродажей в каталоге, выдается вручную. Писать по контактам.

Языки

1. Русский
2. Английский

Демо

Сайт | bonono.makenskiy.com

Логин и пароль:

— 123 | 123123
— TaylahShoebr | TaylahShoebrTaylahShoebr
— JeniferAkins | JeniferAkinsJeniferAkins

Документация

Только на русском | bononodoc

Скриншоты по больше

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

Главная | Пример топика 1 | Пример топика 2 | Создание топика и настройка | Люди | Профиль | Категория | Личные блоги

1. Скачать плагин mainpreview из каталога LS в:

— ваш_сайт/plugins/mainpreview

2. Скопировать

— plugins/bononotpl

в

— ваш_сайт/plugins/

3. Скопировать с заменой файл config.php от плагина mainpreview:

— plugins/mainpreview/config/config.php

в

— ваш_сайт/plugins/mainpreview/config/config.php

4. Скопировать каталог:

— plugins/mainpreview/templates/skin/bonono

в

— ваш_сайт/plugins/mainpreview/templates/skin/

2. Зайти в браузере на страницу ваш_сайт/admin/plugins/, активировать:

— mainpreview
— bononotpl

3. Скопировать шаблон:

— template/bonono

в
— ваш_сайт/templates/skin/

4. Активировать шаблон в ваш_сайт/config/config.local.php изменив:

$config['view']['skin'] = 'bonono';

5. Скопировать заменой

/templates/skin/bonono/js/libs/prettify.js

в

/engine/lib/external/prettify/

Удачи, хорошей работы!!!

Основные положения лицензионного соглашения

Код

— Код открыт
— Можно изменять внешний вид и код на свое усмотрение

Запрещено

— Перепродажа
— Раздача шаблона

Домены

— Установка шаблона разрешена на один домен
— Для установки 2/3/4… домен, предусмотрена лицензия с 50% скидкой на каждый.

Распространение

— Шаблон распространяется только через официальный каталог LiveStreet CMS.

Копирайты

— Мой «копирайт ссылку» с подвала сайта снимать разрешено. Однако хорошим тоном будет ее оставить.

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

— Запрещается использовать код в своих разработках без согласования.

Плагины

— Почти все плагины потребуют адаптации, из-за нестандартности шаблона.
— Адаптация, разработка шаблонов к плагинам в платном порядке. Писать на почту.

Поддержка

— Осуществляется в рабочее время

Мошенники

— Не высылайте шаблон людям, якобы «От разработчика». Разработчик никогда не будет просить выслать дитрибутив.

Статистика

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