Como editar a página inicial do WordPress (para iniciantes)

Publicados: 2020-11-04

Todos nós já estivemos lá.

Você instala um novo tema WordPress apenas para descobrir que a aparência é um pouco diferente do que você viu na visualização ao vivo do tema original.

Não, o desenvolvedor do tema não enganou você. Para consertar as coisas, você só precisa adaptar seu novo tema ao seu site com algumas edições básicas, que começam por saber como editar a página inicial do WordPress.

Conteúdo
  1. Por que editar sua página inicial no WordPress?
  2. Configurando uma página inicial estática no WordPress
  3. Como editar a página inicial no WordPress usando as opções internas do tema
  4. Como editar a página inicial do WordPress usando um editor de blocos
  5. Como editar a página inicial do WordPress usando o Divi Page Builder
  6. Editando a página inicial do WordPress usando o Beaver Builder
  7. Resumindo

Por que editar sua página inicial no WordPress?

Bem, por padrão, todos os sites WordPress recém-instalados exibem postagens recentes em sua primeira página (também conhecida como página inicial). A razão para isso é o fato de o WordPress ter sido inicialmente concebido como Sistema de Gerenciamento de Conteúdo (CMS) para blogs . Não era uma plataforma universal de construção de sites como a percebemos hoje.

Então, basicamente, o WordPress ainda mantém seu “CMS de blog” hoje e isso causa algum tipo de confusão para os iniciantes que vêm ao WordPress para construir seus sites e esperam que ele se comporte como um construtor de sites clássico.

Agora, postagens recentes na página inicial podem funcionar para blogs, mas para a maioria dos sites, esse conceito não faz sentido .

Por exemplo, as empresas geralmente preferem definir e editar uma página inicial estática quando seu objetivo é:

  • Obtenha mais assinantes de e-mail
  • Gere mais leads
  • Concentre-se em um serviço específico
  • Produza mais vendas
  • Iniciar um blog em um estágio posterior
  • Não pretendo ter um blog

Confira também: Como editar rodapé no WordPress

Configurando uma página inicial estática no WordPress

Se você não quiser que sua página inicial exiba postagens recentes, vá em frente e defina-a como uma página estática.

Para começar, crie uma nova página acessando Páginas » Adicionar novo . Você pode querer intitular Home e clicar no botão publicar.

Crie uma nova página inicial para editá-la
Criar uma nova página

O próximo passo é dizer ao WordPress para começar a usar a página que você criou.

Para conseguir isso, vá para o painel do WordPress e navegue até Configurações » Leitura.

Para selecionar uma página estática, visite configurações>Leitura
Vá para Configurações e depois Leitura

Você verá duas opções sob o texto 'sua página inicial é exibida':

  • Suas últimas postagens
  • Uma página estática
Uma página estática precede o processo de edição
Selecionar página estática

Selecione 'uma página estática' e escolha a 'página inicial' que você criou anteriormente.

Selecione a página inicial na página estática
Escolha a página inicial

Isso foi fácil, não é?

Mas a página inicial que você acabou de criar ainda está vazia. Então, como você edita isso?

Como editar a página inicial no WordPress usando as opções internas do tema

A maioria dos temas vem com um design que você pode editar facilmente, o que torna a edição do WordPress um passeio no parque.

Em seu painel, vá para Aparência » Personalizar . O personalizador de temas será iniciado junto com a visualização ao vivo do seu tema.

O personalizador de temas contém opções diferentes para cada tema, mas o conceito é praticamente o mesmo. Na maioria das vezes, a maioria dos temas tem um ícone de lápis azul próximo ao texto da página, que você precisa editar.

Usando as opções internas de um tema para editar a página inicial do WordPress
Usar personalizador de temas

Certos temas exigem que você clique nas opções do lado esquerdo para localizar o texto que precisa ser alterado e editá-lo.

Sempre que você fizer edições, as alterações serão exibidas no modo de visualização do seu site. Se você gostar das mudanças, você pode clicar no botão publicar.

Como editar a página inicial do WordPress usando um editor de blocos

Às vezes, você pode querer criar uma página inicial do zero e precisa de um editor de blocos para conseguir isso.

Portanto, você deve começar abrindo a página “inicial” criada anteriormente e adicionando seu conteúdo.

Abra a página inicial já criada
Abra a página

