Como adicionar várias colunas no WordPress sem usar um plugin

Você deseja adicionar conteúdo de várias colunas às suas postagens do WordPress? Colunas podem ser usadas para criar layouts atraentes para suas publicações e páginas.

A mídia impressa tradicional, como jornais e revistas, usa um layout de várias colunas desde o início da impressão. Seu objetivo era tornar mais fácil para os usuários ler textos menores enquanto usavam economicamente o espaço disponível.

Layouts de coluna única são mais comumente usados ​​na web. No entanto, as grades com várias colunas continuam sendo úteis para destacar o conteúdo e facilitar a leitura e a análise.

neste Tutoriel, mostraremos como adicionar facilmente conteúdo de várias colunas às suas postagens do WordPress sem escrever código HTML.

Adicionando conteúdo multi-coluna no WordPress - A solução fácil

Criar conteúdo de várias colunas, também chamado de conteúdo de grade no WordPress, agora é simples porque é um recurso padrão. O novo editor de bloco do WordPress Gutenberg inclui um bloco de colunas.

Para adicionar um layout de várias colunas, você deve criar um novo artigo ou editar um novo. Uma vez na caixa de edição, clique no ícone "Adicionar" no topo para adicionar um bloco.

Em seguida, você deve selecionar o bloco "Colunas", localizado na guia "Elementos de layout".

Agora você verá o cursor do mouse na coluna da esquerda e um espaço reservado para o texto aparecerá na coluna da direita.

Como você pode ver na imagem acima, o bloco Coluna Parece em primeiro lugar uma área vazia. Se você mover o mouse para a esquerda, poderá ver a borda do bloco destacado.

Você também verá as configurações de bloqueio na coluna da direita da tela de pós-edição.

Por padrão, o bloco de colunas adiciona duas colunas. Você pode aumentar o número de colunas que deseja adicionar nas configurações de bloqueio à direita. Isso permite que você adicione até seis colunas em uma linha.

Basta clicar em uma coluna e começar a digitar para adicionar conteúdo. Você pode usar a tecla tab no teclado para passar para a próxima coluna.

Adicionando multimídia e outros conteúdos às suas colunas

Além do conteúdo de texto, você também pode adicionar imagens e incorporar vídeos nas colunas do WordPress.

O bloco de colunas permite adicionar blocos dentro de cada coluna. Basta colocar o mouse em uma coluna e você vai notar o ícone "Adicionar um novo bloco" dentro. Você também pode adicionar um bloco digitando / e o nome do bloco.

Seu bloco selecionado aparecerá agora na coluna. Agora você pode ir lá e adicionar conteúdo.

Aqui está como sua nova coluna pode se parecer no tema padrão Vinte e Dezenove. Neste exemplo, usamos três colunas e a última coluna contém uma imagem.

Se você só quer adicionar uma imagem e texto próximo a ele, você também pode usar o bloco "Mídia e texto" em vez de colunas. Este bloco é especialmente projetado para exibir mídia, como imagens e vídeos, ao lado do texto.

Adicionando várias colunas no antigo editor do WordPress Classic

Se você não tiver atualizado o seu WordPress para Gutenberg e ainda usá-loeditor clássicovocê precisa instalar um plugin separados para criar um layout de coluna de grade.

Comece instalando e ativando o plugin Colunas de grade leve. Para instruções detalhadas, siga o nosso guia passo-a-passo caminho instalar um plugin no WordPress.

Quando você ativa, você pode criar uma nova mensagem ou abrir uma mensagem antiga para editá-la. Em seguida, clique no botão "Adicionar Colunas" na barra de ferramentas do Editor Visual.

Você verá agora uma janela pop-up para adicionar sua primeira coluna. Você pode escolher a área que sua coluna pode cobrir em desktops, tablets e dispositivos móveis de maneira diferente.

Por exemplo, se você definir a porcentagem da grade da área de trabalho 50%, sua coluna cobrirá a meia linha.

Há muitas opções para definir a largura da coluna, de 5% a 100% no intervalo 5. Você pode escolher um clicando no menu suspenso.

Em seguida, você deve adicionar o conteúdo de sua coluna na área "Conteúdo" e clicar no botão "OK" para inseri-lo em sua mensagem.

O plug-in agora gerará o código de acesso necessário com seu conteúdo e o adicionará ao seu editor.

Agora que sua primeira coluna foi adicionada, você pode repetir o processo para adicionar mais colunas. Para a última coluna online, não esqueça de marcar a caixa 'Última coluna online'.

Depois disso, você pode salvar sua mensagem e visualizá-la. Aqui está o que parecia em nosso site de teste com o tema Vinte e Dezessete.

Esperamos que este artigo tenha ajudado você a aprender como adicionar colunas às suas publicações e páginas do WordPress.