Quando configurei um site WordPress pela primeira vez, esperava ver uma página inicial adequada, algo acolhedor, talvez um título ou uma chamada para ação. Em vez disso, recebi uma lista de blogs com minhas últimas publicações. Não se parecia em nada com o site que eu tinha em mente.
Eu não sabia por onde começar. Devo mudar o tema? Instalar um plug-in? Editar o código? Na verdade, existem algumas maneiras muito mais fáceis de assumir o controle da sua página inicial, e elas não exigem nenhum conhecimento técnico.
Neste guia, mostrarei como editar sua página inicial no WordPress usando três métodos fáceis de usar para iniciantes: o personalizador de temas integrado, o editor de blocos do WordPress e o construtor de temas visuais do SeedProd. Cada um deles funciona de forma um pouco diferente, e eu o orientarei sobre quando usar cada um deles e como obter resultados reais sem se sentir preso.
Por que editar sua página inicial do WordPress?
Sua página inicial é a primeira coisa que as pessoas veem em seu website. É a sua chance de chamar a atenção delas e mostrar-lhes o que você faz. Mas fique atento: 38% das pessoas abandonarão um site se ele parecer confuso ou chato, de acordo com a WebFX.
Uma página inicial personalizada corrige esse problema:
- Fazer com que seu site tenha uma boa aparência: Use imagens bonitas, fontes claras e organize tudo de forma organizada para que seja agradável aos olhos e as pessoas queiram ficar no site.
- Mostrar o que o torna especial: Diga imediatamente às pessoas o que você oferece e por que isso é bom para elas. Dessa forma, elas saberão se estão no lugar certo.
- Facilitar a locomoção: Se as pessoas não conseguirem encontrar o que precisam rapidamente, ficarão frustradas e sairão. Uma página inicial personalizada facilita a localização de itens.
- Mostrando conteúdo interessante: Compartilhe as últimas publicações do seu blog, as avaliações de clientes satisfeitos ou seus melhores produtos para manter as pessoas interessadas e voltando para mais.
- Falar diretamente com seu público: Uma página inicial personalizada permite que você fale diretamente com as pessoas que deseja alcançar, tornando-a mais interessante para elas.
- Facilitar para as pessoas fazerem o que você deseja: Quer que as pessoas comprem algo ou se inscrevam para receber e-mails? Uma página inicial personalizada deixa claro o que fazer em seguida.
E não se preocupe, criar uma página inicial profissional no WordPress é mais fácil do que você imagina. Mesmo que você seja novato nisso, pode fazer isso. Mostrarei a você como fazer isso com os métodos simples abaixo.
Como editar sua página inicial no WordPress:
- 1. Configuração de uma página inicial e de um blog separados
- 2. Edição da página inicial do WordPress usando um Theme Builder
- 3. Edição da página inicial do WordPress usando o personalizador de temas
- 4. Edição da página inicial usando o Block Editor do WordPress
1. Configuração de uma página inicial e de um blog separados
Deseja usar uma página inicial personalizada em vez de exibir as últimas publicações do seu blog? Essa é uma opção popular para empresas e blogs.
Veja como configurar uma página inicial e uma página de blog separadas no WordPress.
Vamos começar criando uma página em branco para ser sua nova página inicial:
- Faça login no painel do WordPress.
- Ir para Páginas " Adicionar novo.
- Dê à página o título "Home" ou "Homepage".
- Clique em Publicar.
Agora, vamos criar uma página onde as postagens do seu blog serão exibidas:
- Clique em Publicar.
- Ir para Páginas " Adicionar novo.
- Dê a esta página o título "Blog".
Agora, vamos dizer ao WordPress para usar suas novas páginas:
- Para a página "Posts", selecione sua página "Blog".
- Vá para Configurações " Leitura.
- Em "Sua página inicial é exibida", selecione Uma página estática.
- Dois menus suspensos serão exibidos. Em "Homepage", escolha a página que você intitulou "Home" ou "Homepage".
- Para a página "Posts", selecione sua página "Blog".
Depois de configurar suas páginas, clique no botão Save Changes (Salvar alterações) para preservar suas configurações.
2. Edição da página inicial do WordPress usando um Theme Builder
Procurando uma maneira eficiente e sem código para projetar sua página inicial do WordPress? O SeedProd é um dos melhores criadores de sites para WordPress que facilita esse processo:
- Editor de arrastar e soltar: Crie qualquer layout que você possa imaginar - sem necessidade de codificação!
- Modelos personalizáveis: Comece com um design pré-construído e personalize-o.
Com o SeedProd, você pode criar um tema WordPress totalmente personalizado, incluindo uma página inicial exclusiva, sem nenhum conhecimento técnico.
Primeiro, você precisará fazer o download do plug-in SeedProd e instalá-lo em seu site do WordPress para começar. Você pode aprender como instalar um plug-in do WordPress neste guia passo a passo.
Escolha um site Kitt
Quando o SeedProd estiver instalado:
- Clique no botão Themes Template Kits.
- Vá para SeedProd " Theme Builder em seu painel do WordPress.
Agora você verá uma biblioteca de temas criados por profissionais. Esses temas pré-criados são perfeitos para vários sites, inclusive:
- Casamentos
- Portfólios
- Agências
Cada tema vem com cabeçalhos, rodapés, barras laterais e configurações de página inicial personalizados para que você possa começar rapidamente.
Navegue pela biblioteca de temas e encontre um modelo que se adapte ao seu estilo.
Para este exemplo, usaremos o tema Photography Website. Passe o mouse sobre ele e clique no ícone de marca de seleção para selecioná-lo.
Isso criará todos os modelos para seu novo tema do WordPress, inclusive uma página inicial pronta para ser personalizada.
Editar o modelo da página inicial
Agora, vamos personalizar sua página inicial.
Localize o modelo Homepage em sua lista de modelos. Passe o mouse sobre ele e clique no link Edit Design.
O construtor de páginas SeedProd será aberto, oferecendo a você um editor visual para personalizar sua página inicial. Você verá:
- Lado direito: Uma visualização em tempo real da sua página inicial à medida que você a edita.
- Lado esquerdo: Blocos, seções e configurações do WordPress para adicionar à sua página.
Para personalizar um elemento em sua página inicial, basta clicar nele. Um painel será aberto à esquerda, permitindo que você:
- Editar conteúdo (texto, imagens, etc.)
- Alterar o estilo (cores, fontes, etc.)
- Ajustar as opções de exibição
Por exemplo, clique em um título ou elemento de texto para substituir o conteúdo padrão por informações sobre sua empresa.
Agora, vamos adicionar uma galeria para exibir seu portfólio.
Clique no bloco Gallery (Galeria ). Isso abrirá um painel à esquerda no qual é possível carregar imagens do seu computador ou da biblioteca de mídia do WordPress.
No editor do SeedProd, localize o elemento de bloco Gallery. Você poderá ver um contorno laranja ao passar o mouse sobre ele.
Clique na guia Advanced (Avançado ) no painel de blocos do Gallery. Aqui, você pode ajustar o número de colunas, o espaçamento entre as imagens, o tamanho da imagem e muito mais.
Vamos substituir a seção "Sobre mim" por algo mais prático:
- Clique no ícone da lixeira para excluir a seção.
- Role o modelo da página inicial para baixo até encontrar a seção "About Me" (Sobre mim ).
- Passe o mouse sobre a seção. Você verá um ícone de lixeira aparecer.
Em seguida, vamos adicionar uma chamada para ação:
- Navegue pelas seções disponíveis e escolha uma seção de call to action predefinida de sua preferência.
- Vá para a guia Setions (Seções ) no editor do SeedProd (geralmente localizado no lado esquerdo).
O SeedProd adicionará automaticamente a chamada para ação à parte inferior da página inicial, onde você poderá editar o conteúdo.
Como você pode ver abaixo, adicionamos uma foto diferente, editamos a descrição e personalizamos o botão de chamada para ação.
Quando terminar de personalizar sua página inicial, clique no botão "Save" (Salvar) na parte superior da tela. Em seguida, clique no ícone "X" para retornar à lista de modelos.
Ativar sua página inicial personalizada do WordPress
Quando estiver pronto para ativar seu novo tema e página inicial, alterne a configuração "Enable SeedProd Theme" (Ativar tema SeedProd) para a posição "YES" (Sim).
Agora, quando você visitar a página inicial do seu site e todas as outras páginas do site, verá um design totalmente personalizado.
Hompages atraentes editadas com o SeedProd
Você não precisa acreditar em nossa palavra. Muitas marcas usaram com sucesso o SeedProd para editar completamente suas homepages com excelentes resultados.
Veja como o Duplicator transformou sua página inicial do WordPress:
3. Edição da página inicial do WordPress usando o personalizador de temas
O bom do WordPress é que ele vem com vários temas personalizáveis que você pode usar para criar um site de ótima aparência. Melhor ainda, os melhores temas do WordPress geralmente vêm com um design de página inicial que você pode personalizar facilmente.
Abra o personalizador de temas
Você pode encontrar as opções dos seus temas navegando até Appearance " Customize no painel do WordPress. Isso abre o personalizador de temas do WordPress e mostra uma visualização ao vivo do seu tema.
O personalizador de temas do WordPress mostrará diferentes opções para diferentes temas do WordPress. A visualização que você vê e as opções disponíveis serão diferentes do nosso exemplo, dependendo do tema que você estiver usando. Você também pode editar seus menus, áreas de widgets e outras configurações de página com o personalizador.
Editar seções da página inicial
Para editar qualquer área de sua página inicial, clique no ícone de lápis azul ao lado de cada elemento. Neste exemplo, estamos editando a imagem, o texto e o botão na parte superior da página inicial.
Você também pode remover seções da sua página inicial clicando no ícone de olho azul. Também é possível adicionar seções de volta à sua página clicando na guia Frontpage Sections (Seções da página inicial) no personalizador e clicando no ícone de olho.
Quando estiver satisfeito com a aparência de sua página inicial, clique no botão Publish (Publicar ) para tornar a página ativa para seu público.
Veja como nossa página inicial está agora que terminamos de editá-la.
Usar as configurações de personalização integradas do seu tema para editar a página inicial do WordPress é uma excelente opção se você precisar fazer alterações simples. No entanto, talvez ela não tenha todas as opções de que você precisa.
A seguir, veremos mais algumas opções de personalização.
4. Edição da página inicial usando o Block Editor do WordPress
Se você preferir criar e editar sua página inicial do zero e usar seu próprio layout, poderá fazer isso facilmente com o editor de blocos do WordPress (Gutenberg).
Para fazer isso, navegue até a nova página "home" que você criou anteriormente e clique em Edit (Editar). Em seguida, você pode começar a criar conteúdo para a página.
Adicionar blocos do WordPress
Usaremos alguns blocos simples do WordPress para criar um layout básico de página inicial.
Primeiro, vamos adicionar uma mensagem de boas-vindas à página para melhorar a experiência do usuário. Para fazer isso, clique na página e comece a digitar sua mensagem. O WordPress criará automaticamente um bloco de parágrafos para você.
Para aumentar o tamanho da mensagem, navegue até as configurações do bloco no lado direito. Em seguida, sob o título Tamanho predefinido, você pode selecionar um tamanho de texto no menu suspenso.
Se desejar, você pode alterar a cor do texto na seção Color Settings (Configurações de cor ).
Em seguida, vamos adicionar uma imagem à página.
Para fazer isso, clique no ícone de adição (+) na barra de ferramentas do editor e selecione o bloco Imagem. Você pode encontrar o bloco de imagem no título Mídia ou pode procurá-lo na caixa de pesquisa.
Você pode selecionar uma imagem da sua biblioteca de mídia ou carregar uma do seu computador.
Em seguida, adicione outro bloco de parágrafos solicitando aos visitantes que confiram as últimas publicações do blog.
Depois disso, você pode adicionar um bloco Latest Posts para mostrar suas postagens recentes. Você pode editar as configurações do bloco no lado direito da tela. Configuramos nosso bloco para mostrar a imagem em destaque, o trecho da postagem e o título.
Você pode escolher quantos blocos quiser para sua página inicial. Também é possível alterar o modelo da página para não usar barras laterais ou torná-la de largura total. No entanto, isso depende do tema do WordPress que você usa.
Em nosso exemplo, estamos usando o tema Hestia do WordPress.
Quando estiver satisfeito com as alterações, clique no botão Publish (Publicar ) no canto superior direito da tela.
Em seguida, você pode visualizar a página inicial finalizada:
Práticas recomendadas de design da página inicial
Você aprendeu a parte técnica da edição de sua página inicial do WordPress. Agora, vamos fazê-la brilhar. Uma página inicial bem projetada atrai os visitantes e os orienta a agir.
Veja como fazer da sua uma vencedora:
As primeiras impressões contam
- Qual é a sua história?As pessoas não ficam muito tempo no site. Entre 26% e 70% dos visitantes abandonam um site depois de ver apenas uma página. É por isso que um título atraente que explique o que você oferece é muito importante para manter as pessoas interessadas.(Fonte: FullStory)
- Título que prende: Use um título claro e atraente que fale diretamente com as necessidades ou desejos de seu público.
- Recursos visuais que se destacam: os recursos visuais fazem uma enorme diferença. A inclusão de imagens pode aumentar as taxas de cliques em 27%, e alguns estudos mostram que elas podem aumentar essas taxas em 42%. As pessoas são atraídas por recursos visuais, portanto, use-os para chamar a atenção.(Fonte: Sproutworth)
- Mostre a eles o que fazer: Uma chamada para ação clara e atraente acima da dobra orienta os usuários para a próxima etapa.
A Leadfocus, um serviço de marketing B2B, abandonou a seriedade do setor para criar uma página inicial refrescantemente acessível. Ela consegue isso com uma mistura divertida de emojis e animações em 3D e um texto elaborado por especialistas que é ao mesmo tempo casual e polido. Esse tom diferenciado, reforçado por recursos visuais vibrantes e preços transparentes, comunica claramente a missão da empresa: tornar o marketing B2B mais simples e agradável para seus clientes.
Mantenha a simplicidade, mantenha a suavidade
- Flua como a água: Quase todo mundo (94%) concorda que encontrar facilmente o caminho em um site é a coisa mais importante. Menus confusos e layouts desajeitados fazem com que os visitantes fujam.(Fonte: Avidly)
- Navegação sem esforço: Seu menu deve ser muito simples e fácil de usar. Inclua apenas as páginas essenciais e considere um cabeçalho fixo para que ele esteja sempre visível.
O site da agência EightyOne cativa imediatamente com uma imagem de herói que integra vídeo e interações acionadas por rolagem. Um vídeo parcialmente obscurecido, reproduzido dentro do "O" do logotipo da agência, expande-se à medida que os usuários rolam a página, atraindo-os mais profundamente para uma demonstração do impressionante portfólio de trabalho da EightyOne com grandes marcas e organizações.
O conteúdo ainda é rei
- Benefícios em vez de recursos: Não diga às pessoas apenas o que você faz, diga-lhes como isso melhora a vida delas!
- Crie confiança: Os depoimentos são poderosos. Eles podem aumentar o dinheiro que você ganha com cada visitante em impressionantes 62%. As pessoas confiam no que os outros dizem, portanto, use essas boas avaliações a seu favor.(Fonte: Delighted)
- Mostre, não apenas diga: Incremente seu texto com recursos visuais, vídeos ou infográficos para tornar sua mensagem mais envolvente e memorável.
A Grammarly dedica sua página inicial para promover seu novo assistente de redação com IA. Uma dupla atraente de título e subtítulo transmite instantaneamente o benefício principal: redação e reputação aprimoradas por meio de IA responsável. O design, fiel ao foco da Grammarly, prioriza o texto, usando estrategicamente recursos visuais apenas para chamadas para ação, uma animação de recurso e logotipos de prova social.
Transforme visitantes em clientes
- Chamadas à ação claras: Mesmo pequenas alterações em sua chamada para ação podem fazer uma grande diferença. Por exemplo, mudar apenas duas palavras em um botão aumentou as doações em US$ 60 milhões(Fonte: WebFX).
- Posicionamento estratégico: Inclua CTAs em toda a página, de preferência depois de destacar algo valioso.
- O teste A/B é seu amigo: Faça experiências com diferentes layouts, títulos e CTAs para ver o que funciona melhor para seu público.
A página inicial da Omsom causa uma primeira impressão deliciosa. A imagem de um prato de dar água na boca abre o apetite instantaneamente, enquanto o título, "Sabores asiáticos reais em minutos", promete rapidez e conveniência. À medida que você rola a página, a Omsom detalha a simplicidade de seu produto, aborda possíveis hesitações e incorpora estrategicamente frases de chamariz para um caminho contínuo até a compra.
Solução de problemas comuns da página inicial
Mesmo com os melhores guias, às vezes as coisas não saem como planejado. Se estiver tendo problemas com sua página inicial, não entre em pânico. Aqui estão as soluções para alguns problemas comuns:
A página inicial não está sendo atualizada.
Isso pode ser frustrante, mas geralmente tem uma solução simples. Primeiro, tente limpar o cache e os cookies do navegador.
Se isso não funcionar, verifique novamente se você publicou suas alterações (procure o botão "Atualizar" ou "Publicar" no editor do WordPress).
Ainda não teve sorte? O host do seu site pode estar armazenando suas páginas em cache. Tente limpar o cache ou desativar temporariamente os plug-ins de cache.
Erro 404 na página inicial
Um erro 404 significa que sua página inicial não pode ser encontrada. Isso pode ser devido a um problema de permalink. Vá para Configurações " Permalinks em seu painel do WordPress e clique em "Salvar alterações" (mesmo que você não tenha feito nenhuma).
Outro culpado pode ser um conflito com seu tema ou plug-ins. Tente mudar temporariamente para um tema padrão para ver se isso resolve o problema.
Problemas com telas móveis
Se a sua página inicial parecer instável em dispositivos móveis, talvez seu tema não seja responsivo. Os temas responsivos se ajustam automaticamente a diferentes tamanhos de tela.
Considere a possibilidade de mudar para um tema compatível com dispositivos móveis ou usar um construtor de páginas com recursos responsivos. Se já estiver usando um tema responsivo, verifique se há conflitos de plugins ou problemas de CSS que possam estar interferindo no layout.
Glossário: Termos de edição da página inicial
- Página inicial estática: Uma página inicial fixa, em vez de mostrar as últimas publicações do blog.
- Personalizador de temas: Uma ferramenta integrada do WordPress para ajustar visualmente as configurações do seu tema.
- Editor de blocos: Também conhecido como Gutenberg, permite que você crie páginas usando blocos de conteúdo arrastáveis.
- Theme Builder: Um plug-in (como o SeedProd) que permite que você crie temas totalmente personalizados sem código.
Perguntas frequentes sobre a edição da página inicial do WordPress
Próximas etapas
Esperamos que este artigo tenha ajudado você a aprender como editar uma página inicial no WordPress.
Nossa melhor opção é usar o construtor de temas de arrastar e soltar do SeedProd. No entanto, recomendamos escolher uma opção que melhor se adapte às necessidades de seu site.
Você também pode achar os seguintes tutoriais do WordPress úteis para personalizar seu site WordPress:
- Como criar uma página personalizada no WordPress
- Como personalizar os estilos de menu do WordPress
- Como criar uma página de autor personalizada no WordPress
- Como personalizar trechos de postagens no WordPress
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.
