Ajuste do estilo das páginas do blog (versão 7.1)

Personalize as páginas do blog com formatação e os layouts do seu site.

Ultima atualização 18 de Julho de 2024

Páginas do blog são páginas de destino que levam os visitantes a uma publicação específica do blog. Você pode personalizar as páginas do blog de acordo com sua marca e estilo. Use este guia para encontrar as opções de estilo das páginas do blog e de cada publicação. Para criar uma página de blog e adicionar uma publicação, Confira Blogando com o Squarespace.

Acessando o recurso

Este guia é voltado para as páginas do blog da versão 7.1. Na versão 7.0, cada template tem os próprios layouts e opções de estilo para o blog. Saiba mais em Ajuste o estilo das páginas do blog na versão 7.0.

Abra as opções de estilo

As páginas do blog são organizadas em duas partes: a página de destino do blog, que cria um layout com a prévia das publicações; e as publicações, nas quais adiciona o conteúdo do blog. Os visitantes podem clicar nessas prévias para abrir uma publicação específica.

Você pode ajustar o estilo da página do blog e as publicações do blog em dois locais principais:

  • Página de destino do blog - clique em Editar na página do blog e depois clique no ícone de lápis na seção do blog
  • Publicação do blog - clique em uma publicação na página do blog para abri-la; em seguida, clique em Editar e depois no ícone de lápis

Layouts da página do blog

A página de destino do blog também é a seção do blog. É onde ficam as prévias das publicações, nas quais os visitantes devem clicar para abrir uma publicação específica.

Com os estilos da seção do blog abertos, clique no menu suspenso Layout em Formato para selecionar um layout. Os layouts da página do blog são em forma de grades, que mostram as prévias das publicações em várias linhas e colunas; ou empilhadas, que mostram as publicações empilhadas em uma coluna. As opções são:

  • Blog em grade básica - um layout em grade na qual a proporção da imagem em destaque é fixa, criando um conjunto uniforme de colunas e linhas.
  • Blog em tijolos - um layout em grade na qual a proporção da imagem em destaque não é cortada, dando às linhas e colunas a forma de mosaico. Para um melhor ajuste, as imagens em destaque podem aparecer fora da ordem cronológica em alguns aparelhos.
  • Blog com uma coluna - layout empilhado no qual as imagens em destaque aparecem acima do título das publicações e de outros metadados em uma coluna.
  • Blog lado a lado - layout empilhado no qual as imagens em destaque aparecem ao lado do título das publicações e outros metadados num lado fixo.
  • Blog lado a lado alternado - layout empilhado no qual as imagens em destaque aparecem ao lado do título das publicações e outros metadados em lados alternados.

Cada layout tem suas próprias opções de estilo. Essas configurações se aplicam a todas as Páginas de Blog usando o mesmo layout em seu site.

Lembre-se:

  • Essas alterações afetam todas as páginas do blog que usam o mesmo layout.
  • As alterações feitas no layout são salvas quando você muda de layout. Ao retornar ao layout anterior, as configurações são restauradas, desde que você não tenha editado esse layout em outra página do blog.
  • A maioria dos layouts não mostra a íntegra da publicação na página de destino do blog. Para mostrar o conteúdo integral de cada publicação, use o layout Coluna simples e deixe a Exibição do conteúdo como Publicação integral.

Opções de formatação

Selecionado o layout, defina as seguintes opções na aba Formato. Dependendo do layout, algumas opções não aparecem. Por exemplo: apenas os layouts Grade básica e Tijolos têm configurações para a coluna.

  • Largura - selecione Total para que o conteúdo cubra a largura da seção ou Inserir para aumentar o espaçamento à esquerda e à direita do conteúdo.
  • Colunas - crie um layout Grade básica ou Tijolos com 2, 3 ou 4 colunas.
  • Espaçamento horizontal - disponível nos layouts Grade básica e Tijolos
  • Espaçamento vertical
  • Posicionamento da imagem - coloque a imagem em destaque acima ou abaixo do título da publicação e dos metadados.
  • Proporção da imagem - dê uma forma padrão às imagens em destaque.
  • Espaçamento da imagem
  • Alinhamento do texto - alinhe o texto à esquerda, ao centro ou à direita.
  • Alinhamento do texto da imagem - alinhe o texto com o lado Acima, no Centro ou Abaixo da imagem em destaque nos layouts Lado a lado.
  • Trecho - você pode Mostrar ou Ocultar trechos. Adicione um trecho às configurações de cada publicação.
  • Link "Saiba mais" - para os visitantes saberem que há mais conteúdo além do trecho.
  • Espaçamento do título - fixe o espaçamento entre o título da publicação e o trecho.
  • Largura do conteúdo do texto - fixe a largura do conteúdo do texto nos layouts Grade básica e Tijolos.
  • Espaçamento do "Saiba mais" - fixe o espaçamento entre o trecho e o link Saiba mais.
  • Posição dos metadados - deixe os metadados à mostra Acima do conteúdo do texto ou Abaixo do trecho.
  • Metadados principais - defina quais metadados deverão aparecer primeiro. Você pode escolher Categorias, Data, Autor ou Nenhum. A data aparece no formado MM/DD/AA ou DD/MM/AA dependendo do idioma do seu site.
  • Metadados secundários - defina quais metadados aparecem em segundo lugar. As opções são as mesmas dos metadados principais.
  • Espaçamento dos metadados - fixe o espaçamento entre os metadados e o título da publicação.
  • Delimitador - selecione como dividir os metadados principais e secundários. Saiba mais em Delimitador.
  • Exibição do conteúdo - no layout Coluna simples, defina qual conteúdo de texto aparecerá com a publicação. Escolha Apenas título, Trecho ou Publicação integral. Adicione um trecho nas configurações de cada publicação.

Outros elementos da página do blog

Os seguintes elementos da página principal do blog são definidos em outras áreas:

  • Número de publicações por página - fixe o número de publicações que aparecem na página do blog (entre 1 e 20) nas configurações da página do blog. Se houver mais publicações do que esse número em uma página, aparecerão links de paginação no fim da página do blog para acessar as publicações mais antigas e mais recentes. Não é possível alterar o texto em si, mas você pode ajustar o estilo da fonte. A rolagem infinita não é aceita na versão 7.1.
  • Imagens em destaque - adicione a imagem em destaque que deve aparecer na página inicial de cada publicação nas configurações de cada publicação do blog.
  • Fontes - defina a fonte do título das publicações, trechos, metadados, links Saiba mais e links de paginação nos estilos de site. Saiba mais em Fontes da página do blog.

Postagens de blog

As publicações do blog usam nosso editor clássico, no qual você adiciona e organiza blocos.

Com as opções de estilo de publicação do blog abertas, você pode alterar as seguintes configurações:

  • Formato - fixe o espaçamento e a exibição dos metadados. Todas as publicações de todos os blogs do seu site seguem essas configurações. Confira abaixo uma lista completa dos ajustes.
  • Cor - defina as cores do seu site; ou altere o tema da seção do blog. Saiba mais em Cores da página do blog.

Opções de formatação das publicações do blog

Todas as publicações no seu site, mesmo em diferentes páginas do blog, seguem essas configurações. Quaisquer alterações em uma publicação afetam todas as outras publicações.

  • Largura do conteúdo - deixe a largura do conteúdo da publicação como Estreito, Médio ou Largo; ou fixe uma largura personalizada.
  • Alinhamento do texto - alinhe o texto à Esquerda ou ao Centro.
  • Posição dos metadados - deixe os metadados aparecerem Acima do título ou Abaixo do título.
  • Mostrar categorias - ative esta opção para mostrar as categorias adicionadas à publicação.
  • Mostrar data - ative esta opção para deixar a data de publicação da publicação à mostra. Em cada publicação, aparecem apenas o mês e o dia. Não é possível mostra o ano nas publicações, mas o ano aparece quando a data aparecer na página principal do blog.
  • Mostrar nome do autor - ative esta opção para mostrar o autor da publicação.
  • Mostrar perfil do autor - ative esta opção para mostrar o perfil do autor abaixo do conteúdo da publicação.
  • Estilo do delimitador - selecione como dividir os metadados. Saiba mais em Delimitador.
  • Espaçamento do cabeçalho

Delimitadores

Ao mostrar metadados como data, nome do autor ou categoria no blog, você pode adicionar um "delimitador" ou uma pontuação para separar visualmente os metadados.

Para selecionar ou ocultar os delimitadores:

  1. Clique em Editar na página ou publicação do blog.
  2. Passe o cursor sobre a seção ou publicação do blog ou e clique no ícone de lápis.
  3. Na aba Formato, clique em Delimitadores.
  4. Selecione uma das opções; ou escolha Nenhum (nas páginas do blog) ou Espaço (nas publicações do blog) para ocultá-los.
  5. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Fontes da página do blog

As fontes nas páginas e publicações do blog seguem as fontes gerais do site. Para alterá-las, clique em Editar em uma página ou publicação do blog, clique no ícone de pincel e clique no estilo de fonte desejado. Para alterar o estilo que um elemento de texto específico segue; ou para ajustar o estilo independentemente das fontes gerais do site, clique em Atribuir estilos

A lista abaixo mostra os ajustes disponíveis em Atribuir estilos.

Página principal do blog

Cada layout de blog tem opções separadas para o estilo da fonte. No layout do blog, em Atribuir estilos, use os seguintes ajustes:

  • Título
  • Trecho - os links Saiba mais também seguem essas configurações 
  • Meta

Os links de paginação (fim da página principal do blog) seguem os estilos Parágrafos do site e o tamanho do parágrafo 2. Não é possível mudar isso.

Postagens de blog

Todas as publicações no blog no seu site seguem os mesmos estilos. Em Publicação do blog, em Atribuir estilos, use os seguintes ajustes:

  • Título
  • Meta
  • Perfil do autor
  • Paginação

Cores da página do blog

Após abrir as opções de estilo da página de destino do blog ou de uma publicação do blog, clique em Cores para alterar as cores da página e das publicações.

Para alterar as cores da página do blog, selecione um novo esquema de cores. A página do blog e todas as publicações seguem o mesmo esquema de cores; portanto, alterar o tema da página do blog também altera o tema das publicações e vice-versa.

Para alterar uma cor específica no tema selecionado:

  1. Clique no ícone de lápis ao lado do nome do tema.
  2.  Encontre os ajustes do blog para o seu layout e os ajustes da publicação do blog, clique no ajuste desejado e defina uma nova cor.
  3. Outros elementos na página do blog seguem os estilos gerais do site. A maior parte do texto, por exemplo, segue as cores em Texto. A alteração dessas cores afeta todas as seções que usam o mesmo esquema geral de cores do site.

As cores dos seus temas são definidas pela paleta de cores do site. Ao alterar a paleta, os esquemas de cores também podem ser alterados. Saiba mais em Alterando as cores.

Ajuste o estilo das páginas do blog (versão 7.0)

As famílias de templates na versão 7.0 têm opções exclusivas de layout e estilo de blog. Saiba mais sobre suas opções de blog no guia da família dos templates:

Compare os layouts e recursos de cada família nos nossos gráficos de comparação de templates.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Ajuste do estilo das páginas do blog (versão 7.1)