Criar layouts estruturados no WordPress é mais fácil sem usar um construtor de páginas de terceiros, pois você pode fazer isso usando o Bloco de colunas do WordPress. Isso é sempre verdadeiro se você usar o editor de blocos Gutenberg que vem com o WordPress nativamente.
O bloco Columns permite que você coloque o conteúdo lado a lado simplesmente inserindo o bloco de colunas. Ele é extremamente útil para criar seções de preços, layout de equipe, comparação de produtosou um belo conteúdo de texto e imagem na mesma linha. O melhor do bloco é que qualquer pessoa pode usá-lo sem conhecimento de programação.
Hoje, aprenderemos como usar o bloco de colunas no WordPress e sua visão geral.
Criar mesas bonitas
Com o Block Editor
Como usar o bloco de colunas no WordPress?
Como eu disse, usar o bloco Columns é fácil e qualquer pessoa pode usá-lo sem conhecimento técnico. Também não exigimos nenhum plug-in de terceiros para usar o bloco Columns. Siga as etapas abaixo.
Inserir o bloco de colunas
Vá para o post ou a página em que deseja usar o bloco Columns.
Agora, clique no ícone Adicionar ícone de bloco (ícone de adição) (1), digite "Colunas" na caixa de pesquisa (2)e clique no bloco quando ele aparece (3).
Agora, selecione um layout que prefira para seu trabalho. Há layouts disponíveis para o bloco Columns.
Inserir conteúdo
Clique no ícone "+" para adicionar conteúdo ou qualquer bloco dentro das Colunas.
Da mesma forma, insira conteúdo na outra parte das colunas.
Você pode adicionar mais conteúdo às colunas clicando no ícone "+" no canto inferior direito de cada coluna.
Personalização
Depois de adicionar o conteúdo, você pode decidir o alinhamento vertical da coluna. Há quatro opções disponíveis para o alinhamento vertical.
As configurações do bloco oferecem outras opções de personalização. Há duas guias: Settings (Configurações) e Styles (Estilos).
As configurações permitem que você adicione mais colunas, se desejar. Além disso, você tem uma opção responsiva para dispositivos móveis.
A guia Styles (Estilos) apresenta várias opções.
- Cor: Essa função permite que você altere a cor do texto, do plano de fundo e do link do bloco Latest Posts.
- Tipografia: A tipografia permite que você selecione as fontes e o tamanho da fonte, a aparência, a altura da linha, o espaçamento entre as letras, o revestimento das letras e a decoração das letras.
- Dimensões: As dimensões permitem que você ajuste a margem e o preenchimento do bloco Latest Posts.
- Fronteira: A opção Border permite que você defina a borda e ajuste o raio da borda.
Depois de personalizar, salve ou publique a postagem.
Aqui está uma demonstração do bloco.
Visão geral do bloco de colunas do WordPress
O que é o bloco Columns?
O bloco Columns é um bloco de layout que permite dividir seu conteúdo em seções horizontais. Cada coluna dentro do bloco pode ter seus próprios blocos, como texto, imagens, botões, vídeos etc.
Quais são os principais recursos do bloco Columns?
Os recursos do bloco de colunas estão abaixo.
Controle de largura personalizado. Redimensione manualmente as colunas de acordo com as proporções desejadas.
Opções de layout predefinidas. Escolha entre várias combinações, como 50/50, 70/30 ou três colunas iguais.
Suporte a blocos aninhados. Adicione qualquer bloco (parágrafo, imagem, botão, etc.) dentro de cada coluna.
Comportamento responsivo. As colunas são empilhadas automaticamente na vertical em telas menores, embora você possa fazer isso manualmente.
Quais são os recursos da barra de ferramentas do bloco Columns?
Quando você clica no bloco Columns, uma barra de ferramentas aparece acima dele com várias opções úteis:
- Transformar para: Esse recurso permite que você transforme seu bloco de colunas nos blocos Details & Group.
- Arrastar: Ele permite que você arraste o bloco para qualquer lugar no editor.
- Direita ou esquerda: Você pode mover suas colunas para a direita ou para a esquerda.
- Alinhar: Você pode alterar o alinhamento para nenhum, largo e largura total.
- Alterar o alinhamento vertical: Essa opção permite que você escolha o alinhamento vertical para os blocos dentro de uma coluna.
- Opções: Contém as opções adicionais relacionadas a blocos, como mover, copiar, duplicar, etc.
Conclusão final!
O Column Block é um bloco de layout avançado que permite exibir o conteúdo de forma diferente. Ele lhe dá controle total sobre como o conteúdo é organizado na página. Dessa forma, o gerenciamento do bloco é muito fácil.
Quando você começar a usá-lo, provavelmente usará o bloco com mais frequência. Diga-me se você gostou da postagem. Além disso, compartilhe-a com seus amigos e familiares.
Leia mais
