Hoje em dia, não basta atrair visitantes para o seu site, é preciso também impressioná-los, quando chegam na sua página inicial. Afinal, existem milhares de outros sites que oferecem serviços ou conteúdo semelhantes ao seu, então por que eles deveriam escolher você em vez de outros?

o " Páginas Splash São uma solução elegante para este problema. Eles podem funcionar como cartões de chamada ou até mesmo ajudá-lo a aumentar as conversões, se usados ​​corretamente. Neste tutorial, vamos explorar o conceito de " páginas de abertura ”Ou “página de rosto” em web design moderno. A seguir, mostraremos alguns exemplos de diferentes capas e ofereceremos alguns plugins que podem ajudá-lo a integrar esse conteúdo em seu site. seu blog.

O que é uma página inicial?

Ainda chamado " flyleaf "Ou" Página inicial Esta é uma seção do seu site que os visitantes veem antes de acessar o conteúdo principal. Eles geralmente têm conteúdo direcionado, especialmente com botões de call-to-action (CTA) e agem como um funil para o conteúdo do seu site. Aqui está um exemplo de uma página inicial com uma aparência moderna:

Exemplo de página inicial do Wordpress

Embora o uso desta página tenha diminuído um pouco (em parte devido a preocupações com a experiência do usuário), Eles oferecem grandes benefícios, tais como:

  • Atração da atenção dos visitantes em uma mensagem ou item específico.
  • Ele permite que você comunique informações essenciais para seus visitantes.
  • Ele fornece uma oportunidade de aumentar suas conversões, apresentando-lhes prompts de assinatura ou similar.

Embora sua importância tenha diminuído, o conceito de uma página inicial evoluiu para incorporar cabeçalhos em tela inteira atualmente, pois eles podem fornecer o mesmo número de benefícios que as “páginas iniciais”.

Dito isto, as páginas de inicialização tradicionais ainda são viáveis ​​para alguns aplicativos, como:

  • Para a criação de um magnífico prelúdio visual para o seu site.
  • A exibição do aviso legal para os sites que precisam dele.
  • A escolha do seu idioma favorito.
  • Partilha de notícias importantes com seus visitantes (embora realmente não incentivemos essa prática).
  • Incentivar os usuários a assinar um newsletter .

Vamos agora explorar alguns exemplos que vão inspirar você.

página inicial Amostra

Para esta seção, vamos nos concentrar nas páginas iniciais com design excepcional, facilidade de uso excepcional ou que combinem os dois critérios. Como discutimos, muitas páginas de inicialização são, na verdade, cabeçalhos de tela inteira.

1 - CoLofts

Exemplo de Colofts

http://colofts.ca/

O site da CoLofts possui um cabeçalho de tela cheia com um fundo silencioso destacando seu logotipo. Para todos os efeitos, esse cabeçalho atua como uma página inicial. Ele existe por motivos puramente estéticos, e o único recurso de navegação disponível desce mais para ver o restante da página.

2 - Torne-o perfeito

Faça um exemplo perfeito

visita

Nosso próximo exemplo é " Torná-lo perfeito "Que apresenta um" página inicial »Tendência retro. Inclui uma barra de carregamento, o que é bastante raro nos sites modernos hoje em dia, e com razão. Acredita-se que as velocidades médias da Internet aumentaram e, portanto, apresentam um indicador de carregamento, possivelmente desencorajando os visitantes. Idealmente, este elemento não é essencial, mas a barra de carregamento visualmente atraente.

3 - Unidade Macaco

Exemplo de unidade de macaco

visita

Esta página inicial oferece uma boa combinação de usabilidade e design. Na verdade, você poderia dizer que toda a página principal é uma sucessão de " páginas de abertura Levando a vários estudos de caso. Se você é um profissional de design, isso certamente será uma ótima fonte de inspiração para você.

No entanto, tem suas desvantagens. Muitos se sentiriam mais confortáveis ​​com um sistema de navegação tradicional. Em nossa opinião, adicionar um menu de navegação pode melhorar a experiência do usuário.

Alguns plugins para adicionar páginas de abertura sobre WordPress

O ideal seria usar um tema que oferecesse essa funcionalidade. No entanto, se o seu tema não oferecer um, você pode usar um destes plug-ins:

1 - Página inicial WP

Plugin wp da página inicial

Faça o download do plugin

Este plug-in permite que você simplesmente adicione uma página Splash personalizável. O último pode não ter nada a ver com o seu tema, e isso pode ser uma de suas falhas. Somente com um pouco de personalização de CSS, você obterá bons resultados.

2 - Página Inicial Muito Simples

Página inicial muito simples

Faça o download do plugin

WP Splash Page é um plugin útil, se você quiser criar uma página inicial em seu blog WordPress. Em particular, permite exibir uma imagem no plano de fundo e texto e botões no meio. É uma solução que achei bem elegante e espero que gostem.

Isso é tudo para este tutorial, espero que ajude você a entender o princípio de páginas de abertura No WordPress.