Criando uma página inicial personalizada do WordPress

Não há tantas coisas que são tão importantes para o seu negócio quanto a página inicial do seu site. É o melhor representante do seu negócio, assim como tudo o que há de bom e ruim nele , então, naturalmente, você quer que ele seja memorável. E como alguém consegue deixar uma forte impressão de exclusividade nos visitantes do seu site? Ao criar uma página inicial personalizada do WordPress, é claro. Se você teve problemas com a criação de páginas de destino antes, pode pensar que essa será uma missão impossível. Para o mundo do WordPress em constante desenvolvimento e sempre em evolução, isso não existe.

Selecionando uma página a ser usada como página inicial

Normalmente, o primeiro passo é sempre o mais complicado. E pode parecer que é o caso aqui, mas você logo perceberá o contrário quando iniciar o processo. Para iniciar o processo, vá para Páginas – Adicionar Novo, crie uma página que você chamará de Home e depois publique-a . Neste momento específico, o design e o layout da página não devem ser sua principal preocupação. Isso vem depois. Agora, desde que você queira incorporar uma seção de blog em seu site, crie uma página de blog separada repetindo o mesmo processo. A única exceção é que você deve nomear esta página como Blog ao invés de Home.

Vá para Configurações - página de leitura e, na seção 'Sua página inicial é exibida', escolha a opção 'Uma página estática'. Escolha as duas páginas que você criou anteriormente como sua página inicial e página do blog e não se esqueça de 'Salvar alterações ' quando terminar. Não lhe dissemos que não é tão complicado quanto parece? Um dos benefícios de usar um site WordPress é justamente sua simplicidade. E agora que você tem uma tela em branco na forma de uma página inicial, podemos começar a personalizá-la!

Usando o editor Gutenberg para criar uma página inicial personalizada do WordPress

Quando o editor Gutenberg foi lançado em dezembro de 2018, a opinião pública estava dividida. Alguns viram isso como uma grande melhoria e outros não podiam imaginar mudar para Gutenberg depois de trabalhar com o editor clássico por tanto tempo. Não importa em que lado da moeda você acredita, uma coisa não pode ser negada – o Gutenberg facilita a criação de belas páginas e postagens. O editor Gutenberg usa blocos para cada elemento de conteúdo e torna suas manobras o mais simples possível. Você tem blocos que podem ser usados ​​como mídia, texto, imagens de capa, colunas – você escolhe.

Se você quiser tornar a edição ainda mais simples (e mais divertida), você pode usar um tema WordPress pronto para Gutenberg, como o Astra. Tudo o que você precisa fazer é importar um modelo e deixar sua imaginação voar enquanto edita e personaliza. O resultado final? Uma homepage bonita, profissional e de aparência única!

Os construtores de páginas ajudarão você a criar uma página inicial personalizada do WordPress

Se tivéssemos que escolher a maneira mais fácil de criar uma página inicial personalizada do WordPress, provavelmente seria esta. Não requer nenhuma habilidade de codificação – tudo o que requer é que você instale e ative o plugin do construtor de páginas do WordPress. Ele permitirá que você crie belos layouts com sua interface de arrastar e soltar . Certamente, soa atraente, não é? Bem, usar construtores de páginas é tão simples quanto parece.

Depois de escolher um construtor de páginas que deseja usar, opte por um modelo de página inicial personalizado que você poderá instalar com apenas alguns cliques. Agora você poderá substituir o texto, as imagens e o conteúdo por seus próprios , e poderá até estender o modelo adicionando diferentes seções. Lembre-se, tudo isso sem ter que escrever uma única linha de código!

Criando uma página inicial personalizada do WordPress manualmente

Agora, é aqui que as coisas se complicam. Embora os dois métodos anteriores não exigissem nenhuma habilidade de codificação, este sim. Para ousar tentar esse método, você precisa estar familiarizado com CSS, HTML, PHP e algumas práticas básicas de codificação. Então, como isso funcionará e como exatamente você terá que usar suas habilidades de codificação?

Com o WordPress sendo feito de arquivos diferentes e alguns deles sendo chamados de templates e controlando diferentes áreas do seu site, você precisa encontrar o template rotulado como front-page.php. Caso não haja um, você terá que criar um novo font-page.php. Este modelo será usado para mostrar sua página inicial pelo WordPress. Se você criou uma nova página, este modelo estará completamente vazio. É quando você pode começar a adicionar código HTML para mostrar diferentes elementos da sua futura página inicial.

Caso você opte por criar sua página inicial manualmente, aconselhamos usar um tema filho ou seu próprio tema personalizado. Alterar os arquivos do seu tema pai pode ser perigoso, pois pode fazer com que suas alterações sejam substituídas se você atualizar seu tema. E você sabia que em vez de usar front-page.php, você também pode criar seu próprio template e usá-lo para sua página inicial? Veja como você pode criar este modelo no tema filho ou personalizado.

Crie um novo arquivo na raiz do seu tema chamado homepage.php.
Adicione o seguinte código:
<?php / Nome do modelo: Página inicial*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<ID principal=”principal” class=”site-main” role=”principal”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Crie uma nova página no WordPress e em Atributos de página, agora você deve ter uma página inicial sob o modelo. Escolha isso em vez do modelo padrão. Claro, não se esqueça de ir para Configurações-> Lendo e Faça desta página sua página inicial. Agora você pode personalizar sua página inicial o quanto quiser com HTML CSS PHP e Javascript.

Claro, seria muito mais fácil se você usasse um código já existente e um modelo em vez de criar outros completamente novos. Nessa situação, você pode usar alguns elementos, como header e footer , e remover outros. Não sabemos sobre você, mas nossa equipe WP Full Care acha que essa é uma abordagem muito mais fácil. E nossa equipe também se encarregará de criar um belo cabeçalho e rodapé personalizados para o seu novo e adorável site.

Qual método será o vencedor para você?

Caso você seja iniciante no mundo WP, a resposta é bem simples, não é? Escrever linhas de código será uma tarefa muito grande para você no momento. Felizmente, você tem dois métodos excelentes e simples para criar uma página inicial personalizada do WordPress. Afinal, o editor Gutenberg e os diferentes construtores de páginas facilitam muito a criação de conteúdo exclusivo. Se, por outro lado, você se sente pronto para se desafiar, por que não optar pelo terceiro método? Embora você terá que manter sua guarda com este. Escrever linhas de códigos nunca é uma tarefa simples. Longe disso. Há muito espaço para erros, e isso pode acontecer quando você menos espera. Além disso, com todas as opções mais simples disponíveis, você realmente precisa pensar se vale a pena passar pelo problema.