35 макетов блога
Макеты архивов: от классического списка с боковой колонкой до журнальной сетки, а также подходящие макеты одиночной записи.
Обновлено
- По умолчанию
- Хронология
- Masonry
- Сетка
- Маленькие миниатюры
- Разделение элементов
- Редакционный
- Отдельная запись
По умолчанию 4
Классический архив: записи идут одна под другой, у каждой изображение над заголовком. Это блок Blog Loop с макетом «Стандартный», а версии различаются только расположением боковой колонки, если она есть.
- Правый сайдбар (откроется в новой вкладке)
- Левый сайдбар (откроется в новой вкладке)
- Сайдбары с обеих сторон (откроется в новой вкладке)
- На всю ширину (откроется в новой вкладке)
Хронология 3
Записи висят на линии вдоль страницы, отмеченные датами. У Blog Loop есть два макета ленты времени. Лента времени (Grid) размещает записи по обе стороны от линии на всю ширину страницы, а Лента времени (List) выстраивает их в один столбец; именно он используется в версиях с боковой колонкой.
- Правый сайдбар (откроется в новой вкладке)
- Левый сайдбар (откроется в новой вкладке)
- На всю ширину (откроется в новой вкладке)
Masonry 4
Карточки сохраняют естественную высоту и выстраиваются в колонки, поэтому короткая запись никогда не оставляет пустоту рядом с длинной. Это макет Masonry блока Blog Loop, от двух колонок до полной ширины экрана.
- 4 колонки (откроется в новой вкладке)
- 3 колонки (откроется в новой вкладке)
- 2 колонки (откроется в новой вкладке)
- Ширина 100% (откроется в новой вкладке)
Сетка 3
Одинаковые карточки в аккуратных рядах, которые задаёт макет Grid. Выбирайте его, когда у каждой записи есть крупное избранное изображение: именно оно выравнивает каждый ряд.
- 4 колонки (откроется в новой вкладке)
- 3 колонки (откроется в новой вкладке)
- 2 колонки (откроется в новой вкладке)
Маленькие миниатюры 5
Небольшое изображение рядом с заголовком и отрывком, чтобы на одном экране помещалось больше записей. Макет Small у Blog Loop выводит все эти элементы: версии переносят боковую колонку или убирают её, а альтернативная меняет ритм списка.
- Левый сайдбар (откроется в новой вкладке)
- Правый сайдбар (откроется в новой вкладке)
- Сайдбары с обеих сторон (откроется в новой вкладке)
- На всю ширину (откроется в новой вкладке)
- Альтернативный макет (откроется в новой вкладке)
Разделение элементов 2
Есть два способа разбить длинный архив, и оба выбираются на панели «Пагинация» блока Blog Loop: нумерованные страницы или бесконечная прокрутка, которая подгружает следующую страницу, когда читатель доходит до конца. На этой же панели также доступны навигация по «старым» и «новым» записям, кнопка «Загрузить ещё» и загрузка по частям.
Редакционные 6
Главные страницы для издания. Каждая объединяет несколько блоков Blog Loop, внутри которых размещены Post Image, Post Terms и Post Title, поэтому главная новость, ряд карточек и лента заголовков могут находиться на одной странице. «Загрузить ещё» показывает записи по нескольку штук и запрашивает новые у сервера, только когда текущие закончатся.
- Журнал (откроется в новой вкладке)
- Смешанная лента (откроется в новой вкладке)
- Карточки с наложением (откроется в новой вкладке)
- Разделённый экран (откроется в новой вкладке)
- Загрузить ещё (откроется в новой вкладке)
- С фильтром (откроется в новой вкладке)
Одиночные 8
Запись получает макет из шаблона, который выбирается в параметре Template во время редактирования. Помимо стандартной записи с боковой колонкой, тема включает версии с небольшим изображением и с разделённым медиа, запись на всю ширину и три журнальных макета: с полосой прогресса чтения, с погружающим героем в начале и под заголовком страницы.
- Макет по умолчанию (откроется в новой вкладке)
- Левый сайдбар (откроется в новой вкладке)
- На всю ширину (откроется в новой вкладке)
- Небольшое изображение (откроется в новой вкладке)
- Разделённый макет (откроется в новой вкладке)
- Редакционный (откроется в новой вкладке)
- Редакционный иммерсивный (откроется в новой вкладке)
- Редакционный с заголовком (откроется в новой вкладке)
Каждая ссылка открывает настоящую страницу на живой витрине, созданную той же темой и теми же блоками, которые вы установите.
Каждый архив здесь настраивается одним блоком
Ничто на этих страницах не является жёстким дизайном, который нужно принимать целиком. Каждый архив — это блок с макетом, а каждая карточка — набор более мелких блоков, которые вы расставляете.
Выберите макет
Вставьте Blog Loop и выберите один из вариантов: Стандартный, Сетка, Компактный, Компактный (альт.), три стиля списка, Masonry и две временные шкалы. Стиль пагинации выбирается отдельно, на собственной панели, поэтому любой макет может выводить записи постранично, с прокруткой или подгрузкой порциями.
Соберите карточку
Внутри цикла находятся блоки записи, из которых собирается каждая карточка: Post Media, Post Title, Post Meta и Post Excerpt в стандартной компоновке. Чтобы убрать отрывок для списка заголовков, удалите Post Excerpt, а для метки категории добавьте Post Terms. Всего в Canvas: 31 блок записи.
Или вставьте готовый шаблон
Инструмент вставки шаблонов содержит готовые к редактированию разделы для блога: среди них сетка, список, masonry и хронология. Шаблон добавляется как обычные блоки, те же, о которых рассказано на этой странице.
Или импортируйте блог целиком
57 из 88 демо-сайтов импортируются с записями блога и их категориями, а демо Blog и Modern Blog построены вокруг публикаций.
Какой макет блога подходит под вашу частоту публикаций
Прежде чем выбирать, определите, как часто вы публикуете записи. Бизнес, который публикует материалы раз в месяц, получит короткий архив, и стандартный макет с боковой колонкой покажет его, не выглядя пустым.
Издание, которое публикует материалы каждый день, нуждается в плотности. Маленькие миниатюры, сетка или редакционная главная страница показывают сразу больше материалов, а редакционные страницы дают главному материалу столько места, сколько отвёл бы ему выпуск редакции. Бесконечная прокрутка подходит читателям, которые просматривают ленту. Нумерованные страницы подходят тем, кто возвращается за тем, что уже видел.
«Masonry» подходит для записей, в которых изображения бывают любой формы. «Timeline» подходит для всего, что читают по порядку дат, например журнал изменений, дневник проекта или сезон клуба. Затем подберите подходящий шаблон одиночной записи: длинный текст заслуживает полосы прогресса чтения, а фотоистория заслуживает погружающего Hero.
Остальная библиотека
Начните с готовой страницы
Все 141 макет входят в каждый тариф вместе с каждым блоком и каждым демо.
