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

Принято описывать шаблон «по крупному», я же этого делать не буду, больше двух месяцев разработки ушло на сам шаблон (не то чтобы там что-то сверхъестественное, просто в процессе менялась задумка, что бывает у разработчиков) и еще неделю необходимо для описания… ну уж нет. :)
Напишу тут вкратце каковы главные фичи шаблона, остальное будет дополнятся комментариями и представляться в демо!
Скрины других лент опубликованы в каталоге, позже создам статические страницы.
Также хочу сказать спасибо Виктору makenskiy , который помог мне решить ряд задач в процессе разработки шаблона, поскольку шаблон TREND построен на шаблоне Chaos to Block.
Работа над шаблоном будет продолжаться, в ближайшее время будут модернизированы страницы людей и блогов, добавлены новые ленты типа Masonry, Timeline и другие, также будут адаптированы некоторые необходимые плагины (авторизации соц.сетей, поиск по сайту и другие.)
С вопросами и предложениями в комментах и на почту work[at]oolive.ru.
Прочие скрины:
Имеется бюджетный вариант покупки: выбираете 1 любую из 25 представленных лент топиков — стоимость шаблона составит 500 рублей.
Представляю вашему вниманию свой новый шаблон, над которым работал с начала лета, и, наконец-то, к его окончанию выходит релиз.
Последнее время стал замечать, что сайты больше переходят на одноколоночный вид топиков, прячут лишнее в сайдбар и сам сайдбар прячут :). Считаю, это наиболее удобный вариант для подачи контента пользователям, мне такие шаблоны нравятся.
Настоящий шаблон я решил построить на таком одноколоночном стиле, дав ему название «TREND», чтобы, так сказать, соответствовать тренду вебдизайна сайтов :).

Принято описывать шаблон «по крупному», я же этого делать не буду, больше двух месяцев разработки ушло на сам шаблон (не то чтобы там что-то сверхъестественное, просто в процессе менялась задумка, что бывает у разработчиков) и еще неделю необходимо для описания… ну уж нет. :)
Напишу тут вкратце каковы главные фичи шаблона, остальное будет дополнятся комментариями и представляться в демо!
Чего такого есть в шаблоне:
- Уникальная структура элементов
- Совершенно новый вид фотосета на популярном MagnificPopup
- Полностью адаптивный дизайн (удобство для пользователей по данным Google PagespeedInsights выбивает 100 из 100 баллов.)
- Гибкий и настраиваемый конфиг
- 25 лент топиков
- Возможность создавать неограниченное количество виджетов посредством HTML
- 2 режима заголовка
- Внедренный виджет Instagram
- Легкий, читабельный дизайн
- Обновленная структура страницы профиля
- И многое другое.
- Остальное смотрите в демо. :)
Скрины других лент опубликованы в каталоге, позже создам статические страницы.
Также хочу сказать спасибо Виктору makenskiy , который помог мне решить ряд задач в процессе разработки шаблона, поскольку шаблон TREND построен на шаблоне Chaos to Block.
Работа над шаблоном будет продолжаться, в ближайшее время будут модернизированы страницы людей и блогов, добавлены новые ленты типа Masonry, Timeline и другие, также будут адаптированы некоторые необходимые плагины (авторизации соц.сетей, поиск по сайту и другие.)
С вопросами и предложениями в комментах и на почту work[at]oolive.ru.
ДЕМО
Ленты топиков (статические страницы):
- wow1
- wow1 noboxed
- wow2
- wow3
- wow4
- wow5
- wow6
- wow7
- wow8
- wow9
- wow10
- wow11
- wow12
- wow13
- wow14
- wow15
- wow16
- wow17
- wow18
- wow19
- wow20
- wow21
- wow22
- wow23
- wow24
- wow25
- Темная шапка
Прочие скрины:
- i.imgur.com/Pkpl2Q4.jpg
- i.imgur.com/jvvghb2.jpg
- i.imgur.com/9Y2MbuL.jpg
- i.imgur.com/nr1cvEz.jpg
- i.imgur.com/tpkkCly.jpg
- i.imgur.com/WEJ5ZGy.jpg
- i.imgur.com/Hzqtdzp.jpg
- i.imgur.com/Ce6uDtE.jpg
- i.imgur.com/EHBoZxp.jpg
- i.imgur.com/jAwh8Lw.jpg
- i.imgur.com/C1yjsUv.jpg
- i.imgur.com/O2RDpxa.jpg
- i.imgur.com/XeEkTZf.jpg
- i.imgur.com/AmhJlHc.jpg
- i.imgur.com/QT5p914.jpg
Имеется бюджетный вариант покупки: выбираете 1 любую из 25 представленных лент топиков — стоимость шаблона составит 500 рублей.
206 комментариев
Пример страницы: dev.oolive.ru/trend/blog/cinema/23.html
Теги:
Title (98): Первый сезон «Проповедника»: видели Бога — ничего такого
/ Кино / Шаблон «Trend» для LivestreetCMSDescription (135): Одной из самых амбициозных теленовинок этого лета стал сериал «Проповедник» канала AMС и создателей Сета Рогена, Эвана Голдберга и Сэма
Keywords (29): ПРОПОВЕДНИК, СЕТ РОГЕН, СЕРИАЛЫ
H1:
Шаблон TREND || Шаблон TREND ||Первый сезон «Проповедника»: видели Бога — ничего такогоH2:
Навигация сайта || О нас || Кино || Прямой эфир || Популярные темы || Категории || Контакты || Новое и лучшее || Виджет @instagram || Рекламный блоквообще лучше оставить пустым и выделить, например, под подзаголовкиH3:
1 комментарий || Подписка на топикивообще лучше оставить пустым и выделить, например, под названия фотографий altH4: Авторизация || Об авторе Алексей Белов
STRONG: Одной из самых амбициозных теленовинок этого лета стал сериал «Проповедник» канала AMС и создателей Сета Рогена, Эвана Голдберга и Сэма Кэтлина. Максим Сухагузов остался недоволен первым сезоном, но с интересом дождется второго.В шаблоне полные open graph теги, заголовки с wordpress сравнивал, там также все.
Могу поработать еще над этим, особенно когда меня в своем убедите, что нужно так действительно делать.)
Тут можно почитать:
support.google.com/webmasters/answer/35624?hl=ru&rd=1
и
devaka.ru/articles/200-google-factors
Требования для Гугля и Яндекса одинаковые.
2. если бы имели какие-то базовые знания в продвижении или желание разобраться в вопросе, то странного ничего бы не увидели.
3. если бы прочитали информацию по ссылкам и включили мозг, то не возникло бы желание писать бесполезный пост.
Дайте ссылку с авторитетного сайта на котором доказано обратное. Нет такого? Ну оно и понятно.
Любое продвижение начинается со сбора запросов, распределения запросов по сайту, правок шаблона, написания метатегов: title description h1 h2 h3 h4 h5 h6
Это как подготовиться к дальнему путешествию на автомобиле: загнать на станцию для проверки, заправиться, подкачать шины, пополнить аптечку, заправить огнетушитель и т.п.
Там h2 по одной простой причине, не имеющий причины — шаблон мини-топика тот же самый, что например на главной, переделать под себя 15сек, если это так важно конечно.
P.S. Лучше работать над сайтом чтобы людям было интересно, чтобы были хорошие поведенческие показатели, и пс будет вообще наплевать, что у вас там за тег, да и вам на пс тоже тогда с высокой горы, соц.сети сейчас рулят.
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, которыми управляю, поэтому есть возможность сравнивать и делать выводы.
1. Не получилось загрузить аватарку на iPad
2. Можно ли добавить страницы — лента, обсуждаемое, топ?
Как вариант, можно ссылки на такие страницы вынести в панель навигации в сайдбаре, чтобы и глаза не мозолили, и места не занимали.
Вот makenskiy сделал для сети шаблон аля ВК и шаблон для многопользовательского журнала.
Ваш Бренд и новый Тренд это журналы. ИМХО естественно.
Если пользователя, то это не баг в JS плагине, который из коробки в LS, писал тут с решением.
»
Компетентность разработчиков хэлпа от гугля и яндекса не вызывает сомнений, но пользовательский опыт, который генерируется на специализированных ресурсах, более широко раскрывает сухие рекомендации.
text-transform: uppercase;
?Разве реестр не имеет значения (например при логине и в текстовых полях)?
Может на брекпоинтах добавить 3 и 2 колонки?
Честно, мне бутстрап разонравился, для разработки он менее удобен лично для меня, для других может быть обратное, к тому же, шаблон построен на Chaos to Block, в свою очередь он на Kube идет.
при отображении с mozila
Я ранее сам с мозилла работал, после чего перешел на другой браузер именно из-за шрифтов, шрифты многих сайтов на мозилле выглядели иначе, не красиво, чтобы я не делал.
Наверное, у вас тоже такая проблема.
i.imgur.com/cpRObn0.png
Обязательно прикуплю шаблон!
Мне предложили сделать такую, мне понравилось.
Тот вариант вам предложили — акцент на фото, а заголовок вторичен.
На счёт ленивой- если опционально, то можно. Ещё, было бы не здорово добавить шапки в виде картинок для блогов.
1. Распаковать файлы с архива согласно папкам движка.
2. Активировать плагины «Trend Child» и mainpreview.
3. Стандартно изменить или прописать в файл config.local.php следующее содержимое:
С первой папки копируете на ваш сервер в папку шаблонов сам шаблон trend, затем из второй папки копируете на сервер в папку плагинов plugins. Идете в админку, активируете плагин Trend Child, после чего активируете сам шаблон заменив в конфиге строку с шаблоном на trend.
Сменить название сайта в верхней шапке можно в конфиге шаблона — /settings/config/config.php там строку в верхней части увидете, пропишите свое название.
Как убрать виджет instagram.
Как в навигации сайта отредактировать меню, содержанеие «о нас», в том числе /page/about/ (у меня там Ошибка!: 404)
Данное меню меняется также стандартно через конфиг сайта домен /page/admin/
Там строки 16 и 22 увидите, можете их либо удалить, либо заменить на свой контент.
Заголовки же к данным разделам будет заменить в языковом конфиге шаблона, либо там же на «месте» в файле, когда будете менять на свой контент.
как то выделять поисковое поле и поставить лупу, а то сразу не понятно что это поиск. Кстати как поменять надпись «наберите текст и нажмите inter» на «поиск».
Там нужно по факту на сервисе зарегистрироваться, подключить rss, получить код да и подставить в форму подписки.)
Страница с картинками i.imgur.com/rLZ6okN.jpg
Страница с картинками мобильный вид i.imgur.com/Rd4lGV1.jpg
Возможности кнопки доступны авторизованным пользователям, только лишь тогда раскрываются ее полные опции в зависимости от ролей пользователей.
К тому же я сделал так, что когда мы на нее кликаем, то она выполняет роль стандартного прокрутчика страницы вверх, а когда авторизованный пользователь на нее просто наводит, то появляются опции. Я считаю, это очень удобно, просто нужно привыкнуть к ней. Только не могу точно знать, подходит ли в кнопке значок «энергии». :)
Эффекты кнопки красивые, сделаны на velocity и materializecss.
Посмотреть в действии можно авторизовавшись на демо-сайте или на скрине.
Нужен ли «из коробки» автоплей картинок? (также можно индивидуально в скрипте задать значение)
К чему такой вопрос, хочу узнать мнение, если с автоплеем интереснее, то тогда нет необходимости делать «ленивую» загрузку картинок дабы на старте увеличить загрузку страницы при больших количествах фотографий.
1. При переходе по ссылке город, страна пустая страница.
2. Не загружается аватарка в профиле на планшете.
Пожелания (буду рад если учтете):
1. Добавить страницу ленты новостей пользователя;
2. Добавить сортировку обсуждаемые, TOP (как вариант можно сделать выпадающим списком к пункту «Новые»
3. Добавить шапку с картинкой к страницам блогов.
1) Принял, поправим.
2) Виктор makenskiy описал проблему тут, дело не в шаблоне.
По предложениям:
1) Подумаем.
2) Сделаем.
3) Широкую имеется ввиду?
Отсюда можете сами задавать цвет и толщину отступа.
ПО поводу шаблона, завтра выйдет обновление, добавлено большое количество лент: доработали до 20 лент в различных вариациях.
Исправлены ошибки, добавлены некоторые фичи по комментариям.
Кратко по основным обновлениям
— добавлены ленты топиков (теперь из 19)
— добавлено новое меню
— переработана шапка сайта
— контент теперь обернут в тег — переработан дизайн пагинации (переключения страниц)
— добавлены многочисленные объекты (по просьбам пользователей)
— исправлены ошибки
— добавлена документация
Чуть позже будут добавлены демо лент топиков и скриншоты к ним.
Скрины в хаотичном порядке
i.imgur.com/tLGtF3d.jpg
i.imgur.com/JtqxSn2.jpg
i.imgur.com/BF75Dfn.jpg
i.imgur.com/wbGa24M.jpg
i.imgur.com/QKGnxBX.jpg
i.imgur.com/Cd3fwu0.jpg
i.imgur.com/m0pioDC.jpg
i.imgur.com/ADPYqEX.jpg
i.imgur.com/8EkQ0Vo.jpg
i.imgur.com/XwxJHWF.jpg
i.imgur.com/Q46OsuF.jpg
i.imgur.com/2JAAz8G.jpg
i.imgur.com/LBavyHa.jpg
i.imgur.com/EJcKruB.jpg
i.imgur.com/z8eOcFg.jpg
i.imgur.com/AvdwOLt.jpg
i.imgur.com/w9G6FPb.jpg
P.S. В слайдере фотосета, на «Стоп/Пауза» не хватет обозначения активности кнопок, не сразу понял что происходит.
Документацию шаблона?
Кажется лучше убрать, т.к. они не нужны, а вот навигацию по слайдеру туда/сюда наоборот добавить, т.к. пагинация мелкая, не удобно тыкать мышкой и автостарт грохнуть.
Можно подробно описать в чем тормоза? Лично у меня открывается все также, как было изначально! Я особо трепетно отношусь к быстродействию сайта, скорости его загрузки, сейчас еще хочу опцию, когда не столь важные скрипты шаблона помещаются в тело контента с асинхронной загрузкой, пока опция в шаблоне присутствует частично, буду далее работать далее в этом направлении.
— И ещё вопрос: как можно отключить эффекты при наведении на картинки?
Смотрите и оставляйте отзывы по поводу лагов dev.oolive.ru/trend
— переработана логика загрузки скриптов для ускорения сайта
— добавлены новые страницы
— исправление некоторых ошибок
— переработан вид фотосета (вернут на первоначальный)
— остальные мелкие нововведения
Нужно следующее, добавить страницу со своим шаблоном вывода постов, по типу livestreet.ru/log
А именно страница ‘персональных‘ записей, почти идентичную ссылке выше
И если вы готовы сделать это, то напишите в личку. Обсудим, что и сколько!
Ps. Автор молчит, в личку отписался…
Не совсем понятно, эта страница плагином выводится?
На днях закончу допил, оцените! Еще хотел кое-что уточнить по поводу шаблона BRAND и связанного с ним плагина. Потом отпишу :)
Тест www.browserstack.com/screenshots/61e9dc90165e27e242fe636ea8566524b3d3d479
Может у вас блокировщик какой-то стоит, который сайт google font блокирует типа addblock?
Тоже склоняюсь к тому, что системные шрифты режут гугловские.
Попробуйте тогда еще такой вариант: с header.tpl (строка 71) заменить
на простой вариант
Есть еще предложения по шаблону?
Вам нужно получить свои данные о userID и access_token (как получить, написано в инструкции)
Затем нужно в обоих местах заменить указанные на в скрипте на свои, а именно
Данные этого скрипта встраивается в footer.tpl строка 16, конкретно
1. Шаблон реально крут
2. Реально задумываюсь о покупке
3. Хотелось бы иметь возможность в изображениях к топику (которые сейчас на всю страницу пока не начинаешь скролить) иметь возможность самому задавать параметры, размер
4. Не сразу понятно где открывается сайдбар
5. В самом топике слева и справа от текста очень много свободного места, это конечно же ИМХО, но хотелось бы иметь возможность по надобности заполнять это место полезными виджетами
6. Когда планируется обновление шаблона? просто думаю ждать или покупать эту версию
Спасибо!
2. Вижу уже)
3. В процентном выражении?
4. Крайняя иконка в меню, возможно, стоит заменить иконку чтобы было понятнее.
5. Например чем? Ширину контента увеличить может быть.
6. Обновление выйдет к концу недели следующей, произведены мелкие правки в коде, исправлены фиксы, плагины некоторые адаптированы, к тому же, попробую еще 2 типа лент добавить: Timeline в 2 вариациях.
— переработка некоторых страниц
— исправление указанных пользователями ошибок
— добавлены 3 новые ленты топиков (2 из них masonry)
— проделана небольшая работа по ускорению загрузки js и css шаблона
Новые ленты топиков добавлены на странице покупки шаблона.
И второе, тоже к вам вопрос, адаптированные плагины под шаблон стоит ли их устанавливать и активировать на демо версии?
В файле css/style.css найти
Отсюда видим, max-width: 740px; — то есть максимальная ширина.
Заменяем это значение на свое произвольное, например, max-width: 800px;
таким образом мы расширили ширину до 800px.
Можно любую вариацию прописывать, будь то %, будь то em, будь то vw.
Сегодня отправил в каталог обновление шаблона, в котором были устранены ошибки, указанные посетителями, добавлены новые 3 вида лент и еще кое-что было подправлено.
Хочу извиниться перед теми, кому в последнюю неделю не отвечал, поскольку не уже не было времени или же собирался духом, мыслями.
На этом предложении я с Вами, уважаемые, прощаюсь, но не навсегда…
В общем у меня такие проблемы:
1) Под топиками не работает форма e-mail подписки, ввожу свою почту и пишет ошибку, о несуществующей страницы.
2) Не работает индикатор просмотры, счетчик все время по нулям.
3) Так же нужно как то по другому сделать вывод новых тем, мне не удается быстро реагировать на новую тему, можно сделать типа «на сайт добавили новую тему».
Спасибо!
1) Это заглушка, функционала нет.
2) Это заглушка, можно установить плагин "Просмотры" и вывести хук в это место, скопировав html в плагин шаблоно. Или в шаблоне, вместо цифры вставить:
или
3. Удобно следить за обновлениями в активности stream. Или же где нибудь возле логотипа сделать что-то вроде
Еще одно замечание по шаблону. Почему то фремы видео вставляются только из Youtube, тот же код из ВК уже не отображает видео.
При этом file_get_contents при доставании hash-а сильно замедляет загрузку страницы.
Вроде надежнее всего доставать hash с помощью vk api
Не подскажите?
Планирую приобрести данный шаблон и несколько плагинов для него «Мероприятия», «Работа», «Компании».
Но для меня важно, чтобы всё это поддерживалось и обновлялось. Автор шаблона до сих пор проходит службу в армии?
Насколько критична несовместимость с последней версией движка?
Будут ли данные продукты поддерживаться и обновляться?
Можно в ЛС или на почту.
Кстати, новость, если со временем будет в порядке, то с середины апреля займусь адаптацией шаблона под 2.0 версию движка!
Если имеются предложения на этот счет, прошу оставлять их тут!
По поводу обновления на ЛС 2.0, пока трудно сказать сроки, поскольку мне лично пока не так знакома организация нового принципа в структуре движка, только начал знакомиться и пока темный лес =)
Плюс если будешь делать плагины тебе огромный респект!
Вопрос такой сейчас острый назрел, а стоит ли адаптировать шаблон под ЛС 2.0?
Кто убедит?:)
Это сейчас в тренде?
Когда на странице
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 день сделать, бесплатно.
Смотря на вашу активность, вы то ли специально ради этого коммента зарегистрировались оставить к моему шаблону либо перепутали сообщество с WP, в любом случае, спасибо за уделенное внимание.
По поводу первого пункта вы ошиблись, это не ко мне, спрашивайте у других что там открывается, что нет, в частности, у владельцев этих сайтов.
Еще раз спасибо. То, что у клиентов сайты по дизайну похожие, это очевидно должно быть, ведь шаблон они один использует.
Посмотрите в каталоге другие шаблоны и их стоимость, но почему-то комментарий оставили именно к моему, он что, извиняюсь, самый недостойно-отстойный среди остальных по качеству и цене?
В шаблоне 25 лент выводов топиков, это уже должно говорить о чем-то, что была продела определенная работа по этим лентам.
На WP качественные шаблоны стоят от 45 до 60 долларов (от 2500 до 3500 р.) в которых могут быть всего пару лент топиков.
Кроме того, я ввел бюджетную систему покупки.
Не стоит сравнивать ЛС и WP, это разные CMS.
Тут другое сообщество, делайте бесплатно за 1 день на wordpress.
Есть еще возражения?! Думаю, на все вопросы ответил.
Ой ли… Вы способны на такое? Похвастаете своими работами? :)
Версия 1.0.7
Состояние:
Отправлена на модерацию
Изменения:
— добавлены 3 стиля вывода шапки-заголовка на странице поста
— заменена стандартная подсветка синтаксиса на highlightjs (языки настраиваются)
— переработан и упрощен вывод произвольных виджетов (блоков)
— заменен основной шрифт
— добавлена возможность включать Lazy ленивую (отложенную) загрузку картинок и видео в постах для быстрой загрузки постов
— оптимизирован код в пользу ускорения загрузки CMS
— обновлены плагины-скрипты
— исправлены незначительные ошибки
Сделай проще (особенно если используешь Bootstrap) — создаешь 2 ссылки одинаковые абсолютно, разница лишь будет в css классе и url.
К примеру, первая
Вторая
Размещаешь рядом эти 2 ссылки, css параметры будут скрывать и показывать, все!
hidden-xs — показывает везде, кроме мобильных
visible-xs — показывает только на мобильных
и вызывать функцию: