Frequentemente, os usuários nos perguntam se é possível criar uma homepage (página inicial) personalizada no WordPress.
Por padrão, o WordPress mostra os posts do seu blog na homepage. No entanto, como em um site de empresa, você pode querer criar uma homepage mais envolvente que ajude os usuários a encontrar o que precisam e aumentar a conversão de vendas.
Neste artigo, mostraremos como criar facilmente uma homepage personalizada no WordPress. Mostraremos vários métodos e você pode escolher aquele que é mais fácil para você.
Passe para o próximo nível com a Hospedagem WordPress Napoleon!
Eleve a experiência do seu site WordPress com a Hospedagem Napoleon. Performance excepcional e suporte especializado esperam por você!
Saiba mais
O que é uma homepage?
Uma homepage é uma página introdutória padrão ou a homepage de um site. É a página que aparece quando alguém insere o nome de domínio do seu site na barra de endereço do navegador.
O principal objetivo da homepage é apresentar aos usuários seu site ou empresa. O ideal é que ele forneça aos usuários informações essenciais sobre sua empresa, para que eles possam continuar explorando outras páginas em seu site.
Por padrão, o WordPress exibe seus posts recentes de blog na página inicial. Isso não é bom, pois mostra apenas alguns de seus artigos atuais.
Se você administra um site comercial, a homepage padrão não informa aos usuários sobre sua empresa, produtos ou serviços. Também não fornece aos usuários uma maneira de entrar em contato com você.
A boa notícia é que o WordPress já vem com uma funcionalidade integrada para criar uma homepage personalizada.
Passe para o próximo nível com a Hospedagem WordPress Napoleon!
Eleve a experiência do seu site WordPress com a Hospedagem Napoleon. Performance excepcional e suporte especializado esperam por você!
Saiba mais
Selecionando uma página para ser usada como homepage no WordPress
O WordPress permite que você use facilmente qualquer página do seu site como sua homepage. Você pode simplesmente ir para Páginas » Adicionar nova página dentro da área de administração do WordPress para criar uma nova página.
Vamos dar a esta página um título “Home” e publicá-la. Você usará esta página como sua página inicial personalizada.
Não se preocupe com o layout ou design no momento. Mostraremos como projetar sua página inicial posteriormente neste artigo.
Agora, se você deseja executar um blog em seu site, precisa criar uma página de blog separada para exibir suas postagens.
Maximize a performance do seu site WordPress com Napoleon!
Potencialize a velocidade e segurança do seu site WordPress com a Hospedagem Napoleon. Sua presença online nunca esteve tão estável e veloz!
Saiba mais
Mais uma vez, vá para Páginas » Adicionar nova página e crie uma página com o título “Blog”. Vá em frente e publique a página em branco.
Depois de criar as páginas, você precisa visitar a página Configurações » Leitura em sua administração do WordPress.
A partir daqui, selecione a opção “Uma página estática (selecionar abaixo)” na seção “Sua página inicial exibe”.
Passe para o próximo nível com a Hospedagem WordPress Napoleon!
Eleve a experiência do seu site WordPress com a Hospedagem Napoleon. Performance excepcional e suporte especializado esperam por você!
Saiba mais
Em seguida, você precisa selecionar a página home e a página do blog que você criou anteriormente.
Não se esqueça de clicar no botão “Salvar alterações” para armazenar suas configurações.
Agora que você configurou uma página para ser usada como sua homepage personalizada, vamos começar a projetar a homepage personalizada para o seu site WordPress.
Método 1. Crie uma página inicial personalizada no WordPress usando Gutenberg
O WordPress introduziu um novo editor baseado em blocos chamado Gutenberg em dezembro de 2018. Este novo editor permite aos usuários não apenas escrever conteúdo, mas também criar belos layouts.
Ele usa blocos para cada elemento de conteúdo, o que permite organizar blocos de conteúdo para criar uma estrutura de página de sua preferência.
Conquiste a confiabilidade que seu site WordPress merece!
Confie na Hospedagem WordPress Napoleon para garantir a estabilidade e segurança do seu site. Experimente o melhor serviço disponível agora!
Saiba mais
O WordPress inclui blocos que podem ser usados para fins de design, como imagens de capa, colunas, tabelas, texto e mídia, galerias e muito mais.
Cada bloco vem com suas próprias configurações, o que permite que você personalize sua aparência para atender aos seus requisitos de design.
Você pode estender os blocos disponíveis com os plugins de bloco Gutenberg para adicionar mais blocos ao seu arsenal. Esses plugins permitem que você use elementos avançados como depoimentos, controles deslizantes, serviços e outros recursos de design comuns.
Você também pode usar temas WordPress prontos para Gutenberg, que oferecem mais flexibilidade para trabalhar com blocos.
Recomendamos o uso do Astra, pois ele vem com modelos de sites do Gutenberg que você pode instalar usando o plugin Astra Starter Sites.
Depois de importar um modelo, você pode editá-lo usando o editor padrão do WordPress e criar uma homepage de aparência altamente profissional para o seu site.
Método 2. Crie uma homepage personalizada no WordPress usando construtores de páginas
Este método é muito fácil e não requer nenhuma habilidade de codificação ou design. Para este método, você usará um plugin de construtor de páginas (page builder) do WordPress .
Um plugin de construtor de página permite que você crie facilmente layouts de página personalizados usando uma interface simples de arrastar e soltar.
Recomendamos o uso do Beaver Builder porque é o plugin de construtor de páginas mais amigável do mercado para iniciantes. Ele vem com dezenas de modelos de homepage personalizados que você pode instalar com um único clique.
Depois de instalado, você pode editar o modelo usando as ferramentas apontar e clicar. Você pode substituir o conteúdo e as imagens pelo seu próprio conteúdo e até mesmo estender o modelo adicionando mais módulos, widgets e seções.
O Beaver Builder também dá acesso ao Beaver Themer, que permite que você crie seu próprio tema WordPress personalizado sem escrever nenhum código.
Como alternativa, você também pode tentar o Elementor . É também um plugin de criação de páginas WordPress imensamente popular. Ele também vem com modelos de arrastar e soltar e uma interface fácil de usar.
Método 3. Crie manualmente uma homepage personalizada no WordPress (codificação necessária)
Este método não é recomendado para iniciantes, pois requer codificação. Você precisa estar familiarizado com as práticas de codificação do WordPress, PHP, HTML e CSS para usar este método.
Vamos ver como isso funciona.
Seu tema WordPress é composto de arquivos diferentes. Alguns desses arquivos são chamados de modelos e controlam a exibição de determinadas áreas do seu site.
Um desses modelos é denominado front-page.php. Se o seu tema tiver esse modelo, o WordPress o usará automaticamente para exibir sua homepage personalizada.
No entanto, se o seu tema não tiver, você pode criar um para você!
Simplesmente crie um arquivo em branco e salve-o como front-page.php. Depois disso, você precisa fazer o upload para a pasta do seu tema atual em sua conta de hospedagem do WordPress usando FTP.
Assim que você carregar este arquivo, o WordPress começará a usá-lo para exibir sua página inicial. No entanto, como este arquivo está completamente vazio, você verá uma página em branco em branco.
Para corrigir isso, você pode começar a adicionar seu código HTML para exibir o conteúdo de sua página inicial personalizada. Uma abordagem mais fácil é usar o código e os modelos existentes em seu tema WordPress.
Por exemplo, você pode usar o mesmo cabeçalho e rodapé. O WordPress torna muito fácil incluir esses modelos.
Aqui está um código de amostra em que removemos o conteúdo e as barras laterais, preservando o cabeçalho e os modelos de navegação do tema.
<?php /* This page is used to display the static frontpage. */ // Fetch theme header template get_header(); ?> <div id="primary" <?php astra_primary_class(); ?>> <div class="custom-homepage-container"> You custom homepage code goes here </div> </div><!-- #primary --> //Fetch the theme footer template <?php get_footer(); ?>
Dicas para criar uma homepage personalizada eficaz no WordPress
A homepage do seu site é a página mais importante do seu site. Os usuários o consultam para saber mais sobre seus negócios, produtos e serviços.
Recomendamos manter o design o mais simples possível. Em nossos próprios sites, aprendemos que nossos usuários consideram os layouts mais simples mais úteis.
Tente evitar confusão, mas não esconda informações importantes que seus usuários gostariam de ver na homepage. Você também precisa priorizar o conteúdo que aparece primeiro em seu layout (acima da dobra).
Anote as metas que deseja alcançar antes de criar uma homepage personalizada para o seu site. Este exercício o ajudará a definir um objetivo de design claro.
Para a maioria das empresas e blogs, o objetivo número um é converter os visitantes do site em clientes. Para conseguir isso, você precisará do Convert Pro.
É o melhor plugin de popup WordPress e software de geração de leads. Ele ajuda a converter visitantes do site em assinantes e clientes pagantes.
Em seguida, você deseja acompanhar o desempenho de sua homepage personalizada. Para isso, você precisa instalar o Google Analytics em seu site. Isso ajuda você a ver de onde seus usuários estão vindo e o que eles fazem em seu site.
Você também deseja que seja mais fácil para seus usuários entrarem em contato com você. Para isso, você precisará do plugin Gravity Forms que é o melhor plugin de formulário WordPress do mercado.
Você também pode adicionar um botão clique para ligar ao seu site, para que as pessoas possam ligar facilmente para o telefone comercial .
Por último, recomendamos que você dê uma olhada em seus concorrentes e outros sites populares em seu setor / nicho. Não estamos pedindo que você copie seu design, mas que aprenda com suas melhores práticas e, em seguida, aplique-a no seu layout.
Esperamos que este artigo tenha ajudado você a criar facilmente uma homepage personalizada no WordPress.
