Como criar uma página de largura total no WordPress 1

Como criar uma página de largura total no WordPress

Uma página de largura inteira pode realmente fazer seu site WordPress se destacar, e é por isso que tantos temas premium vêm com um layout 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 o editor de página Elementor para fazer o layout. Vamos mostrar como.

Mas, primeiro, você pode estar se perguntando: o que exatamente é uma página de largura inteira? Esta questão e três métodos de criação e layout de uma página de largura inteira são o objetivo deste artigo.

Quando usar um layout de página de largura total

Um layout de largura total pode ser uma ótima maneira de apresentar gráficos. Se você estiver projetando uma página da web com visual avançado, poderá usá-los com pleno efeito, exibindo-os na plenitude de sua glória, sem barras laterais e outros elementos obstruindo o espaço da página da web. Se você estiver 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 se estendem por toda a largura da página, o que é um desgaste para os olhos. Uma boa solução para isso pode ser a introdução de guias, mas um layout de largura total ainda funciona melhor para conteúdo de imagemt.

Mesmo se o site que você está vendo não for um portfólio repleto de gráficos, um layout de largura total pode dê ao seu site uma aparência dinâmica e moderna. Ainda assim, um design tradicional de layout de caixa confere um tom mais sério e profissional. 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 da página para largura total em um tema

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

Modelo de largura total

E isso é tudo que há para fazer. Agora você pode continuar a editar sua página de largura inteira como faria com qualquer outra página. O específico, é claro, dependerá do seu tema.

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 usando um plug-in. O plugin que usaremos é Modelos de largura total. Você precisa instalar e ativar o plugin Fullwidth Templates. Se você não tem certeza de como instalar um plugin, temos um tutorial útil especialmente 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. FW Fullwidth simplesmente cria uma página de largura total, caso o seu tema não forneça uma, FW Fullwidth Sem Cabeçalho Rodapé também remove o cabeçalho e o rodapé para uma aparência ultraminimalista e FW Sem Barra Lateral só removerá sua barra lateral, se estiver usando, liberando mais espaço em sua página.

Plugin de modelos de largura total

Abaixo, por exemplo, está a aparência de uma página com apenas algum texto de espaço reservado e uma imagem em FW Fullwidth Sem Cabeçalho Rodapé modo: o plugin limpou quase tudo. Claro, isso torna a solução extremamente minimalista, sem frescuras, considerando o tema que estamos usando (embora seja praticamente garantido que seja a página de carregamento mais rápido que já criamos), mas pode funcionar para você dependendo do seu conteúdo.

Pré-visualização da largura total do rodapé sem cabeçalho

Porém, tenha em mente: este plugin foi testado com muitos dos temas e construtores de página mais populares, mas, dependendo do layout, pode não funcionar com o seu. Normalmente, é melhor confiar nas configurações do 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 um 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 o elementoor

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

Configurações de elemento ou

Então, sob o Layout da 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

Para fazer com que seu conteúdo ocupe toda a largura da tela, você precisa configurar isso usando o elemento Layout definições. Basta clicar no elemento Editar menu e alterar seu layout do padrão Encaixotado para Largura completa, e seu conteúdo agora se estenderá totalmente entre as bordas verticais da página.

Elementor Full Width

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

Pré-visualização da largura total do Elementor

Observe que as configurações do seu tema ou as configurações de um plugin (Atributos de página discutido acima) pode substituir as configurações de página do Elementor. Isso não é um grande problema, você simplesmente precisa alterar as configurações da página do tema para largura total também, conforme descrito acima.

Para concluir

Como você pode ver, com o Elementor, fazer o layout de uma página de largura inteira no WordPress não é nenhum problema. Portanto, se seu objetivo é impressionar usuários de desktop e dispositivos móveis com suas habilidades de design responsivo, ou se pretende criar uma página da web visualmente impressionante e envolvente para o seu site WordPress, agora você tem uma ferramenta extra ao seu alcance.

Apoie o nosso trabalho ❤️

Se você gostou deste artigo, considere deixar uma gorjeta para nos ajudar a continuar publicando conteúdo de qualidade.

Pagamento seguro no PayPal