Altere a largura do seu conteúdo

No editor do WordPress, você pode controlar como a largura do conteúdo (como imagens, texto etc.) será disposta na página. Este guia apresenta as opções e explica como definir a largura do conteúdo em seu site.

Todo tema de bloco tem uma largura de conteúdo padrão, que controla a largura com que seu texto e imagens aparecem na página. Estes tamanhos são:

• Conteúdo (ou “Nenhum”): define a largura dos blocos para a largura padrão da área de conteúdo.
• Largura ampla: define a largura dos blocos para uma largura maior (mas não total).
• Largura total: define o bloco para preencher a largura total da área disponível.

Quando você edita determinados blocos de conteúdo (como um bloco de imagem ou um de colunas ), a opção “Alinhar” na barra de ferramentas do bloco aparece quando um bloco é selecionado e inclui as opções de largura do conteúdo.

Nem todos os blocos incluem opções de largura de conteúdo. Mais tarde neste guia, você aprenderá como aplicar opções de largura a blocos que, por padrão, não oferecem esse recurso.

Se um bloco de conteúdo incluir opções de ajuste de largura, você as encontrará na opção “Alinhar” na barra de ferramentas do bloco acima do bloco de conteúdo. Para mudar a largura de um bloco, siga estas etapas:

1. No painel do seu site, navegue até o conteúdo que deseja editar usando um destes caminhos:
   • Páginas
   • Posts
   • Aparência → Editor
2. Adicione um bloco de conteúdo ou clique no bloco que contém o conteúdo já adicionado.
   • Se quiser, use a Visualização em lista para navegar até um bloco específico.
3. Na barra de ferramentas do bloco, clique no ícone “Alinhar“ :

4. Selecione a largura apropriada: nenhuma, ampla ou total.
5. Clique no botão Salvar para salvar suas alterações.

Para blocos que não têm as opções de ajuste de largura, aprenda como aplicar opções de largura a blocos que não têm essas opções por padrão.

Assista ao vídeo abaixo para saber como alterar a largura do seu conteúdo. Diminua ou aumente a velocidade do vídeo usando os controles no canto inferior direito após clicar no botão “Reproduzir”.

Os blocos de imagem (como o bloco de cobertura ou o de galeria) incluem opções adicionais de alinhamento para esquerda, centro ou direita. Essas opções permitem que você coloque texto ao redor de uma imagem.

Alguns blocos não têm uma opção de layout ou todas as configurações de largura descritas anteriormente neste guia. Os exemplos incluem o bloco de parágrafo e o bloco de HTML personalizado. Você agrupará um bloco ou coleção de blocos usando o bloco de grupo para alterar a largura do seu conteúdo. Siga estas etapas para definir qualquer bloco para qualquer largura:

1. No painel do seu site, navegue até Páginas, Postsou Aparência → Editor. 
2. Adicione um bloco ou coleção de blocos. 
3. Selecione o bloco e clique nas reticências (três pontos) na barra de ferramentas do bloco.
4. Clique na opção “Agrupar” para agrupar os blocos (mesmo que seja apenas um bloco).
5. Na nova barra de ferramentas do bloco Grupo acima do bloco, clique no ícone “Alinhar“ :

6. Selecione a largura apropriada: nenhuma, ampla ou total.
   • Se quiser, você pode alternar a configuração “Os blocos internos usam a largura do conteúdo” (descrita na próxima seção) para “DESATIVADA” nas configurações da barra lateral do bloco de grupo. Essa alteração garante que os blocos dentro de um bloco principal usem a largura total do bloco principal.
7. Clique no botão Salvar para salvar suas alterações.

Assista ao vídeo abaixo para aprender a agrupar blocos para que você possa aplicar configurações de largura a conteúdo que não tenha a opção por padrão ou a uma coleção de blocos em uma única etapa. Diminua ou aumente a velocidade do vídeo usando os controles no canto inferior direito após clicar no botão Reproduzir.

Esta configuração é aplicada principalmente a blocos de design, como os blocos Grupo, Linha e Pilha. Você também pode ver a opção em qualquer outro bloco usado para aninhar conteúdo, como o bloco de cobertura ou o de colunas. Permite que você controle como o conteúdo aninhado dentro do bloco de design se comporta.

Por exemplo, se você adicionar um bloco de colunas e depois adicionar conteúdo dentro das colunas, esse conteúdo será formado pelos “blocos internos”.

A configuração “Blocos internos usam largura de conteúdo” se aplica ao comportamento de blocos aninhados em um bloco principal:

Para ajustar a configuração “Blocos internos usam largura de conteúdo”:

1. No painel do seu site, navegue até Páginas, Postsou Aparência → Editor. 
2. Clique em um bloco ou use a Visualização em lista para selecionar um bloco específico. 
3. Na barra lateral do bloco, localize a seção “Layout”.
   • Essa configuração de layout só será exibida se o bloco oferecer suporte ao aninhamento de conteúdo dentro dele. Grupo, Colunase Galeria são exemplos de blocos que são compatíveis com essa opção.
4. Clique no botão de alternância “Blocos internos usam largura do conteúdo” para ativar ou desativar a configuração.

Assista ao vídeo abaixo para aprender como ajustar a largura do conteúdo dos blocos dentro de um bloco principal. Diminua ou aumente a velocidade do vídeo usando os controles no canto inferior direito após clicar no botão “Reproduzir”.

O tema selecionado terá valores de largura padrão para as configurações “conteúdo” e “largura”. Você pode ajustar estas larguras padrão para todo o tema.

Esta seção do guia destina-se a sites com os planos WordPress.com Premium, Negócios e Commerce, além do antigo plano Pro. Para sites com os planos Gratuito ou Pessoal, faça upgrade do seu plano para acessar essa funcionalidade.

Para personalizar as configurações de largura padrão:

1. Acesse o painel do seu site. 
2. Vá para Aparência → Editor.
3. Escolha “Estilos” na barra lateral.
4. Selecione a opção “Layout“.
5. Em “Dimensões“, ajuste os valores de largura padrão para as configurações “Conteúdo” e “Ampla”.
6. Opcionalmente, ajuste o preenchimento e o espaçamento do bloco.
7. Clique no botão Salvar para salvar suas alterações.