Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"
23 декабря 2015
Автор: Задойный Алексей
Сайт STARTUP'а
Красивые и адаптивные новости или статьи в блоге - необходимый по современным меркам минимум.
Однако часто возникает ситуация когда нужно не просто корректно отобразить информацию на десктопе и мобильном, но и решить несколько попутных задач, как то:
СПИСОК НОВОСТЕЙ
Каждая новость может отображаться в карусели новостей в одном из трёх режимов:
Фото из анонса и слайдера не выводятся на детальной странице новости.
Детальное фото или Видео выводится на детальной странице новости.
Так же в детальной карточке новости предусмотрено отображение сайдбара (в правой колонке), включающего следующий функционал:
![Фото 1: «Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"»](http://кофедизайн.рф/upload/medialibrary/57c/57cfaab03fb95df464bedf11074367e8.PNG)
![Фото 2: «Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"»](http://кофедизайн.рф/upload/medialibrary/648/6485bb227fb748b39548fbcbff919f0d.png)
Это делается для того, чтобы можно было вывести какую-то приоритетную рекламную информацию перед текстом статьи на мобильных устройствах, где в противном случае ознакомление с нею стремится к нулю.
В случае не заполнения соответствующего свойства блок просто не выводится.
Попробуйте решение "Сайт STARTUP'а" и откройте для себя немало других крайне полезных инструментов!
Сайт STARTUP'а
Красивые и адаптивные новости или статьи в блоге - необходимый по современным меркам минимум.
Однако часто возникает ситуация когда нужно не просто корректно отобразить информацию на десктопе и мобильном, но и решить несколько попутных задач, как то:
- Разделить блок полезных ссылок на 2 части (часть только для SEO, а часть для пользователей)
- Вывести подробную и красочно оформленную информацию об авторе с фото
- вывести какой-то из блоков сайдбара (блока с рекламным контентом, обычно расположенного сбоку) ПЕРЕД основным контентом на мобильном устройстве
- А иногда просто вывести текст "и никаких гвоздей!" (С)
СПИСОК НОВОСТЕЙ
Каждая новость может отображаться в карусели новостей в одном из трёх режимов:
- Новость с фото (используется картинка анонса)
- Новость со слайдером фото (используются фото из свойства "Изображения для списка" )
- Новость с видео (используется видео, адрес к которому задаётся в свойстве "URL видео", например, видео с Youtube)
Фото из анонса и слайдера не выводятся на детальной странице новости.
Детальное фото или Видео выводится на детальной странице новости.
Так же в детальной карточке новости предусмотрено отображение сайдбара (в правой колонке), включающего следующий функционал:
- 2 HTML области для отображения произвольно информации (например, баннера, как в данном примере)
- 2 блока ссылок на элементы инфоблоков (например другие новости этого же инфоблока, статьи из другого инфоблока или товары интернет-магазина) с возможностью задать заголовок блока
- Блок вывода автора (из инфоблока персон) с указанием его имени, должности, описание анонса и фотографии (если есть детальная картинка, то берётся она, если нет, то картинка анонса), так же с возможностью задать заголовок блока
![Фото 2: «Гибкая компоновка блоков в блоге решения "Сайт STARTUP'а"»](http://кофедизайн.рф/upload/medialibrary/648/6485bb227fb748b39548fbcbff919f0d.png)
Это делается для того, чтобы можно было вывести какую-то приоритетную рекламную информацию перед текстом статьи на мобильных устройствах, где в противном случае ознакомление с нею стремится к нулю.
В случае не заполнения соответствующего свойства блок просто не выводится.
Попробуйте решение "Сайт STARTUP'а" и откройте для себя немало других крайне полезных инструментов!
Сайт STARTUP'а
Предлагаем еще прочесть