Ir para o conteúdo principal

Como fazer colunas no WordPress sem plugins

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

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

Ao configurar seu site WordPress ou criar conteúdo, você tem diferentes estilos e formatos a considerar. Alguns estilos podem corresponder a um determinado tipo de conteúdo e, dependendo do que você escreve, você deseja ajustá-lo.

A melhor solução é ver o conteúdo de notícias parecer impresso em papel de jornal ou organizar seu conteúdo de maneira diferente com as colunas.

Mostraremos como adicionar colunas ao seu site sem a necessidade de usar plug-ins, o que reduzirá o tempo de carregamento e poupará sua preocupação atualizações.

Aqui estão algumas maneiras de chegar lá.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog

Então, voltemos ao porquê de estarmos aqui.

Use o código para colunas

Você poderá usar o HTML / CSS para criar colunas no seu blog WordPress. Não é tão difícil quanto alguns sugerem, e você pode fazer isso usando uma tag "<div>" emparelhada com um estilo como atributo.

Vá além na personalização descobrindo Como personalizar o CSS do seu site WordPress

<div style = "float: left; width: 50%"> Seu conteúdo aqui </ div> <div style = "float: left; width: 50%"> Seu conteúdo aqui </ div> <div style = "clear : ambos "> </ div>

Incluímos um exemplo mais detalhado, que permitirá que você veja as diferentes possibilidades disponíveis.

<Div style = "width: 30%; padding: 0 10pt 0 0; float: left;"> Coluna Coluna 1 1 </ div> <div style = "width: 30%; padding: 0 10pt 0 0; float: center; "> Coluna Coluna 2 2 </ div> <div style =" width: 30%; padding: 0 10 0 0pt; float: right; "> Coluna Coluna 3 3 </ div>

Você pode alterar o espaço entre as colunas e o tamanho das colunas ajustando a margem interna ou o valor da largura no código. Por exemplo, você pode alterar a largura para 50% ou 30%. Você pode até querer tornar uma coluna mais larga que outra. Ao fazer isso, você pode ter uma coluna principal com texto e as outras colunas ao lado.

Cookies e WordPress: Como criar, recuperar e excluir

Em seguida, a primeira coluna deve ter um tamanho de 40%, a segunda um tamanho de 50% e a terceira um tamanho de 30%. Como você pode ver, a codificação não é particularmente tediosa. Embora possa levar algum tempo para se acostumar, especialmente se você nunca fez isso antes.

Se você não quiser fazer isso codificando, há outras soluções disponíveis.

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]

Escolha um tema com suporte para colunas

Se você usar as colunas para dar uma aparência de "revista" ao seu blog WordPress, convém usar um dos temas que o WordPress oferece.

Por exemplo, o tema Duet Theme

Você também poderá consultar temas premium do WordPress consultando este link.

wordpress theme preview.png

Este último oferece duas colunas que funcionam com o seu conteúdo e oferece uma aparência clássica de uma revista. É muito estiloso. No entanto, você terá que pagar por esse recurso. Esse tema do WordPress custa aproximadamente $ 90.

Discover Como corrigir o erro de login no banco de dados do WordPress

Use tabelas para colunas

Você também pode usar tabelas para criar colunas no seu conteúdo do WordPress. Você pode fazer isso criando uma nova página.

crie uma nova página com uma tabela no WordPress.png

Então você pode usar o seguinte código:

<Style Tabela = "text-align: center; height: 152px; "border =" 1 "cellspacing =" "cellpadding =" 0 0 "width =" 390 "> <tbody> <tr style =" background-color: #e9e9e9; font-weight: mais ousado; "> <td> Título 1 </ td> <td> Título 2 </ td> <td> Título 3 </ td> <td> Título 4 </ td> </ tr> <tr > <td> Detalhe Um </ td> <td> Detalhe dois </ td> <td> Detalhe Três </ td> <td> Detalhe Quatro </ td> </ tr> <tr> <td> Detalhe One A </ td> <td> Detalhe Two A </ td> <td> Detalhe Três A </ td> <td> Detalhe Four A </ td> </ tr> </ tbody>

Sublime suas pinturas consultando Como inserir uma tabela no WordPress com o plugin TablePress

Depois de adicionar o gráfico, você poderá ajustar o tamanho, o espaço entre as colunas. Você também pode remover as bordas para dar uma aparência mais natural durante a formatação.

Aqui estão alguns métodos que permitem criar colunas no WordPress.

Descubra também alguns plugins premium do WordPress

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Leitor de vídeo HTML5

Este é um plugin do WordPress que disponibiliza para o seu blog os tipos de reprodutores de vídeo 3. Temos um player de vídeo com uma playlist à direita, um player de vídeo com uma playlist na parte inferior e um player de vídeo sem uma playlist.

html5-video-player

Este plugin, no entanto, oferece recursos comuns aos três leitores. Suas características incluem: um layout responsivosive, Modelos 5 para escolher para cada leitor, oppossibilidade de adicionar um leitor várias vezes na mesma página com o mesmo estilo ou usando um estilo diferente,suporta arquivos de vídeo MP4 e WEBM e outros.

Descarregar | Demo | hospedagem na web

2. WordPress Calendário de Eventos Pro

A função do Calendário de Eventos do WordPress Pro é adicionar um calendário profissional e elegante aos seus artigos ou páginas. É 100% responsivo e também pode ser usado através de um widget em qualquer tipo de blog ou site WordPress.

Suas características são, entre outras: uma dassinal elegante e profissional, ompágina responsiva, fácil gerenciamento de eventos, capacidade de enviar eventos no front-end, a adição de datas especiais em sua agenda, como as férias, por exemplo, a limitação do número de reservas para um evento, os suportes do RTL e do Google Map, etc.

Descarregar | Demo | hospedagem na web

3. Restringir o acesso ao KB pelo Addon

Essa é uma maneira fácil de gerenciar e restringir o acesso ao KNOWLEDGEBASE com base nas funções do usuário. Esta extensão fornece opções úteis para proteger a base de conhecimento do acesso global.restringir-kb-access-by-user-role-addon--plugin wordpress-to-papéis pelo usuário

Outros recursos incluem nenhuma configuração a ser executada, a capacidade de bloquear o conteúdo da base de conhecimento com base nas funções do usuário, uma aparência totalmente personalizável, bloquear itens únicos, itens semelhantes ou widgets de itens. , um painel de configuração estendido, uma tradução funcional e outros.

Descarregar | Demo |hospedagem na web

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]

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de seu site.

Conclusão

Aqui! É isso neste tutorial. Esperamos que você possa criar colunas no WordPress sem codificar. Não hesite em compartilhe este tutorial com seus amigos em suas redes sociais favoritas.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...

Este artigo contém comentários 0

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
7 ações
ação4
chilrear1
Enregistrer2