Como converter de contêiner para coluna no WordPress?

1. Introdução

O WordPress é uma plataforma poderosa e popular para criar sites, blogs e lojas online. No entanto, às vezes você pode querer alterar a aparência do seu site convertendo de um layout baseado em contêiner para um layout baseado em coluna.

Um layout baseado em contêiner é um design de largura fixa que limita seu conteúdo a um único bloco. Um layout baseado em colunas é um design flexível que permite dividir seu conteúdo em várias colunas, criando uma apresentação dinâmica e visualmente atraente.

Neste artigo, mostraremos como converter de contêiner para coluna no WordPress usando diferentes ferramentas e métodos. Se você deseja usar um tema, um construtor de páginas ou um código personalizado, nós o guiaremos em cada etapa do processo. No final deste artigo, você poderá transformar seu site WordPress de um layout baseado em contêiner para um layout baseado em coluna com facilidade. Vamos começar!

2. Pré-requisitos

Antes de começar a converter de contêiner para coluna no WordPress, você precisa garantir alguns pré-requisitos. Isso inclui um site WordPress, um construtor de tema ou página que suporta colunas e algum conhecimento básico de edição do WordPress.

2.1 Um site WordPress

O primeiro pré-requisito para converter de contêiner para coluna no WordPress é ter um site WordPress. O WordPress é um software gratuito e de código aberto que alimenta milhões de sites em todo o mundo. Você pode usar o WordPress para criar qualquer tipo de site, de blogs e portfólios a sites de comércio eletrônico e membros.

Para usar o WordPress, você precisa ter um nome de domínio e um serviço de hospedagem na web. O endereço do seu site na Internet é conhecido como um nome de domínio, como www.example.com. Um serviço de hospedagem na web é onde os arquivos e dados do seu site são armazenados online. Você pode escolher entre vários provedores de hospedagem na web que oferecem planos de hospedagem WordPress.

Depois de ter um nome de domínio e um serviço de hospedagem na web, você pode instalar o WordPress em seu site e começar a criar seu conteúdo.

2.2 Um tema baseado em colunas ou construtor de páginas

O segundo pré-requisito para converter de container em coluna no WordPress é ter um tema baseado em coluna ou um construtor de páginas. Um tema baseado em colunas ou construtor de páginas é uma ferramenta que permite criar e personalizar o layout do site usando colunas.

As colunas são seções da sua página que podem exibir diferentes tipos de conteúdo, como texto, imagens, vídeos etc. Você pode ajustar o tamanho, a posição e o estilo de cada coluna para criar um design dinâmico e visualmente atraente. Existem muitos temas baseados em colunas e criadores de páginas disponíveis para WordPress, gratuitos e premium. Alguns dos mais populares incluem Elementor, Divi, Beaver Builder e Visual Composer.

Essas ferramentas fornecem interfaces de arrastar e soltar, modelos pré-fabricados e vários módulos e elementos que você pode usar para criar seus layouts de coluna. Você pode escolher um tema ou construtor de páginas que atenda às suas necessidades, preferências e orçamento.

3. Passos

Agora que você tem os pré-requisitos prontos, pode começar a converter de contêiner para coluna no WordPress. O processo varia dependendo se você usa um construtor de páginas ou um tema Full Site Editing Block.

3.1 Para construtores de páginas

• Passo 1 : Crie uma nova página ou edite uma existente. Acesse Páginas > Adicionar nova ou Páginas > Todas as páginas e selecione a página que deseja editar.

• Etapa 2 : Acesse as opções de layout da coluna. Dependendo do tema ou construtor de páginas que estiver usando, você verá diferentes opções para adicionar e editar colunas.

Por exemplo, se você estiver usando Elementor, clique no ícone + para abrir a estrutura da seção. Você pode escolher qualquer combinação de layout de colunas em Selecione sua estrutura ou solte o widget Seção interna do painel esquerdo na página para criar colunas aninhadas

Clique no ícone + para abrir a estrutura no construtor de páginas Elementor

Selecione a estrutura da coluna: construtor de páginas Elementor

Se estiver usando o Divi, você pode clicar no ícone + e escolher uma estrutura de coluna no pop-up.

• Passo 3 : Adicionar e configurar colunas. Você pode ajustar o número, tamanho e posição das colunas arrastando as bordas ou usando o painel de configurações. Você também pode adicionar diferentes elementos e módulos a cada coluna, como texto, imagens, botões, etc.