Para adicionar texto, clique na página e comece a digitar ou colar o texto de um documento do Word na página. Um bloco de parágrafo será criado automaticamente para você.

Você pode alterar o tamanho do texto clicando no tamanho predefinido.

Alterar o tamanho do texto ao editar a página inicial
Clique no tamanho predefinido

Quer mudar seu texto para uma cor diferente? Clique nas configurações de cor para selecionar sua cor favorita.

Clique nas configurações de cor para alterar a cor do texto
Alterar cor do texto

E o conteúdo pode ser chato sem recursos visuais. Assim, para adicionar uma imagem à sua página, clique no símbolo ' + ' no canto superior esquerdo e selecione o bloco de imagem.

Adicione imagens ao editar a página inicial no wordpress
Clique em + e selecione o ícone da imagem

Você pode selecionar uma imagem da biblioteca de mídia ou carregar uma do seu dispositivo. Você pode conferir mais blocos e usá-los para editar a página inicial.

Quando estiver satisfeito com a aparência da página, clique em publicar no canto superior direito da tela.

Como editar a página inicial do WordPress usando o Divi Page Builder

Uma das maneiras mais fáceis de editar uma página inicial do WordPress é usando um plugin de construtor de páginas. A maioria das pessoas usa o construtor de páginas Divi porque é um construtor de arrastar e soltar que funciona com qualquer tema e permite personalizar um site com facilidade e rapidez, graças aos layouts pré-criados.

Nesta seção, usarei o tema Divi para mostrar como funciona a edição.

O primeiro passo é baixar o tema Divi, após o qual você deve instalá-lo e ativá-lo. A instalação virá com o plugin do construtor Divi, portanto, você não precisa de uma instalação separada para isso.

Depois de instalar o tema, vá para o painel do WordPress, em seguida, Divi » Opções de tema » Atualizações e insira um nome de usuário e uma chave de API.

Instale o construtor divi para começar a editar a página inicial no wordpress
Digite o nome de usuário e a chave de API

Antes de editar a página inicial, certifique-se de selecionar o modelo de página em branco indo para Documento » Atributos da página » Modelo » Em branco (na tela de edição da página inicial, barra lateral direita).

Isso garantirá que sua página inicial não tenha elementos padrão, como título, barra lateral e menu.

Escolha o modelo do construtor divi para editar a página inicial
Selecione um modelo padrão

Em seguida, vá para o topo da tela e clique no botão 'Usar o Divi Builder'.

Comece a usar o construtor divi
Ative o Divi Builder

Você verá o botão 'Editar com o Divi Builder' no centro da tela. Clique nisso.

Comece a editar a página inicial no wordpress
Clique no botão editar

Trabalhando com os layouts

Em seguida, você verá três opções para criar uma página:

  1. clonar a página existente
  2. construir do zero
  3. e escolha um layout pré-fabricado.

Aqui, clique em 'procurar layouts'

layouts do construtor divi para editar a página inicial do wordpress
Clique em procurar layouts

O próximo resultado mostra toneladas de layouts (o Divi tem 1383 layouts no total). Você pode digitar na caixa de pesquisa algo relacionado ao seu negócio para encontrar layouts relevantes.

aprenda a editar a página inicial no wordpress escolhendo o pacote de layout do construtor divi
Diferentes pacotes de layout para o Divi Builder

Você também pode filtrar suas pesquisas de acordo com as categorias marcando uma caixa à esquerda de cada categoria.

Usaremos o pacote de layout 'Art & Design' para criar a página inicial.

Primeiramente, clicaremos no pacote de layout que queremos para ver os layouts abaixo dele, que neste caso é o pacote de layout do redator:

editar a página inicial do wordpress escolhendo um pacote de layout
Selecione um pacote de layout

Em seguida, várias opções de layout são exibidas, incluindo página de destino, página inicial, preços, perguntas frequentes e muito mais. Iremos com a opção inicial, pois estamos criando uma página inicial.

Depois de clicar no layout 'home', clicamos em 'usar este layout:

selecione o layout do home divi builder para editar a página inicial do wordpress
Escolha o layout da casa

O Divi importa o layout para que você possa vê-lo ao vivo na tela, do jeito que aparecerá no seu site.

Para editar a página, clique na seção que deseja alterar.

Clique no texto para editá-lo

O Divi possui linhas e módulos para ajudá-lo a criar uma página. Usando os módulos de texto, você pode clicar no texto padrão e substituí-lo pelo que deseja.

Você pode usar o ícone da lixeira para excluir linhas e módulos. Para substituir as imagens existentes pelas suas, você pode editar as configurações do módulo.

Observe que a imagem do cabeçalho é uma imagem de fundo e, para alterá-la, você precisará ir para Conteúdo » Fundo e clicar no ícone da imagem.

Altere a imagem de fundo para editar a página inicial no wordpress clicando no ícone da imagem
Clique no ícone da imagem

Quando estiver satisfeito com as edições feitas, clique em 'publicar' ou 'salvar rascunho' abaixo da tela.

uma vez feito a edição de uma página inicial do wordpress, publique as alterações
Clique em salvar ou publicar

Confira também: Por que o WordPress é tão difícil de usar?

Editando a página inicial do WordPress usando o Beaver Builder

O Beaver builder é outro construtor de páginas de arrastar e soltar que você pode usar para criar e editar sua página inicial. É fácil de usar e você pode usá-lo para criar páginas da web bonitas e responsivas em minutos.

Primeiro, você deve baixar o plugin, instalá-lo e ativá-lo.

Aqui está o tutorial em vídeo sobre isso:

Depois disso, vá para o menu de páginas e clique na página inicial que configuramos anteriormente para editá-la.

Em seguida, vá para o editor de blocos e depois Documento » Atributos da página » Modelo.

Uma página aparecerá com o botão 'Launch Beaver Builder' no centro. Para este exemplo, estamos usando o tema Astra.

como editar a página inicial no wordpress com beaver builder
Iniciar o Beaver Builder

Clique no botão e você verá rapidamente o editor Beaver Builder. Para criar rapidamente uma página inicial, use os modelos integrados.

Observe que a versão lite do plugin não possui os templates.

Os modelos do Beaver builder ajudam a editar a página inicial no wordpress
Clique nos modelos do Beaver Builder

Vamos usar o modelo Fashion Freaks.

Escolha um dos modelos para começar a editar a página inicial no wordpress
Escolha um modelo

Para fazer qualquer edição no modelo, basta clicar na parte que deseja editar e um editor de texto aparecerá com o texto que deseja alterar.

Edite qualquer texto com o editor de texto
Usar editor de texto

Depois de concluir as alterações, clique em Salvar.

Adicionando (e removendo) módulos e linhas

Mais importante ainda, o Beaver Builder contém módulos e linhas que permitem adicionar novos elementos.

Para adicionar um módulo ou linha, clique no símbolo '+' na parte superior.

Em seguida, arraste e solte os módulos ou linhas que você selecionou.

Arraste e solte linhas ou módulos

Você pode usar o estilo do editor de texto para alterar o tipo de fonte e o tamanho do seu texto.

Estilo de editor de texto para edição de tamanho de fonte, cor na página inicial
Clique no estilo para alterar a tipografia

Para remover um módulo ou linha da página, basta passar o mouse em torno dele e clicar no X localizado à esquerda.

Editar página removendo linha ou módulo
Clique no X para remover a linha ou módulo

Você pode continuar alterando e adicionando os módulos e linhas à página quantas vezes preferir. Quando estiver satisfeito com a aparência da página, vá para o canto superior direito e clique em ' Concluído '.

Agora você pode publicar ou salvar a página.

Publicar página editada com beaver builder
Feito? Clique em publicar!

Resumindo

Aí está! Um guia passo a passo sobre como editar a página inicial no WordPress usando diferentes métodos.

Lembre-se de que você pode usar as opções internas do tema, mas se isso parece complexo para você, vá em frente e explore os construtores de páginas simples e intuitivos – Divi Builder, Elementor, Beaver Builder ou outros editores front-end do WordPress.

Então, qual das maneiras acima você acha fácil de usar ao editar suas páginas?

Vamos saber nos comentários abaixo!

🔔 Confira também:

  • Como editar o site WordPress?
  • Como justificar texto no WordPress
  • Como alterar a cor do link no WordPress
  • Como adicionar postagens de blog a páginas no WordPress
  • WordPress: Como remover “Deixe uma resposta”
  • Como fazer um site webcomic
  • Como editar rodapé no WordPress
  • Por que o WordPress é tão difícil de usar?
  • Editor visual do WordPress não funciona