Ir para o conteúdo principal

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

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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.

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 554.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

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.

Este artigo contém comentários 18
  1. Oi, eu tenho esse plug-in ... mas não funciona bem, acontece:

    Eu crio duas colunas, uma menor para a foto, outra maior para o texto, então o texto é apenas 2 linhas, não na altura total da coluna, uma vez salvo o texto JUMP sob a foto, em vez de fique acano, veja que desaparece uma coluna ... ..
    O que estou fazendo? por que isso acontece, há outro plg-in melhor e mais simples do que isso aqui?
    Obrigado, eu ficaria muito grato pela ajuda!

    1. Olá Irina

      Tente ativar o tema padrão do WordPress, se tudo funcionar bem, então é porque o problema vem do seu tema atual do WordPress.

      Verifique também se você fez atualizações de plugins.

      1. Eu copiar texto e colá julgado por um CTRL + V, sem sucesso. O menu de contexto com o botão direito não oferece colar.
        Eu não encontrei alternativa para redigitar tudo ...

        1. Desculpe pelo atraso na resposta.
          Pode garantir que o clique direito do mouse sobre um outro elemento da página, o menu de contexto é exibido? Se for esse o caso, então provavelmente um problema de JavaScript no alojamento.
          Se você estiver no Google Chrome, vá para a página em que está tendo problemas, clique em "F12" (uma janela será aberta ou será anexada à página) e escolha a guia "Console" . Faça um screenshot desta aba e eu lhe direi se houver algum problema.

          1. Bom Dia,
            Merci pour votre réponse.
            Meu site é hospedado por gratuito, é possível que haja um problema de javascript.
            Você pode me dizer como você passar imagem que eu fiz?
            cordialmente

          2. Como eu instalei uma versão flange de graça, eu acho que o problema vem.
            Vou tentar instalar uma versão diferente ...

      2. Copiei um texto e eu tentei colocá-lo em uma coluna no plugin. Incapazes ou com o atalho de teclado CTRL + V, ou no menu de contexto de clique direito que não oferecem esse recurso.
        Existe alguma alternativa para redigitar tudo?

  2. Olá eu ter instalado colunas wp avançados.
    mas quando eu olhar para a página que eu apresentar um quadrado branco no canto superior esquerdo de cada coluna? você pode me ajudar. obrigado

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
10 ações
ação8
chilrear1
Enregistrer1
Whatsapp