Новый журнальный шаблон «TREND»

Привет, сообщество ЛС!

Представляю вашему вниманию свой новый шаблон, над которым работал с начала лета, и, наконец-то, к его окончанию выходит релиз.
Последнее время стал замечать, что сайты больше переходят на одноколоночный вид топиков, прячут лишнее в сайдбар и сам сайдбар прячут :). Считаю, это наиболее удобный вариант для подачи контента пользователям, мне такие шаблоны нравятся.
Настоящий шаблон я решил построить на таком одноколоночном стиле, дав ему название «TREND», чтобы, так сказать, соответствовать тренду вебдизайна сайтов :).



Принято описывать шаблон «по крупному», я же этого делать не буду, больше двух месяцев разработки ушло на сам шаблон (не то чтобы там что-то сверхъестественное, просто в процессе менялась задумка, что бывает у разработчиков) и еще неделю необходимо для описания… ну уж нет. :)
Напишу тут вкратце каковы главные фичи шаблона, остальное будет дополнятся комментариями и представляться в демо!

Чего такого есть в шаблоне:
  • Уникальная структура элементов
  • Совершенно новый вид фотосета на популярном MagnificPopup
  • Полностью адаптивный дизайн (удобство для пользователей по данным Google PagespeedInsights выбивает 100 из 100 баллов.)
  • Гибкий и настраиваемый конфиг
  • 25 лент топиков
  • Возможность создавать неограниченное количество виджетов посредством HTML
  • 2 режима заголовка
  • Внедренный виджет Instagram
  • Легкий, читабельный дизайн
  • Обновленная структура страницы профиля
  • И многое другое.
  • Остальное смотрите в демо. :)


Скрины других лент опубликованы в каталоге, позже создам статические страницы.

Также хочу сказать спасибо Виктору makenskiy , который помог мне решить ряд задач в процессе разработки шаблона, поскольку шаблон TREND построен на шаблоне Chaos to Block.

Работа над шаблоном будет продолжаться, в ближайшее время будут модернизированы страницы людей и блогов, добавлены новые ленты типа Masonry, Timeline и другие, также будут адаптированы некоторые необходимые плагины (авторизации соц.сетей, поиск по сайту и другие.)

С вопросами и предложениями в комментах и на почту work[at]oolive.ru.

ДЕМО

Ленты топиков (статические страницы):

Прочие скрины:



Имеется бюджетный вариант покупки: выбираете 1 любую из 25 представленных лент топиков — стоимость шаблона составит 500 рублей.

206 комментариев

avatar
Браво! Великолепная адаптивность!
комментарий был удален
avatar
Красивый шаблон. Если еще уделите внимание метатегам, то будет вообще сдОрово.

Пример страницы: dev.oolive.ru/trend/blog/cinema/23.html
Теги:

Title (98): Первый сезон «Проповедника»: видели Бога — ничего такого / Кино / Шаблон «Trend» для LivestreetCMS
Description (135): Одной из самых амбициозных теленовинок этого лета стал сериал «Проповедник» канала AMС и создателей Сета Рогена, Эвана Голдберга и Сэма
Keywords (29): ПРОПОВЕДНИК, СЕТ РОГЕН, СЕРИАЛЫ
H1: Шаблон TREND || Шаблон TREND ||Первый сезон «Проповедника»: видели Бога — ничего такого
H2: Навигация сайта || О нас || Кино || Прямой эфир || Популярные темы || Категории || Контакты || Новое и лучшее || Виджет @instagram || Рекламный блоквообще лучше оставить пустым и выделить, например, под подзаголовки
H3: 1 комментарий || Подписка на топики вообще лучше оставить пустым и выделить, например, под названия фотографий alt
H4: Авторизация || Об авторе Алексей Белов
STRONG: Одной из самых амбициозных теленовинок этого лета стал сериал «Проповедник» канала AMС и создателей Сета Рогена, Эвана Голдберга и Сэма Кэтлина. Максим Сухагузов остался недоволен первым сезоном, но с интересом дождется второго.
avatar
Метатегам я уже уделил большое внимание, поскольку сам имею SEO-опыт.
В шаблоне полные open graph теги, заголовки с wordpress сравнивал, там также все.
Могу поработать еще над этим, особенно когда меня в своем убедите, что нужно так действительно делать.)
avatar
Из коробки wordpress не оптимизирован. Устанавливают доп модуль для того, чтобы нормально прописывать теги. Поэтому брать его в качестве стандарта нельзя. ИМХО естественно

Тут можно почитать:
support.google.com/webmasters/answer/35624?hl=ru&rd=1
и
devaka.ru/articles/200-google-factors

Требования для Гугля и Яндекса одинаковые.
avatar
не холивара ради, но статья на странном российском сайте от 2013 года за авторством доморощенных экспертов с «детальным описанием всех 200 факторов» — весьма сомнительный референс
avatar
1. если бы вы воспринимали сообщение как единое целое, а не выдергивали из контекста, то и холивара не получилось бы.
2. если бы имели какие-то базовые знания в продвижении или желание разобраться в вопросе, то странного ничего бы не увидели.
3. если бы прочитали информацию по ссылкам и включили мозг, то не возникло бы желание писать бесполезный пост.

Дайте ссылку с авторитетного сайта на котором доказано обратное. Нет такого? Ну оно и понятно.

Любое продвижение начинается со сбора запросов, распределения запросов по сайту, правок шаблона, написания метатегов: title description h1 h2 h3 h4 h5 h6
Это как подготовиться к дальнему путешествию на автомобиле: загнать на станцию для проверки, заправиться, подкачать шины, пополнить аптечку, заправить огнетушитель и т.п.
avatar
Некоторые сеошники смешные и напоминают свидетелей Иеговы. Возрастное :)
avatar
На самом деле это все какая-то сео магия, имхо это не так важно, главное что тег h1 верный, с главной h2, есть микроразметка, пс не туп, он видет где статья, где коммент, а где сторонний блок. Конечно не сеошник, много не понимаю, вам видней как специалисту в этом вопросе, но это как раз ваша копейка заниматься перекладыванием одного в другое.

Там h2 по одной простой причине, не имеющий причины — шаблон мини-топика тот же самый, что например на главной, переделать под себя 15сек, если это так важно конечно.

P.S. Лучше работать над сайтом чтобы людям было интересно, чтобы были хорошие поведенческие показатели, и пс будет вообще наплевать, что у вас там за тег, да и вам на пс тоже тогда с высокой горы, соц.сети сейчас рулят.
avatar
Слушайте, ну нет тут никакой магии и фантастики. Просто есть определенные правила, стандарты и рекомендации.

www.youtube.com/playlist?list=PL2CvnqaI3Q1fNuq92sInzoIq-sUF0wNBd

support.google.com/webmasters/answer/35769/?hl=uk

www.google.com/intl/ru/webmasters/learn/

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

Для того, чтобы были поведенческие были надо, чтобы люди на сайт попали. Для того, чтобы люди поняли, что на сайте интересно — надо чтобы они на сайт попали.

Если поставить рядом два новых сайта один оптимизированный с качественным текстом к требования поисковых систем, а второй "… сам вылезет..." с качественным текстом. Вопрос. У какого быстрее пойдет посещаемость?

Все важно. Мелочей не бывает.

Если все так легко и просто в части добавления тегов в код, то почему разработчики шаблонов этого не сделали? Не добавили в описание «оптимизированный под поисковые системы»? И таки образом не создали новую добавленную стоимость к шаблону?

Сделайте эксперимент с Chaos to Block. Сделайте новый шаблон на базе этого, но проведите необходимые действия по сеооптимизации: отдельный отличный от заголовка тайтл и дискрипш не только для главной, но и для Топики, Люди, Категории, Активность, разметку правильную и увеличьте его стоимость пропорционально затраченному времени. И посмотрите результат в… рублях.

И. Я не сеошник. Я менеджер. Есть несколько проектов на разных CMS, которыми управляю, поэтому есть возможность сравнивать и делать выводы.
avatar
В своих рассуждениях вы правы, но прав и я, получается непонимания. Хотел ответить развернуто, но не стал, т.к. не по теме шаблона. За ссылки спасибо, их видел и читал. Проблем в том же Chaos to Block с SEO лично не вижу, поэтому так как есть, если кто-то видит, пусть правит как душе угодно теги h. Так же можно начать дискуссию про семантику html всего к «новым» стандартам, и почему разработчики этого редко придерживаются (вообще не придерживаются), только все это частности, по факту можно биться головой об стену как угодно.
avatar
Кстати Chaos to Block от makenskiy тоже этим грешит. Например в H2 выводятся названия статей из блоков: Похожие материалы и Новое и лучшее
avatar
Не вопрос, можно сделать в H3.)) сейчас у меня вообще Ашки там.
avatar
Ни в h2, ни в h3 и даже в h4 не надо. Сделайте в обычном div.
avatar
Очень крутой получился шаблон!
1. Не получилось загрузить аватарку на iPad
2. Можно ли добавить страницы — лента, обсуждаемое, топ?
avatar
Спасибо! А имеет смысл? Я, честно говоря, наоборот хотел постепенно избавляться от страниц таких.
Как вариант, можно ссылки на такие страницы вынести в панель навигации в сайдбаре, чтобы и глаза не мозолили, и места не занимали.
avatar
Тут зависит от идеи шаблона. В него можно добавить, что угодно. Надо ли?

Вот makenskiy сделал для сети шаблон аля ВК и шаблон для многопользовательского журнала.

Ваш Бренд и новый Тренд это журналы. ИМХО естественно.
avatar
Ок. Размещу в следующей версии ссылки в панель навигации в сайдбаре.
avatar
1. Не получилось загрузить аватарку на iPad

Если пользователя, то это не баг в JS плагине, который из коробки в LS, писал тут с решением.
avatar
Тьфу, соррии — «Если пользователя, то это не баг шаблона, а недочет в JS плагине, который из коробки в LS, писал тут с решением.
»
avatar
livestreet.ru/blog/seo/17096.html по ссылке «неизвестный» описАл все компетентно, сжато правильно и корректно.

Компетентность разработчиков хэлпа от гугля и яндекса не вызывает сомнений, но пользовательский опыт, который генерируется на специализированных ресурсах, более широко раскрывает сухие рекомендации.
avatar
На маленьких экранах грузится другой шаблон и на странице регистрации не отображается каптча
avatar
точнее при логине открывается не модальник, а отдельные страницы (регистрация, логин, ремайндер)
avatar
Я убрал для мобильных авторизацию и регистрацию с модальных окон, перенаправил на страницы соответствующие.
avatar
Для чего в инпутах и текст.полях text-transform: uppercase;?
Разве реестр не имеет значения (например при логине и в текстовых полях)?
avatar
Да, это я, скорее, сделаю нормальный регистр в следующей версии.
avatar
dev.oolive.ru/trend/profile/test/created/notes/ (для залогиненного) — пусто
avatar
В следующей версии совсем уберу ссылку на заметки, думаю, они не нужны в шаблоне.
avatar
В topic-list 4 колонки, а потом при уменьшении экрана сразу переход на 1 колонку.
Может на брекпоинтах добавить 3 и 2 колонки?
avatar
В topic-list (сетка топиков) я бы добавил margin-ов, а то все сливается…
avatar
есть режим boxed в конфиге, там падины добавляются, на выбор пользователя.
avatar
Почему выбрали именно Kube (а не Bootstrap например)?
avatar
Там частично есть bootstrap, частично materializecss, а в целом kube.
Честно, мне бутстрап разонравился, для разработки он менее удобен лично для меня, для других может быть обратное, к тому же, шаблон построен на Chaos to Block, в свою очередь он на Kube идет.
avatar
Немного тошнит от Bootstrap, его суют куда надо и куда не надо, он более наворочен, чего собственно и не надо при разработке шаблона в большинстве случаев. Bootstrap хорош для программистов, чтобы делать готовую верстку без заморочек. В общем не более чем личное предпочтение.
avatar
Черные рамки у аватаров пользователей — наводят на печаль ))
avatar
Подумаем!) Это больше к единому стилю шаблону, но соглашусь, черные рамки многих на печаль могут наводить.)
avatar
взял бы шаблон, но проблема со шрифтами в заголовках-сливаются(
при отображении с mozila
avatar
Не могли бы вы заскриншотить?
Я ранее сам с мозилла работал, после чего перешел на другой браузер именно из-за шрифтов, шрифты многих сайтов на мозилле выглядели иначе, не красиво, чтобы я не делал.
Наверное, у вас тоже такая проблема.
avatar
avatar
Я вам не буду говорить какое количество аудитории сидит через мозилу, адаптивность под браузеры важная вещь
avatar
Вот скрин с мозиллы сделал, хотя я бы не сказал, что с со шрифтами проблема там какая-то.
i.imgur.com/cpRObn0.png
avatar
3. Сделайте пожалуйста возможность добавлять свои теги и вывод их в избранном.
Обязательно прикуплю шаблон!
avatar
В следующей версии будут новые ленты топиков. Предлагайте свои варианты, какими бы хотели видеть.
Мне предложили сделать такую, мне понравилось.
avatar
И еще вопрос, картинок выводится много в лентах топиков, думал на счет того, чтобы добавить «ленивую» подгрузку картинок-превьюшек (Lazy load) для ускорения загрузки страницы, как вы считаете, а надо ли?
avatar
а вот основную лучше сделать в виде www.theverge.com/ фотка как затемнена, а текст яркий. У Вас и резкость фото высокая и резкость букв высокая. Акцент на заголовке.

Тот вариант вам предложили — акцент на фото, а заголовок вторичен.
avatar
Т.е хотел сказать, что было бы здорово)
avatar
Даже очень! Вот ещё вариант, для вдохновление www.kubothemovie.com/?redirect=off
На счёт ленивой- если опционально, то можно. Ещё, было бы не здорово добавить шапки в виде картинок для блогов.
avatar
А чем отличается от того, что есть сейчас?)) Я не имею ввиду размер и расположение колонок, или в низ дело все?)
avatar
Ну так то да, сильно не отличается от текущего стиля). Просто понравился вид с большой вертикальной картинкой на пол экрана, особенно если замиксовать ещё с какими — нибудь идейками и отображать поочередно справа и слева.
avatar
По моему Вам надо подробно расписать установку шаблона.
avatar
А по-моему, нужно сначала купить шаблон, попробовать поэтапную предложенную инструкцию установки на странице продажи шаблона, и если вдруг она вам не поможет, то уже тогда можно писать с этим вопросом.
avatar
В какой папке инструкция?
avatar
А, если вы уже купили, то в табе «Установка» на странице catalog.livestreetcms.com/addon/view/545/, в следующей версии будет и корневом каталоге шаблона.
avatar
Главное сначала плагин активировать, то есть в таком порядке:

1. Распаковать файлы с архива согласно папкам движка.
2. Активировать плагины «Trend Child» и mainpreview.
3. Стандартно изменить или прописать в файл config.local.php следующее содержимое:

$config['view']['skin'] = 'trend';
avatar
Да уже купил. В архиве есть папки docs, doctpl, mainpreview, page. Зачем они, что с ними делать?
avatar
Где сменить надпись «ШАБЛОН TREND», где взять шрифт для замены надписи?
avatar
В архиве папки templates, plugins и docs.
С первой папки копируете на ваш сервер в папку шаблонов сам шаблон trend, затем из второй папки копируете на сервер в папку плагинов plugins. Идете в админку, активируете плагин Trend Child, после чего активируете сам шаблон заменив в конфиге строку с шаблоном на trend.
Сменить название сайта в верхней шапке можно в конфиге шаблона — /settings/config/config.php там строку в верхней части увидете, пропишите свое название.
avatar
Сделал как написали, превью не работают. Генерацию превью запускал.
avatar
Превью заработало.
Как убрать виджет instagram.
Как в навигации сайта отредактировать меню, содержанеие «о нас», в том числе /page/about/ (у меня там Ошибка!: 404)
avatar
Эта стандартная страница, если включен плагин page.
Данное меню меняется также стандартно через конфиг сайта домен /page/admin/
avatar
Просто можете снять галочку с показывать на главной и ссылка исчезнет.
avatar
Где отредактировать содержание блока «Рекламный блок»
avatar
Рекламный блок и виджет инстаграм расположен в файле footer.tpl

Там строки 16 и 22 увидите, можете их либо удалить, либо заменить на свой контент.
Заголовки же к данным разделам будет заменить в языковом конфиге шаблона, либо там же на «месте» в файле, когда будете менять на свой контент.
<h2 class="widget-title">свой заголовок</h2>
avatar
Может вот в этом месте
меню, поиск
как то выделять поисковое поле и поставить лупу, а то сразу не понятно что это поиск. Кстати как поменять надпись «наберите текст и нажмите inter» на «поиск».
avatar
Данный текст меняется индивидуально покупателем в языковом файле шаблона, поменять текст на свой 10-секундное дело. зайдите в папку конфига шаблона language/russian.php, в файле увидите текст поиска, замените на свой и сохраните файл. По-поводу лупы подумаю, можно иконку поиска, как вариант, слева добавить.
avatar
Спасибо.
avatar
Обращайтесь. Думаю, тут топик засорять такими вопросами не стоит, лучше писать в ЛС или на почту work[at]oolive.ru
avatar
Подписка на топики «Форма email», заглушка так понимаю? Или планируется такая функция?
avatar
Заглушка! Или проще сказать готовая форма для сервисов-подписок mailchimp, google feed и прочее.
Там нужно по факту на сервисе зарегистрироваться, подключить rss, получить код да и подставить в форму подписки.)
avatar
* В новой версии будет переработано выравнивание картинок (расположение слева и справа) + адаптивность к ним. Картинки могут быть любыми размерами.

