Modelos

35 Layouts de blog

Layouts de arquivo, de uma lista clássica com barra lateral até uma grade estilo revista, com layouts de post individual correspondentes.

Abrir a vitrine ao vivoExplorar os sites demo

Atualizado em

Padrão 4

O arquivo clássico: um post abaixo do outro, cada um com a imagem acima do título. É o bloco Blog Loop com o Layout definido como Standard, e as versões diferem apenas na posição da barra lateral, se houver uma.

Linha do tempo 3

Os posts ficam pendurados em uma linha ao longo da página, marcados por suas datas. O Blog Loop tem dois layouts de linha do tempo. Linha do tempo (Grade) posiciona os posts dos dois lados da linha em uma página de largura total, enquanto Linha do tempo (Lista) mantém todos em uma única coluna, que é o que as versões com barra lateral usam.

Masonry 4

Os cards mantêm a altura natural e se encaixam em colunas, então um artigo curto nunca deixa um espaço vazio ao lado de um longo. Este é o layout Masonry do Blog Loop, de duas colunas até a largura total da tela.

Grade 3

Cards de mesma altura em linhas organizadas, definidos pelo layout Grid. Escolha-o quando cada post tiver uma imagem de destaque forte, pois é a imagem que alinha cada linha.

Miniaturas pequenas 5

Uma imagem pequena ao lado do título e do resumo, para que mais posts caibam em uma tela. O layout Pequeno do Blog Loop exibe todos eles; as outras versões movem a barra lateral ou a eliminam, e a versão alternativa muda o ritmo da lista.

Divisão de itens 2

Duas formas de dividir um arquivo longo, ambas escolhidas no painel Paginação do Blog Loop: páginas numeradas ou rolagem infinita, que carrega a próxima página conforme o leitor chega ao fim. O mesmo painel também oferece um paginador com anterior e próximo, um botão de carregar mais e o carregamento em lotes.

Editorial 6

Páginas iniciais para uma publicação. Cada uma combina vários blocos Blog Loop, com Post Image, Post Terms e Post Title posicionados dentro deles, para que uma matéria de destaque, uma fileira de cards e uma sequência de manchetes dividam a mesma página. Carregar mais exibe alguns posts por vez e só pede mais ao servidor quando esses acabam.

Individual 8

Um post recebe seu layout de um modelo, escolhido na configuração Modelo enquanto você o edita. Além do post padrão com barra lateral, o tema traz versões com imagem pequena e com mídia dividida, um post de largura total e três layouts editoriais: um com barra de progresso de leitura, um que abre com um hero imersivo e um abaixo do Título da página.

Cada link abre uma página real na vitrine ao vivo, criada pelo mesmo tema e pelos mesmos blocos que você instala.

No seu próprio site

Cada arquivo aqui é um único bloco que você configura

Nada nestas páginas é um design fixo que você precisa aceitar por inteiro. Cada arquivo é um bloco com um layout, e cada cartão é uma pilha de blocos menores que você organiza.

Escolha o layout

Insira o Blog Loop e escolha entre Standard, Grid, Small, Small Alt, três estilos de lista, Masonry e as duas linhas do tempo. O estilo de paginação é uma escolha separada, em um painel próprio, então qualquer layout pode paginar, rolar a página ou carregar em lotes.

Monte o card

Dentro do loop ficam os blocos de post que compõem cada card: Post Media, Post Title, Post Meta e Post Excerpt no layout padrão. Remova o resumo para uma lista de títulos, ou adicione Post Terms para um rótulo de categoria. O Canvas tem 31 blocos de post no total.

Ou insira um padrão

O inseridor de padrões traz seções de blog prontas para editar, entre elas uma grade, uma lista, masonry e uma linha do tempo. Um padrão chega como blocos comuns, os mesmos que esta página descreve.

Ou importe um blog completo

57 dos 88 sites de demonstração são importados com posts de blog e suas categorias já incluídos, e os demos Blog e Modern Blog são construídos em torno da publicação.

Como escolher

Qual layout de blog combina com a frequência com que você publica

Antes de escolher, descubra com que frequência você publica. Um negócio que publica uma vez por mês tem um arquivo curto, e o layout padrão com barra lateral o exibe sem parecer vazio.

Uma publicação que posta todos os dias precisa de densidade. Miniaturas pequenas, uma grade ou uma capa editorial, cada uma delas, deixam mais matérias à vista, e as páginas editoriais dão à matéria principal o espaço que uma redação daria. A rolagem infinita combina com leitores que navegam. Páginas numeradas combinam com leitores que voltam em busca de algo que já viram.

Masonry serve para posts cujas imagens têm formatos variados. Timeline serve para tudo o que é lido em ordem cronológica, como um registro de alterações, o diário de um projeto ou a temporada de um clube. Depois, escolha o modelo de post individual correspondente: um texto longo merece a barra de progresso de leitura, e uma história em fotos merece o Hero imersivo.

Mais modelos

O restante da biblioteca

Comece com uma página pronta

Todos os 141 layouts estão incluídos em todos os planos, junto com todos os blocos e todos os sites de demonstração.

Obter o Canvas · a partir de US$ 79/anoPré-visualizar os demos