• Passo 4 : Personalize o conteúdo da coluna. Você pode estilizar cada coluna e seu conteúdo usando as opções disponíveis no tema ou no construtor de páginas. Você pode alterar as cores, fontes, planos de fundo, bordas, margens, preenchimentos, animações e muito mais.

• Etapa 5 : visualize e publique. Quando estiver satisfeito com o layout da coluna, você pode visualizar a aparência em diferentes dispositivos e navegadores. Também é possível salvá-lo como modelo para uso futuro. Quando estiver pronto, clique em Publicar ou Atualizar para ativar o layout da coluna em seu site.

3.2 Para Temas de Bloco

Se você estiver usando um tema de bloco compatível com Full Site Editing, também poderá converter de contêiner para coluna no WordPress usando o bloco Columns. O bloco Colunas é um bloco contêiner que permite criar e personalizar seu layout usando colunas. As colunas são seções da sua página que podem exibir diferentes tipos de conteúdo, como texto, imagens, vídeos etc. Você pode ajustar o número, tamanho e posição das colunas arrastando as bordas ou usando o painel de configurações.

Você também pode adicionar diferentes blocos a cada coluna, como Capa, Imagem, Cabeçalho, Parágrafo, etc. Aqui estão as etapas para converter de contêiner para coluna no WordPress usando o bloco Colunas:

• Passo 1 : Crie uma nova página ou edite uma existente. Acesse Páginas > Adicionar nova ou Páginas > Todas as páginas e selecione a página que deseja editar.

• Passo 2 : Adicione um bloco de Colunas . Clique no ícone de inserção e digite colunas ou use o comando de barra /colunas e selecione o bloco Colunas. Escolha o número e o tamanho das colunas

Bloquear temas Colunas selecionadas

NOTA : Outra forma de criar colunas é transformar um bloco existente em um bloco de Colunas. Para fazer isso, clique no ícone do bloco na barra de ferramentas e selecione “Transformar em” no menu suspenso. Você verá uma lista de opções, incluindo Colunas. Escolha Colunas e o bloco se tornará um bloco de Colunas com o bloco original dentro dele.

Transforme em colunas no tema Bloco

• Passo 3 : Adicionar e configurar colunas. Você pode alterar o número de colunas clicando nos ícones de mais ou menos na barra de ferramentas do bloco ou nas configurações da barra lateral. Você também pode arrastar as bordas das colunas para redimensioná-las. Você pode adicionar blocos diferentes a cada coluna clicando no ícone de inserção dentro de cada coluna.

• Passo 4 : Personalize o conteúdo da coluna. Você pode estilizar cada coluna e seu conteúdo usando as opções disponíveis na barra de ferramentas do bloco e nas configurações da barra lateral. Você pode alterar as cores, fontes, planos de fundo, bordas, margens, preenchimentos, animações e muito mais.

• Etapa 5 : visualize e publique. Quando estiver satisfeito com o layout da coluna, você pode visualizar a aparência em diferentes dispositivos e navegadores. Você também pode salvá-lo como um bloco reutilizável para uso futuro. Quando estiver pronto, clique em Publicar ou Atualizar para ativar o layout da coluna em seu site.

4. Conclusão

A conversão de contêiner para coluna no WordPress é uma ótima maneira de melhorar o design e a funcionalidade do seu site. Ao usar colunas, você pode criar layouts dinâmicos e visualmente atraentes que exibem seu conteúdo de maneira organizada e envolvente. Você pode usar um tema ou um construtor de páginas que suporte colunas para tornar o processo de conversão fácil e sem complicações.

Esperamos que este artigo tenha ajudado você a aprender como converter de contêiner para coluna no WordPress usando diferentes ferramentas e métodos. Feliz construção de colunas!

Dicas Adicionais: Como converter de contêiner para coluna no WordPress

1. Use um tema baseado em coluna ou um construtor de páginas para facilitar a criação e o gerenciamento de seus layouts de coluna.

2. Use a opção “Colunas” no editor de páginas ou bloqueie temas para adicionar colunas às suas páginas de forma rápida e fácil.

3. Arraste e solte elementos nas colunas para organizar seu conteúdo de forma rápida e fácil.

4. Use o botão “Atualizar” para salvar suas alterações e publicar sua página.