Страница с картинками i.imgur.com/rLZ6okN.jpg
Страница с картинками мобильный вид i.imgur.com/Rd4lGV1.jpg
avatar
И кстати, по поводу зеленой плавающей кнопки, у меня спрашивали, поясню.
Возможности кнопки доступны авторизованным пользователям, только лишь тогда раскрываются ее полные опции в зависимости от ролей пользователей.
К тому же я сделал так, что когда мы на нее кликаем, то она выполняет роль стандартного прокрутчика страницы вверх, а когда авторизованный пользователь на нее просто наводит, то появляются опции. Я считаю, это очень удобно, просто нужно привыкнуть к ней. Только не могу точно знать, подходит ли в кнопке значок «энергии». :)
Эффекты кнопки красивые, сделаны на velocity и materializecss.
Посмотреть в действии можно авторизовавшись на демо-сайте или на скрине.
avatar
Вопрос назрел по функционалу для следующей версии, так как перерабатываю фотосет:
Нужен ли «из коробки» автоплей картинок? (также можно индивидуально в скрипте задать значение)

К чему такой вопрос, хочу узнать мнение, если с автоплеем интереснее, то тогда нет необходимости делать «ленивую» загрузку картинок дабы на старте увеличить загрузку страницы при больших количествах фотографий.
avatar
Найденый баги:
1. При переходе по ссылке город, страна пустая страница.
2. Не загружается аватарка в профиле на планшете.
Пожелания (буду рад если учтете):
1. Добавить страницу ленты новостей пользователя;
2. Добавить сортировку обсуждаемые, TOP (как вариант можно сделать выпадающим списком к пункту «Новые»
3. Добавить шапку с картинкой к страницам блогов.
avatar
По багам:
1) Принял, поправим.
2) Виктор makenskiy описал проблему тут, дело не в шаблоне.

По предложениям:
1) Подумаем.
2) Сделаем.
3) Широкую имеется ввиду?
avatar
По шапке — да имеется ввиду на всю ширину экрана. А по ленте новостей мне кажется в журнальном шаблоне нужно обязательно, иначе теряется смысл кнопок подписки на категории и блоги пользователей.
avatar
Подумать тоже можно, но не получится ли обилие картинок переизбыточное?))
avatar
Нашёл ещё небольшой баг: в вертикальном положении при прокрутке шапка не прячется, а скрошится вместе с лентой.


avatar
Какой размер экрана? Устройство?
avatar
ipad air 2048x1536 px
avatar
safari?
avatar
Yandex
avatar
Исправил!
avatar
Добавление к следующей версии: если кому-то больше нравятся отступы в ленте между топиками как на скрине, то раскоментируйте в файле topics.css строчку 275 или добавьте в любой css файл значение

.tlist .post  {
    border: 5px solid rgba(255, 255, 255, 1);
}

