Como adicioná-lo ao seu site
Publicados: 2022-10-27Quer adicionar rolagem infinita no WordPress?
A rolagem infinita garante que suas páginas carreguem automaticamente novos conteúdos sempre que um visitante chegar ao final de uma página. Dessa forma, você pode manter seus visitantes engajados e reduzir as taxas de rejeição do seu site.
Mostraremos como adicionar rolagem infinita ao seu site WordPress . Mas primeiro, vamos abordar algumas coisas básicas que você deve saber sobre isso. O esquema deste post é o seguinte:
Vamos começar.
Com a rolagem infinita, seu site carrega novo conteúdo à medida que o usuário rola para baixo, em vez de exigir que ele clique em um link manualmente para abrir uma nova página.
No WordPress, um exemplo comum seria carregar novas postagens automaticamente na página do seu blog assim que o visitante chegar ao final, em vez de depender de outras técnicas, como paginação.
A técnica é frequentemente usada em plataformas de mídia social como Facebook e Twitter para oferecer aos usuários uma experiência de navegação sem impedimentos.
E a mesma técnica pode ser usada em sites para manter os visitantes engajados com eles.
Você deve adicionar rolagem infinita em seu site? Prós e contras
Apesar do impacto positivo que pode ter no engajamento do usuário e na experiência de navegação, a rolagem infinita não é para todos.
Vamos dar uma olhada nos prós e contras para decidir se você precisa implementar a técnica em seu site WordPress.
Prós de usar rolagem infinita
As vantagens de usar o scroll infinito em seu site são:
Contras de usar rolagem infinita
As desvantagens de usar a rolagem infinita em seu site são:
- Pode ser confuso navegar em seu site, pois o conteúdo muda perfeitamente e é difícil saber em que página você está.
- A exibição contínua de conteúdo, especialmente texto, pode ser esmagadora para alguns visitantes e eles podem optar por sair do seu site e procurar um site concorrente.
- O rodapé do seu site se tornará redundante porque o visitante nunca poderá alcançá-lo.
- A rolagem rápida pode sobrecarregar seus servidores web, fazendo com que seu site congele e trave .
- Algumas ferramentas podem achar difícil rastrear métricas por página porque a rolagem infinita pode fazer seu site parecer uma página grande.
- E se o seu site for visto como uma página contínua, isso poderá afetar negativamente o SEO do site e a classificação de pesquisa . No entanto, a rolagem infinita implementada corretamente pode evitar isso, ainda dando a cada página seu próprio URL exclusivo.
Estes são os prós e contras de implementar a rolagem infinita em seu site. Depois de considerar isso, se você ainda deseja adicionar rolagem infinita ao seu site WordPress, continue lendo.
Existem duas maneiras diferentes de adicionar rolagem infinita ao seu site WordPress:
- Use um tema WordPress que suporte rolagem infinita
- Use um plugin de rolagem infinita
Vamos mergulhar em cada método e você pode implementar aquele que mais lhe convier.
Mas antes de começar, faça um backup de todo o seu site, porque a implementação da rolagem infinita exigirá que você altere seu tema e instale um novo plug-in em seu site. A execução dessas etapas envolve uma certa quantidade de risco e você pode encontrar seu site quebrado devido a um único passo em falso. Nesses casos, o backup será sua rede de segurança, portanto, faça um backup.
1. Adicione rolagem infinita usando o tema WordPress (Neve)
Neve é um dos poucos temas gratuitos do WordPress que oferecem a função de rolagem infinita. É uma solução ideal se você deseja habilitar a rolagem infinita apenas na página de listagem do seu blog (ou outras páginas de arquivo).
Ativar a rolagem infinita usando Neve é super fácil.
Instale e ative o tema em seu site WordPress.
Em seguida, vá para Aparência → Personalizar → Layout → Blog/Arquivo .
Role para baixo até a opção Ordenação e Conteúdo e selecione Rolagem Infinita em Pós Paginação .
Clique no botão Publicar para salvar sua configuração.
No entanto, se você quiser ativar a rolagem infinita em suas postagens ou páginas individuais, precisará usar um plug-in. Ou seja, quando alguém abre a página completa do post do blog e rola até o final, você quer que seu site carregue outro post completo.
Nas próximas duas seções, mostraremos como usar plugins para implementar a rolagem infinita.
2. Use um plugin de rolagem infinita do WordPress
Existem vários plugins que ajudarão você a habilitar a rolagem infinita em seu site, mas os mais populares são:
- Pegar Pergaminho Infinito
- Rolagem infinita YITH
- Ajax Carregar mais
Vamos dar uma olhada rápida em cada plugin antes de mostrar como usá-los.
Pegar Pergaminho Infinito
Catch Infinite Scroll é um plugin de rolagem infinita simples e gratuito que permite exibir o conteúdo do seu site horizontalmente em uma única página.
Se você alterar o gatilho para clicar em vez de rolar, ele adicionará um botão Carregar mais em seu site.
A personalização é possível e você pode optar por alterar a imagem de carregamento e a cor, tamanho da fonte e família de fontes no botão Carregar mais, entre outras coisas.
A versão gratuita permite ativar a rolagem infinita em seu site. No entanto, para poder alterar a cor, a família da fonte e o tamanho da fonte, você precisa obter a versão premium por uma taxa anual de US$ 24,99.
Para usar o plugin gratuito, tudo que você precisa fazer é instalar e ativar o plugin em seu site e pronto.
Ao acessar o Catch Infinite Scroll no painel do WordPress, você pode fazer upload de uma nova imagem de carregamento e alterar o texto Load More e o texto que apareceria quando não houvesse mais conteúdo para mostrar.
Rolagem infinita YITH
YITH Infinite Scrolling é um plugin gratuito e como o plugin anterior, YITH Infinite Scrolling também oferece opções para escolher seu tipo de paginação – rolagem infinita ou botão carregar mais.
Você tem permissão para alterar o texto do botão Carregar mais, adicionar classes extras ao botão e até usar animações (como fade in, slide in) para carregar novo conteúdo.
Há uma série de imagens de carregamento para escolher, juntamente com a opção de fazer o upload do seu próprio.
Dois dos nossos recursos favoritos são a opção de habilitar ou desabilitar a rolagem infinita em dispositivos móveis e alterar a URL de uma página sempre que novos itens são carregados ( importante para SEO ).
Com a versão gratuita do plugin, você tem permissão para fazer apenas duas coisas:
- Carregue uma imagem de carregamento personalizada.
- Habilite a rolagem infinita apenas em sua postagem.
Para habilitar a rolagem infinita em todas as suas páginas de arquivo e acessar todos os recursos do plug-in, você precisa da versão premium do plug-in que custa $ 59,99 por ano.
Usar a rolagem infinita YITH é bastante fácil. Basta instalar e ativar o plugin gratuito em seu site, e ele permitirá a rolagem infinita em suas postagens.
Você pode navegar até YITH → Rolagem infinita para personalizar a configuração do plug-in, mas as configurações padrão funcionam bem.
Ajax Carregar mais
Ajax Load More é um plugin complexo que permite ativar a rolagem infinita junto com opções como filtragem AJAX, modelos de repetidor, construtor de shortcode, consultas personalizadas, etc.
Comparado com os plugins anteriores, o Ajax Load More é um pouco mais complicado de configurar. Embora você não precise ser um desenvolvedor para usá-lo, os iniciantes podem querer usar um plug-in diferente porque você precisará lidar com termos como “parâmetros de consulta” e “modelos de repetidor”.
No entanto, a vantagem dessa complexidade adicional é que você obtém várias opções para configurar e personalizar o comportamento de rolagem infinita em seu site.
Portanto, se você quiser rolar infinitamente tudo em seu site, de postagens a páginas, comentários e muito mais, essa pode ser uma boa opção.
Comece com a rolagem infinita do WordPress
Adicionar rolagem infinita em seu site WordPress tem muitos benefícios e desvantagens. Por exemplo, pode melhorar a taxa de rejeição e a classificação do seu site, mas também pode afetar negativamente a experiência do usuário em algumas situações.
A rolagem infinita pode ser ativada em seu site usando o tema Neve ou plugins dedicados como Catch Infinite Scroll e YITH Infinite Scrolling. Apenas certifique-se de ter um backup como rede de segurança antes de implementar qualquer um dos métodos.
Para conhecer outras maneiras de melhorar seu site, confira nossas sete dicas para melhorar a experiência do usuário.
Isso é tudo para este! Se você tiver alguma dúvida sobre como adicionar rolagem infinita em um site WordPress, informe-nos nos comentários abaixo.