Шаблоны

35 макетов блога

Макеты архивов: от классического списка с боковой колонкой до журнальной сетки, а также подходящие макеты одиночной записи.

Обновлено

По умолчанию 4

Классический архив: записи идут одна под другой, у каждой изображение над заголовком. Это блок Blog Loop с макетом «Стандартный», а версии различаются только расположением боковой колонки, если она есть.

Хронология 3

Записи висят на линии вдоль страницы, отмеченные датами. У Blog Loop есть два макета ленты времени. Лента времени (Grid) размещает записи по обе стороны от линии на всю ширину страницы, а Лента времени (List) выстраивает их в один столбец; именно он используется в версиях с боковой колонкой.

Masonry 4

Карточки сохраняют естественную высоту и выстраиваются в колонки, поэтому короткая запись никогда не оставляет пустоту рядом с длинной. Это макет Masonry блока Blog Loop, от двух колонок до полной ширины экрана.

Сетка 3

Одинаковые карточки в аккуратных рядах, которые задаёт макет Grid. Выбирайте его, когда у каждой записи есть крупное избранное изображение: именно оно выравнивает каждый ряд.

Маленькие миниатюры 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 макет входят в каждый тариф вместе с каждым блоком и каждым демо.