Отсюда можете сами задавать цвет и толщину отступа.
avatar
что-то перестала приходить почта с livestreet.ru — нет возможности заказать шаблон ((
avatar
Проверьте, на тот ли почтовый ящик приходят уведомления.

ПО поводу шаблона, завтра выйдет обновление, добавлено большое количество лент: доработали до 20 лент в различных вариациях.
Исправлены ошибки, добавлены некоторые фичи по комментариям.
avatar
а траурные рамки убрали? серенькие тонкие бордеры куда лучше смотрятся всегда
avatar
Убрали в верхней шапки пока, поставили на желтый под основные цвета сайта, смотрится неплохо! На страницах пользователей остались, но она будет полностью заменена в ближайшие обновления.
avatar
И так! Сегодня отправил на модерацию новую версию шаблона.
Кратко по основным обновлениям

— добавлены ленты топиков (теперь из 19)
— добавлено новое меню
— переработана шапка сайта
— контент теперь обернут в тег — переработан дизайн пагинации (переключения страниц)
— добавлены многочисленные объекты (по просьбам пользователей)
— исправлены ошибки
— добавлена документация

Чуть позже будут добавлены демо лент топиков и скриншоты к ним.
avatar
avatar
Классные ленты некоторые, понравилось! Можно на документацию посмотреть? С недавнего времени сам начал делать, интересно.

P.S. В слайдере фотосета, на «Стоп/Пауза» не хватет обозначения активности кнопок, не сразу понял что происходит.
avatar
Да я тоже на счет фотосета подумал, что-то не хватает или наоборот они лишние, возможно будет переработан фотосет к следующей версии.
Документацию шаблона?
avatar
Ага, по шаблону.

Кажется лучше убрать, т.к. они не нужны, а вот навигацию по слайдеру туда/сюда наоборот добавить, т.к. пагинация мелкая, не удобно тыкать мышкой и автостарт грохнуть.
avatar
Пользователь test не может создавать топики?
avatar
Может! У вас не получается?
avatar
Только по ссылке могу, а вот элемента какого-то типа кнопки или пункта меню я не обнаруживаю.
avatar
Авторизованные пользователи добавляют контент через верхнее меню юзера или при наведении на кнопку зелёную снизу справа
avatar
Да, обнаружил. Мне кажется, что это не очень наглядно.
avatar
Фотосет теперь только из миниатюр состоит? Щёлкая по фоткам, а они нигде не открываются. Это баг или фича?
avatar
Фишка такая: наводим на картинку, появляется ховер эффект с иконой увеличения
avatar
Хром, не появляется ничего.
avatar
Я проверял и еще раз проверил, все работает.
avatar
Благодарность за выполнение некоторых хотелок и исправление ошибок! Но! Шаблон стал Жудко тормозить! Пока нет возможности установить и посмотреть самому, поэтому спрошу — в чем причина появившихся тормозов и за счёт чего можно облегчить шаблон?
avatar
Да ну там особо-нагружаемого из скриптов нового ничего не появилось за исключением как раз наоборот: с целью облегчить загрузку добавлен прелоадер в виде анимированного круга пока контент не загрузился(3 скрипта весом не более 20кб), который можно отключить в конфиге шаблона тем, кому это не нравится.
Можно подробно описать в чем тормоза? Лично у меня открывается все также, как было изначально! Я особо трепетно отношусь к быстродействию сайта, скорости его загрузки, сейчас еще хочу опцию, когда не столь важные скрипты шаблона помещаются в тело контента с асинхронной загрузкой, пока опция в шаблоне присутствует частично, буду далее работать далее в этом направлении.
avatar
Так, моя ошибка, в настройках конфига указал двойную компрессию файлов, не как обычно, тем самым порезались скрипты возможно не так. Сейчас сделал стандартно, проверьте еще раз сайт.
avatar
По моему без изменений, по статичным разница по прежнему заметна. Попробуйте крутилку- загрузку отключить.
avatar
Даже по статичным страницам заметно — Скорость загрузки новых лент значительно(даже на глаз) дольше. Может дело в этой крутящейся загрузке, не знаю. А ещё, уже несколько раз заметил, переходишь в топик с главной (скорее даже наверное в фотосет) и страница не загружается, даже крутилка эта не появляется, пока не обновишь страницу. Смотрю на айпаде. До этого у вас на сайте (и на других сайтах сейчас) не было таких глюков.
— И ещё вопрос: как можно отключить эффекты при наведении на картинки?
avatar
PS. проблема решена была давно, в ЛС отписывался!
avatar
И да, страница dev.oolive.ru/trend/feed/ по прежнему пуста…
avatar
ок, не заполнил. Следующим обновлением будет!
avatar
Обновил демо-сайт, в ответ на жалобы по поводу «тормознутости» сайта, исправлена логика скриптов и переработаны некоторые фичи.

Смотрите и оставляйте отзывы по поводу лагов dev.oolive.ru/trend
avatar
Описанный мной выше глюк больше не повторялся.
avatar
Отправлена на модерацию обновленная версия:

— переработана логика загрузки скриптов для ускорения сайта
— добавлены новые страницы
— исправление некоторых ошибок
— переработан вид фотосета (вернут на первоначальный)
— остальные мелкие нововведения
avatar
— переработана логика загрузки скриптов для ускорения сайта
А как именно?
avatar
Скрипты подправлены, сжаты, лишние убраны и прочее.
avatar
Доброго

Нужно следующее, добавить страницу со своим шаблоном вывода постов, по типу livestreet.ru/log
А именно страница ‘персональных‘ записей, почти идентичную ссылке выше

И если вы готовы сделать это, то напишите в личку. Обсудим, что и сколько!

Ps. Автор молчит, в личку отписался…
  • Coffe
  • 0
avatar
Я был занят.
Не совсем понятно, эта страница плагином выводится?
avatar
Отличная работа! Сверстал измененный сайт на вашем прошлом шаблоне бренд, теперь думаю для городского развлекательного портала о Санкт-Петербурге попробовать покрутить этот!
avatar
Спасибо, и так сказать, пожалуйста! :)
avatar
Кстати, недавно заходил на ваш сайт на переработанном шаблоне BRAND mlttd.ru, мне дизайн нравится!
avatar
Большое спасибо, приятно слышать от вас подобное! :)
На днях закончу допил, оцените! Еще хотел кое-что уточнить по поводу шаблона BRAND и связанного с ним плагина. Потом отпишу :)
avatar
Я планирую заняться рестайлингом в ближайшее время!
avatar
Звучит интересно, но меня будет интересовать скорее адаптация к тому рестайлингу, что я сделал с ним уже :)
avatar
У меня в посл.версии Хрома почему-то шрифты заголовков не отображаются вообще)
avatar
аналогично
avatar
Мне кажется, проблема именно в новой версии хрома… Возможно он почему-то не видит подключенные шрифты без наличия оных на компе юзера. Если так, то это проблема)
avatar
У меня версия Хрома 51.0.2704.103 m, все как положено отображается!
Тест www.browserstack.com/screenshots/61e9dc90165e27e242fe636ea8566524b3d3d479
avatar
У меня в демке вот так вот, также и на других плитках-демках по ссылкам из каталога:
avatar
Версия 53.0.2785.116 m
avatar
Обновил хром до такой же версии, снова все в порядке отображается!
Может у вас блокировщик какой-то стоит, который сайт google font блокирует типа addblock?
avatar
Да нет, на других сайтах нет такой проблемы нигде, не может быть совпадением, что и у меня, и у того пользователя выше тоже самое)
avatar
Блокировщиков нету, ибо сам подключаю иногда шрифты к сайтам через гугл фонтс)
avatar
Но случилось так именно после обновления хрома, на старой версии (51 или 52, не помню), всё было ок с заголовками)
avatar
не отображается — привожу вашу же страничку демки. причем не отображается именно на винде. на маке работает нормально
avatar
Может у тебя просто эти шрифты в системе стоят? Посмотри windows/fonts, если есть удали и Ctrl-F5.
avatar
И что, если стоят, по другому никак не решить? xD
avatar
Мой комментарий был для автора, я предложил объяснение почему у него все нормально отображается, тогда как у других пользователей проблемы с шрифтами. Но возможно причина в другом.
avatar
Да, точно. Не так понял немного, прошу простить
avatar
К тому же как понять, какой именно тут использован шрифт? В код залезать лень сейчас.
avatar
у меня тоже такая версия и шрифты не кажут. В дх браузерах нормально работает
avatar
А у меня и в Опере также, кстати. Тоже нет заголовков и пунктов меню. Странно, мистика какая-то
avatar
Как со шрифтами, проблема не исчезла??!!!
avatar
avatar
Проблема со шрифтами осталась?
Тоже склоняюсь к тому, что системные шрифты режут гугловские.

Попробуйте тогда еще такой вариант: с header.tpl (строка 71) заменить

<link rel='stylesheet' id='trend-fonts-css' href='//fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i|Fira+Sans:300,400,500,700|Merriweather:700&subset=cyrillic' type='text/css' media='all' />	


на простой вариант
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i|Fira+Sans:300,400,500,700|Merriweather:700&subset=cyrillic' type='text/css'/>	
avatar
Приступаю к адаптации плагинов к шаблону в связи с чем хотелось бы у вас узнать, какие наиболее необходимыми плагины вы считаете должны быть адаптированы в первую очередь?

Есть еще предложения по шаблону?
avatar
Плагины DAO и Гараж по возможности.
avatar
Гараж?
avatar
DAO, adminuser и предложение: все-таки уйти от черных рамочек в дизайне — на белой версии вполне достаточно серых, на темной — светло-серых. Желтый тоже како-то грубый, на мой взгляд
avatar
кстати, про виджет инстаграма: не очень понятно где его конфигурация настраивается и вообще где он расположен в коде шаблона — проясните, пожалуйста
avatar
В readme.md шаблона описана подробная инструкция! Если ее будет недостаточно, тогда спрашивайте.
avatar
потому и спрашиваю, что недостаточная — там ссылка на производителя виджета, а ГДЕ он размещен в шаблоне и где надо указывать ID_CLIENT я лимчно (уж простите за ламерство) не разобрался. Поэтому и спросил
avatar
Хорошо, не волнуйтесь!) Часть кода
if ( typeof instagram_user_id !== '3551967779' && typeof instagram_access_token !== '3551967779.d31b8d2.7f0db554bbc54cfe914eb942b24e12e5' ) {
			if ( $('#instafeed').length ) {
				var userFeed = new Instafeed({
					get: 'user',
					userId: '3551967779',
					accessToken: '3551967779.d31b8d2.7f0db554bbc54cfe914eb942b24e12e5',
....
			}
		}


Вам нужно получить свои данные о userID и access_token (как получить, написано в инструкции)

Затем нужно в обоих местах заменить указанные на в скрипте на свои, а именно

if ( typeof instagram_user_id !== 'ВАШ USERID' && typeof instagram_access_token !== 'ВАШ ТОКЕН' ) {
			if ( $('#instafeed').length ) {
				var userFeed = new Instafeed({
					get: 'user',
					userId: 'ВАШ USERID',
					accessToken: 'ВАШ ТОКЕН',
........
			}
		}


Данные этого скрипта встраивается в footer.tpl строка 16, конкретно
<div id="instafeed" class="instagram-feed"></div>
avatar
никто и не волнуется. В каком файле этот код (приведенный как «часть кода») искать? в footer.tpl такого кода нет.
avatar
сам скрипт плагина находится js/custom.js
avatar
Спасибо. В этом и состоял вопрос
avatar
Ну вставлю ка и я свои 5 копеек!
1. Шаблон реально крут
2. Реально задумываюсь о покупке
3. Хотелось бы иметь возможность в изображениях к топику (которые сейчас на всю страницу пока не начинаешь скролить) иметь возможность самому задавать параметры, размер
4. Не сразу понятно где открывается сайдбар
5. В самом топике слева и справа от текста очень много свободного места, это конечно же ИМХО, но хотелось бы иметь возможность по надобности заполнять это место полезными виджетами
6. Когда планируется обновление шаблона? просто думаю ждать или покупать эту версию

Спасибо!
avatar
1. Спасибо за положительный отзыв о шаблоне!
2. Вижу уже)
3. В процентном выражении?
4. Крайняя иконка в меню, возможно, стоит заменить иконку чтобы было понятнее.
5. Например чем? Ширину контента увеличить может быть.
6. Обновление выйдет к концу недели следующей, произведены мелкие правки в коде, исправлены фиксы, плагины некоторые адаптированы, к тому же, попробую еще 2 типа лент добавить: Timeline в 2 вариациях.
avatar
Отправлена на модерацию новая версия шаблона. В изменениях:
— переработка некоторых страниц
— исправление указанных пользователями ошибок
— добавлены 3 новые ленты топиков (2 из них masonry)
— проделана небольшая работа по ускорению загрузки js и css шаблона

Новые ленты топиков добавлены на странице покупки шаблона.
avatar
Ребят, есть такое предложение, думаю над заменой буржуйского скрипта кнопок социальных сетей, код не нравится мне какой он с собой несет, стоит ли производить замену на Яндекс.Кнопки с измененной стилизацией?

И второе, тоже к вам вопрос, адаптированные плагины под шаблон стоит ли их устанавливать и активировать на демо версии?
avatar
По поводу кнопок, вот шикарные кнопки от Сапегина и Бирмана: ilyabirman.ru/projects/likely/
avatar
Меня часто спрашивают пользователи, как изменить ширину контента на свою. Объясняю!
В файле css/style.css найти
.inner {
margin: 0 auto;
max-width: 740px;
padding-left: 30px;
padding-right: 30px;
}


Отсюда видим, max-width: 740px; — то есть максимальная ширина.
Заменяем это значение на свое произвольное, например, max-width: 800px;
таким образом мы расширили ширину до 800px.
Можно любую вариацию прописывать, будь то %, будь то em, будь то vw.
avatar
Отличные новости! Адаптирован плагин «Компании»!
avatar
avatar
avatar
Размышляю над тем, чтобы изменить основной шрифт текста, сейчас это Noto serif, хочу поменять на более мягкий. Как вы считаете?
avatar
Было бы здорово адаптировать Этот Плагин (последнее обновление).
avatar
Уважаемые клиенты, посетители, сообщество ЛС! Спешу сообщить Вам о том, что с завтрашнего дня в срочном порядке призываюсь в вооруженные силы в связи с чем далее не могу осуществлять поддержку моих шаблонов, однако оставляю за собой обещание в том случае, если у меня все же будет такая возможность (выход в сеть), то буду всячески продолжать заниматься шаблонами, поскольку осталось много всего интересного и задуманного, которое все невозможно охватить в отведенное мне время.

Сегодня отправил в каталог обновление шаблона, в котором были устранены ошибки, указанные посетителями, добавлены новые 3 вида лент и еще кое-что было подправлено.
Хочу извиниться перед теми, кому в последнюю неделю не отвечал, поскольку не уже не было времени или же собирался духом, мыслями.

На этом предложении я с Вами, уважаемые, прощаюсь, но не навсегда…
avatar
Жаль, что автор уехал в армию…

В общем у меня такие проблемы:

1) Под топиками не работает форма e-mail подписки, ввожу свою почту и пишет ошибку, о несуществующей страницы.
2) Не работает индикатор просмотры, счетчик все время по нулям.
3) Так же нужно как то по другому сделать вывод новых тем, мне не удается быстро реагировать на новую тему, можно сделать типа «на сайт добавили новую тему».

