Como criar uma página de largura total no WordPress

Uma página de largura inteira pode realmente fazer seu site WordPress se destacar, é por isso que tantos temas premium vêm com um design de largura total. No entanto, caso você não esteja usando um tema com uma página de largura total integrada, você pode facilmente usar um plugin ou editor de página do Elementor para estilizá-lo. Vamos mostrar como.

Mas, primeiro, você pode estar se perguntando: o que exatamente é uma página de largura inteira? Esta pergunta e três métodos para criar e projetar uma página de largura inteira são o assunto deste artigo.

  • Quando usar um layout de página de largura total
  • Como alterar o layout de uma página de largura inteira em um tema
  • Como criar uma página WordPress de largura total usando um plug-in
  • Como criar uma página WordPress de largura total usando o Elementor
Tópicos do Qode: principais escolhas

Veja a coleção

New Bridge Banner
Ponte

Tema WordPress criativo multifuncional

Estocolmo WordPress Theme
Estocolmo

Um tema genuinamente multi-conceito

Tema WordPress Startit
Começar

Novo tema de negócios de inicialização

Quando usar um layout de página de largura total

Um layout de largura total pode ser uma ótima maneira de exibir gráficos. Se você estiver projetando uma página da web com visual avançado, poderá usá-los com efeito total, exibindo-os em toda a sua glória, sem barras laterais e outros elementos desorganizando o espaço da página da web. Se você está executando um blog ou site de notícias com muito texto, um layout de largura total significa que seus usuários terão que ler linhas de texto que ocupam toda a largura da página, o que é cansativo para os olhos. Uma boa solução para isso poderia ser introduzir guias, mas ainda um layout de largura total funciona melhor para conteúdo de imagemt.

Leia Também:  Como indexar o novo conteúdo do WordPress mais rápido no Google

Mesmo se o site que você está visualizando não for um portfólio repleto de gráficos, um layout de largura total pode Dê ao seu site um visual dinâmico e moderno.. Ainda assim, um design de caixa tradicional empresta um tom profissional mais sério. Dependendo do tipo de negócio em que você está, um layout de largura total pode não ser adequado para você.

Como alterar o layout de uma página de largura inteira em um tema

Se o seu tema já tem um layout de largura total, você está com sorte. Será muito fácil encontrar. Basta carregar a página que deseja criar em largura total, encontrar o Atributos de página seção no Documento guia do menu direito e selecione o Largura completa projetar lá.

Palmilha de largura total

E isso é tudo que há para fazer. Agora você pode continuar editando sua página de largura inteira como faria com qualquer outra página. Os detalhes, é claro, dependerão do seu tópico.

Como criar uma página WordPress de largura total usando um plug-in

Agora, se o seu tema não tiver um modelo de página de largura total, você pode tentar modificá-lo com um plugin. O plugin que usaremos é Modelos de largura total. Você deve instalar e ativar o plugin Full Width Templates. Se você não tem certeza de como instalar um plugin, temos um tutorial útil apenas para você.

Depois de fazer isso, você descobrirá que tem três novos modelos no Atributos de página seção da página que você está editando. Largura total FW basta criar uma página de largura total, caso seu tema não forneça uma para você, FW de largura total sem rodapé do cabeçalho também remove o cabeçalho e rodapé para uma aparência ultramínima, e FW sem barra lateral Isso só removerá sua barra lateral, se você estiver usando, liberando mais espaço em sua página.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress
Plugin de templates de largura total

Abaixo, por exemplo, uma página é mostrada com apenas um texto de espaço reservado e uma imagem em FW de largura total sem rodapé do cabeçalho modo: o plugin limpou quase tudo. É claro que isso é uma solução extremamente minimalista e sem frescuras, considerando o tema que estamos usando (embora seja praticamente a página de carregamento mais rápido que já criamos), mas pode funcionar para você dependendo do seu conteúdo.

Sem cabeçalho Rodapé Visualização de largura total

Observe, entretanto: este plugin foi testado com muitos dos temas e construtores de página mais populares, mas dependendo do design, pode não funcionar com o seu. Geralmente, é melhor confiar nas configurações do seu tema se você não for um usuário experiente do WordPress.

Como criar uma página WordPress de largura total usando o Elementor

Se você está usando o Elementor, está com sorte – este editor de páginas já tem a funcionalidade de que você precisa. Encontre a página que deseja converter para largura total ou crie uma Nova página usando o comando Nova página no menu do lado esquerdo. Em seguida, clique no botão para Editar com Elementor.

Editar com Elementor

A próxima coisa que você quer é Configurações (ícone de engrenagem. Está na parte inferior do menu do lado esquerdo.

Configurações de elemento ou

Então sob o Desenho de página menu, escolha largura total. Mas isso significa apenas que a página permitirá que o conteúdo se estenda até a largura total.

Elementor Full Width
Elementor Full Width

E está tudo pronto! Veja como apenas a segunda seção do texto, aquele cujo layout mudamos de caixa para largura total, se estende de margem a margem.

Antevisão do elemento ou largura total

Observe que suas configurações de tema ou configurações de plug-in (Atributos de página discutido acima), você pode substituir as configurações da página Elementor. Isso não é grande coisa, você só precisa alterar a configuração da página do tema para largura total também, conforme descrito acima.

Em conclusão

Como você pode ver, com o Elementor, projetar uma página de largura inteira no WordPress não é problema. Portanto, se o seu objetivo é impressionar os usuários de desktop e dispositivos móveis com suas habilidades de design responsivo, ou se o seu objetivo é criar uma página da web visualmente impressionante e envolvente para o seu site WordPress, agora você tem uma ferramenta adicional à sua disposição. escopo.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: