Como editar a página inicial do WordPress: 3 métodos!

Você está procurando maneiras de melhorar sua página inicial e torná-la mais atraente para seus visitantes? Então você veio ao lugar certo! Neste guia, mostraremos 3 métodos diferentes para editar a página inicial do WordPress para aproveitar ao máximo a página inicial do seu site.

O que é a página inicial?

A página inicial do WordPress é a primeira página que seus visitantes veem quando abrem seu site em seus navegadores, portanto, certifique-se de que pareça atraente e mostre os principais benefícios do que o site tem a oferecer. Pode ser a página onde você apresenta seu site, exibe seus produtos e serviços mais vendidos, mostra as últimas notícias, apresenta suas postagens de blog e assim por diante. Por exemplo, na QuadLayers, nossa página inicial mostra nossos serviços e produtos. Cada parte da nossa página inicial é cuidadosamente elaborada para criar interesse em nossos produtos e serviços e usa uma estética de design que combina com nossa marca.

Por que editar a página inicial no WordPress?

A página inicial é uma das páginas mais importantes do seu site, por isso deve dar aos visitantes uma boa ideia do valor que você pode oferecer. Claro, isso depende do tipo de site que você tem. Um blog pode precisar de todas as postagens de blog em destaque ou mais recentes em sua página inicial, enquanto um fotógrafo pode precisar destacar galerias e fotos na primeira página. É por isso que, para aproveitar ao máximo seu site, você precisa editar sua página inicial do WordPress e exibir o que melhor descreve sua proposta de valor.

Além disso, a página inicial é a primeira página que qualquer visitante vê quando abre seu site, então você quer ter certeza de causar a impressão certa. Uma boa home page pode fazer toda a diferença na hora de captar a atenção das pessoas e converter um visitante em cliente ou assinante. Portanto, para aproveitar ao máximo sua página inicial, você deve elaborá-la com cuidado e alinhá-la com seus objetivos.

Neste guia, mostraremos como personalizar a página inicial no WordPress .

Como criar e editar a página inicial do WordPress

Vamos começar com como você pode criar e definir uma página como a página inicial. Para criar uma Home Page, no seu painel do WordPress basta acessar Páginas > Adicionar Novo .

Aqui você pode incluir qualquer conteúdo que desejar. Por enquanto, vamos chamá-la de “ Página inicial” e clicar em Publicar no canto superior direito.

Agora você precisa definir esta página como sua nova página inicial, então vá para Configurações> Leitura na barra lateral do painel. Em seguida, em Exibições de sua página inicial, você pode decidir o que exibir na página inicial.

Você pode configurá-lo para mostrar uma lista de suas postagens mais recentes ou uma página estática. Escolha a opção Página estática e, na opção Página inicial, selecione a página inicial que você acabou de criar. Você também pode escolher páginas adicionais para sua página inicial, como a página da loja, página de contato, página sobre, página Minha conta e assim por diante.

Quando terminar, clique em Salvar alterações e pronto. Você acabou de configurar sua página inicial. Esse é apenas o primeiro passo para criar a página inicial perfeita para o seu site, então vamos seguir em frente e ver como personalizar sua página inicial do WordPress.

Agora, vamos dar uma olhada em 3 métodos diferentes para configurar e editar a página inicial:

1. Usando as opções de tema
2. Usando o Editor de Blocos
3. Com construtores de páginas

Vamos dar uma olhada em cada um deles.

1. Como editar a página inicial do WordPress usando as opções de tema

A maioria dos temas do WordPress permite que você personalize e configure widgets e opções adicionais para sua página inicial. Esses recursos variam de acordo com o tema que você usa, portanto, lembre-se disso ao selecionar um tema. Por exemplo, se você estiver iniciando uma loja WooCommerce, precisará escolher os temas apropriados para configurar as opções baseadas na loja para sua página inicial.

Para começar a editar sua página inicial do WordPress, vá para Aparência > Personalizar na barra lateral do WP Admin.

Em seguida, em vez de configurar sua página inicial na seção de leitura, selecione-a diretamente na guia de configurações da página inicial . Selecione a opção Página Estática e selecione a página inicial que você acabou de criar.

Agora é hora de personalizar a página inicial. Como mencionado anteriormente, o número de opções que você tem para personalizar sua página inicial depende do seu tema . Por exemplo, um tema gratuito como o que estamos usando para esta demonstração pode não ter muitos elementos e itens para adicionar à sua página inicial, mas um tema premium como o Astra oferece muito mais opções. Para editar qualquer elemento no editor ao vivo, basta clicar no ícone da caneta para alterar suas opções.

Para nossa página inicial, vamos começar ocultando alguns widgets, além de alterar os elementos do site e outros itens da página inicial. Nosso tema, Hestia, tem uma seção dedicada do FrontPage que nos permite adicionar uma grande seção, widgets adicionais, depoimentos, postagens de blog e muito mais. Explore suas opções de tema no personalizador ao vivo para conhecer todas as opções que você tem para configurar e editar sua página inicial.

Quando terminar de editar, clique em Publicar e pronto. Você acabou de configurar e editar sua página inicial!

2. Configure e edite sua página inicial do WordPress usando o Block Editor

Você também pode configurar e editar sua página inicial usando o Editor de blocos . Para fazer isso, no painel de administração do WordPress, vá para Páginas e clique em Editar em sua página inicial recém-criada.

Esta página tem apenas o bloco, então vamos personalizá-lo um pouco. Vamos alterar a primeira mensagem e transformá-la em um texto de boas -vindas usando o editor. Você também pode usar as configurações de tipografia na barra lateral direita para personalizar ainda mais esse texto e cores.

Em seguida, vamos adicionar uma galeria para exibir imagens apenas adicionando outro bloco e configurando-o como Galeria . Por enquanto, vamos apenas adicionar algumas imagens de banco de imagens.

Mais uma vez, você pode personalizar seu bloco de galeria usando a barra lateral direita para alterar o texto, cores, número de imagens por linha e muito mais.

Adicionamos imagens, mas você também pode adicionar apresentações de slides, depoimentos, vídeos, botões, widgets e muitos outros tipos de bloqueio. Para criar a página inicial perfeita para o seu site, dê uma olhada em todos os blocos que você pode usar no editor de blocos.

Por fim, em Atributos da página , você pode definir o layout da página como Largura total para garantir que sua página inicial se encaixe perfeitamente e se destaque.

Assim que terminar de adicionar todos os elementos desejados e personalizar a página inicial, basta salvar suas alterações. É isso! Você acabou de editar a página inicial do WordPress usando o Block Editor !

3. Edite a página inicial do WordPress usando construtores de página

A maneira mais fácil e flexível de personalizar sua página inicial é usar construtores de páginas dedicados. Seu personalizador de arrastar e soltar integrado, juntamente com um grande número de modelos e blocos de página inicial, permite que você configure sua página inicial rapidamente.

NOTA: Antes de continuarmos, como adicionaremos seções personalizadas às seções de nossa página inicial usando construtores de páginas, certifique-se de desativar todas as seções do Frontpage nas configurações do seu tema.

Para nossa demonstração, usaremos o construtor Elementor Page para personalizar nossa página inicial. No entanto, o processo deve ser semelhante, independentemente do construtor de páginas usado. Por precaução, é sempre útil ter a documentação do construtor de páginas à mão.

Primeiro, você precisará instalar e configurar o Elementor. Em seguida, abra sua página inicial na seção Páginas e clique em Editar com Elementor .

Agora, vamos configurar o layout da página clicando no ícone de configurações no canto inferior esquerdo e usando o Layout da página. Altere isso para a tela Elementor.

Em seguida, mude para a guia Estilo e altere a cor e o preenchimento do plano de fundo.

Agora que temos nossa configuração de estilo de página, vamos adicionar uma imagem Hero à sua página inicial e mais alguns widgets.

Crie uma seção Hero usando Elementor

Vamos começar clicando no botão + em Drag Widget aqui e escolhendo nosso layout. Para esta demonstração, selecionaremos um layout de coluna única, mas escolheremos o que você mais gosta. Em seguida, defina a Largura do conteúdo como Largura total e Intervalo das colunas como Sem espaço na seção Editar.

Depois disso, defina Height para Min Height e defina-o para algo em torno de 100-140 VH , dependendo do tamanho da sua imagem de herói. No nosso caso, selecionaremos 100 aqui.