Спасибо!
  • do4a
  • 0
avatar
Позволю себе ответить за автора.

1) Это заглушка, функционала нет.
2) Это заглушка, можно установить плагин "Просмотры" и вывести хук в это место, скопировав html в плагин шаблоно. Или в шаблоне, вместо цифры вставить:

{assign var="countRead" value=$oTopic->getCountRead()}
{$countRead}


или

{$oTopic->getCountRead()}


3. Удобно следить за обновлениями в активности stream. Или же где нибудь возле логотипа сделать что-то вроде

{if $oUserCurrent && $oUserCurrent->isAdministrator()}
<a href="{router page='index'}new/">+{$iCountTopicsNew}</a>
{/if}
avatar
Благодарю!

Еще одно замечание по шаблону. Почему то фремы видео вставляются только из Youtube, тот же код из ВК уже не отображает видео.
avatar
Это к движку, не шаблону. Нужно настроить парсер, тут в поиске есть.
avatar
Если парсить hash видео, то говорят что vk банит ip домена.
При этом file_get_contents при доставании hash-а сильно замедляет загрузку страницы.
Вроде надежнее всего доставать hash с помощью vk api
avatar
Не знаю про это ничего, спасибо за информацию. Раньше вроде без проблем работало на прямую.
avatar
Не могу найти в каком файле > Или в шаблоне, вместо цифры вставить

Не подскажите?
avatar
Если пути в шаблоне от базового не менялись, то в /templates/skin/_you_skin_/themes/topic_themes/* посмотрите через инструмент разработчика класс этого элемента, и сделайте поиск в файлах.
avatar
Здравствуйте. Интересует создание делового портала на основе данного шаблона с использованием виджетов «компании», «вакансии», «мероприятия» и.т.д. Написал Вам на почту, но ответа пока не получил.
avatar
Разработчик сейчас служит в рядах вооруженных сил РФ.
avatar
Возле надписи «Версия 1.0.5» стоит красное уведомление «Совместимость: 1.0.3 (!)» при наведении на (!) всплывает уведомление «Расширение не совместимо с последней версией LS».

Планирую приобрести данный шаблон и несколько плагинов для него «Мероприятия», «Работа», «Компании».

Но для меня важно, чтобы всё это поддерживалось и обновлялось. Автор шаблона до сих пор проходит службу в армии?

Насколько критична несовместимость с последней версией движка?

Будут ли данные продукты поддерживаться и обновляться?
avatar
Народ, ищу тех, кто хочет скинуться на адаптацию плагина Вопросы под этот шаблон.
avatar
давай подумаем дружище, сколько это стоит для начала
avatar
Уже, автор плагина просит 1500 р., Еще один паренек пытается, но уже 4 дня пытается, а результата нет.
avatar
Я готов вписаться
avatar
Готов лично взяться за адаптацию указанного плагина.
avatar
Я кстати ищу народ, кто готов скинуться на адаптацию плагинов DAO Market, DAO Кошелёк, DAO Задания, конкурсы, викторины
avatar
Приобрел шаблон. Очень красиво получается и так как я хотел. Но есть проблема — почему то исчезла кнопка синяя с искрой (которая для редактирования и прочего). И сейчас исчезла возможность редактирования текста и всего-всего… в общем какой-то баг конкретный…
avatar
Добрый день! Пришлите мне, пожалуйста, сайт, на которой установили шаблон!
Можно в ЛС или на почту.

Кстати, новость, если со временем будет в порядке, то с середины апреля займусь адаптацией шаблона под 2.0 версию движка!
avatar
Когда обрадуете адаптивным TREND 2.0?
avatar
Подскажите, как мне сделать, так что бы можно было в этих местах размещать рекламные блоки? Готов заплатить.



avatar
Пишите в лс, почту или tg.
avatar
Здравствуйте, уважаемые! У меня такой вопрос, есть ли смысл далее работать с CMS в части разработки для нее шаблонов или все «умерло»?!
avatar
Можно попробовать, на долгосрочной перспективе мой шаблон отбил затраченное на него время. Будут работы, может и люди будут подтягиваться.
avatar
Планирую в декабре выпустить небольшое обновления с фиксами и маленькими новыми фишками, скорее упрощение в удобстве при обращении с шаблоном пользователями. К тому же, считаю сделать более подробную документацию для того, чтобы раскрыть больше функционала шаблона.
Если имеются предложения на этот счет, прошу оставлять их тут!

По поводу обновления на ЛС 2.0, пока трудно сказать сроки, поскольку мне лично пока не так знакома организация нового принципа в структуре движка, только начал знакомиться и пока темный лес =)
avatar
Ждем под ЛС 2

Плюс если будешь делать плагины тебе огромный респект!
avatar
Привет, ребята!
Вопрос такой сейчас острый назрел, а стоит ли адаптировать шаблон под ЛС 2.0?
Кто убедит?:)
avatar
Имеется бюджетный вариант покупки: выбираете 1 любую из 25 представленных лент топиков — стоимость шаблона составит 500 рублей.
avatar
Добрый день. Скажите пожалуйста,
Это сейчас в тренде?
Когда на странице
livestreetcms.ru/showcase/
при переходе на сайт Халява Project
открывается сайт про нижнее бельё bele.msk.ru
— а сайт
startuppoint.ru/
вообще недоступен.
— а еще очень порадовал
журнальный шаблон «TREND»
сайты клиентов на этом шаблоне
cyberfootball.ru
rusimm.ru
veg.one
u-stories.ru
diykonstruktor.ru
cadepo.ru
solide.club
gora42.ru
Все эти сайты — ОДИНАКОВЫЕ
У всех меню справа, потом идут плитки, и внизу у всех по три одинаковых блока
Новое, виджет Инстаграм, и рекламный блок.
И за что там 1500 руб?
Такой сайт на Wordpress можно за 1 день сделать, бесплатно.
avatar
Не хотел отвечать, явно вопрос провокационный от недоброжелателей.


Смотря на вашу активность, вы то ли специально ради этого коммента зарегистрировались оставить к моему шаблону либо перепутали сообщество с WP, в любом случае, спасибо за уделенное внимание.

По поводу первого пункта вы ошиблись, это не ко мне, спрашивайте у других что там открывается, что нет, в частности, у владельцев этих сайтов.

— а еще очень порадовал
журнальный шаблон «TREND»

Еще раз спасибо. То, что у клиентов сайты по дизайну похожие, это очевидно должно быть, ведь шаблон они один использует.

Посмотрите в каталоге другие шаблоны и их стоимость, но почему-то комментарий оставили именно к моему, он что, извиняюсь, самый недостойно-отстойный среди остальных по качеству и цене?
В шаблоне 25 лент выводов топиков, это уже должно говорить о чем-то, что была продела определенная работа по этим лентам.
На WP качественные шаблоны стоят от 45 до 60 долларов (от 2500 до 3500 р.) в которых могут быть всего пару лент топиков.
Кроме того, я ввел бюджетную систему покупки.
Имеется бюджетный вариант покупки: выбираете 1 любую из 25 нижепредставленных лент топиков — стоимость шаблона составит 500 рублей.

Такой сайт на Wordpress можно за 1 день сделать, бесплатно.
Не стоит сравнивать ЛС и WP, это разные CMS.
Тут другое сообщество, делайте бесплатно за 1 день на wordpress.

Есть еще возражения?! Думаю, на все вопросы ответил.
avatar
Такой сайт на Wordpress можно за 1 день сделать, бесплатно.

Ой ли… Вы способны на такое? Похвастаете своими работами? :)
avatar
Если кому-то еще интересно…

Версия 1.0.7
Состояние:
Отправлена на модерацию

Изменения:
— добавлены 3 стиля вывода шапки-заголовка на странице поста
— заменена стандартная подсветка синтаксиса на highlightjs (языки настраиваются)
— переработан и упрощен вывод произвольных виджетов (блоков)
— заменен основной шрифт
— добавлена возможность включать Lazy ленивую (отложенную) загрузку картинок и видео в постах для быстрой загрузки постов
— оптимизирован код в пользу ускорения загрузки CMS
— обновлены плагины-скрипты
— исправлены незначительные ошибки
avatar
Не могли бы подсказать как реализовано что при переходе по ссылке логин/регистрация на больших экранах получаем модальник, а на маленьких — переход на соответствующий экшн?
avatar
У меня bootstrap плагин меню, на десктопе одни иконки (мобильное меню спрятано), при заходе с малых экранов уже десктопное меню спрятано, мобильное показывается. В декстопе к иконки я лишь добавил вызов модального окна прописав css js-modal.

Сделай проще (особенно если используешь Bootstrap) — создаешь 2 ссылки одинаковые абсолютно, разница лишь будет в css классе и url.
К примеру, первая
<a href="#window_login_form" class="js-login-form-show hidden-xs">
   <i class="icon"></i>
</a>

Вторая
<a href="ссылка" class="visible-xs">
   <i class="icon"></i>
</a>

Размещаешь рядом эти 2 ссылки, css параметры будут скрывать и показывать, все!
hidden-xs — показывает везде, кроме мобильных
visible-xs — показывает только на мобильных
avatar
Спасибо! У меня по этим ссылкам стоят переход на «нормальные» экшены login и registration, а в js — preventdefault, поэтому вызывается модальник. Вот и подумал может в js можно и условие к размеру окна привязать.
avatar
Можно как-то так попробовать:

function onResizeARIA() {
if ( window.innerWidth < 960 ) {
...
} else {
...
}
}


и вызывать функцию:

$( document ).ready( function() {
$( window )
.on( 'load', onResizeARIA )
.on( 'resize', onResizeARIA );
}
avatar
Нужно посмотреть, тогда можно найти лучшее решение
avatar
Всем привет, как вставлять картинки в посты? Вместо этого стандартного коричневого фона? То есть картинки не в текст топика, а вот эту:
avatar
Информация (цитата) из FAQ по установке catalog.livestreetcms.com/addon/view/545/:

В таком порядке:

1. Скачать и распаковать плагин mainpreview из каталога ЛС.
2. Распаковать файлы с архива согласно папкам движка, при этом конфигурационные файлы плагина mainpreview будут заменена файлами из архива шаблона.
2. Активировать плагины «Trend Child» и mainpreview.
3. Стандартно изменить или прописать в файл /config/config.local.php следующее содержимое:

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


В целом работа шаблона активирована, более подробную инструкцию смотрите в файле readme.md шаблона!

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