Em seguida, use a guia Estilo e defina o Plano de fundo da estrutura da maneira que desejar. Vamos com um fundo de imagem adicionando uma imagem. Em seguida, use o restante das opções de plano de fundo para definir sua imagem de herói da maneira que desejar.

Em seguida, vamos adicionar um widget de título para identificar nosso site e outro para nos apresentar. Basta clicar no botão Widget no canto superior direito da barra lateral esquerda e arrastar o widget Heading para a estrutura.

Agora, adicione texto ao seu título e configure seu alinhamento e tamanho . Você também pode usar a guia Estilo para alterar a tipografia, a cor do texto e muito mais.

Você também pode incluir mais elementos, como imagens, títulos adicionais, botões e muito mais. Assim que terminar de editar sua imagem de herói, vá em frente para adicionar mais conteúdo à sua página inicial.

Adicionando widgets

Para adicionar mais conteúdo, você terá que usar mais widgets. Para isso, siga o mesmo processo de criação de uma nova estrutura e adicione widgets a ela de acordo. Para começar, adicionaremos um widget de cabeçalho com o texto 'Aproveite nosso conteúdo'.

Você pode estilizá-lo para combinar com o design do seu site, bem como escolher um plano de fundo exclusivo usando a guia Avançado para adicionar mais sabor.

Depois disso, vamos adicionar um widget de vídeo criando uma nova estrutura e definindo seu layout. Em seguida, adicione um widget de vídeo usando a seleção de Widgets.

Escolha sua fonte de vídeo e adicione o URL. Em seguida, selecione suas opções de vídeo (reprodução automática, mudo, loop, controles do player e modo de privacidade) e use a guia de estilo para personalizar seu widget.

Depois disso, vamos adicionar uma seção Sobre nós para finalizar. Basta adicionar uma guia de título a uma nova estrutura, editá-la adequadamente e adicionar um widget de editor de texto abaixo dela.

Para incluir conteúdo, configure a guia de estilo para escolher alinhamento, planos de fundo e assim por diante. Lembre-se de que esta é a primeira página que os usuários verão, então você precisa impressioná-los e mantê-la profissional. Você também pode usar a guia Avançado para adicionar um plano de fundo personalizado, efeitos de movimento e muito mais.

Da mesma forma, você também pode adicionar mais widgets, como call to action, Google Maps, Galerias e muito mais. Quando estiver satisfeito com suas personalizações, clique em Atualizar para finalizar sua página inicial recém-editada.

É claro que sua página inicial não precisa ter todo esse conteúdo. Projete-o para torná-lo atraente e combinar com a aparência do seu site. E se você estiver usando o Elementor Pro, também poderá usar blocos personalizados e modelos de página inicial para configurar seu conteúdo.

Bônus: como definir seu blog ou página de loja como a página inicial

Além de criar uma nova página inicial, você também pode definir seu blog como sua página inicial. Para fazer isso, no seu painel do WordPress vá em Configurações > Leitura e escolha seu Blog como sua Página Inicial. Em seguida, clique em Salvar alterações e pronto.

Da mesma forma, você pode definir a página da loja como a página inicial. Isso pode ser uma boa ideia para lojas online, mas primeiro você precisará fazer algumas alterações na página da sua loja. Se essa é uma opção interessante para você, dê uma olhada no nosso guia completo que mostra diferentes maneiras de personalizar a Página da Loja.

Conclusão

Em resumo, a página inicial é a primeira página que seus espectadores veem quando chegam ao seu site, então você deve personalizá-la e causar uma boa impressão neles. Essa pode ser a diferença entre o usuário sair ou se tornar um cliente fiel que volta várias vezes.

Neste guia, vimos diferentes maneiras de configurar e editar a página inicial do WordPress:

• Usando as opções de tema do WordPress
• Usando o Editor de Blocos do WordPress
• Com construtores de páginas

Você pode criar sua página inicial do zero ou usar modelos predefinidos que seu tema inclui ou definir seu blog ou sua página de loja como a página inicial também.

Por fim, se você quiser incrementar seu site WordPress e personalizar outras páginas, confira os seguintes guias:

• Como editar a página Minha conta do WooCommerce
• Guia para personalizar o cabeçalho no WordPress
• Como personalizar a página do produto no Elementor

Você personalizou sua página inicial? Você conhece outros métodos? Compartilhe suas experiências conosco na seção de comentários abaixo!