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 o novo conteúdo toda vez 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, abordaremos algumas coisas básicas que você deve saber sobre isso. O esquema deste post é o seguinte:
Vamos começar.
Com rolagem infinita, seu site carrega novo conteúdo conforme 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 confiar em outras técnicas, como a 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 desimpedida.
E a mesma técnica pode ser usada em sites para manter os visitantes envolvidos com eles.
Você deve adicionar rolagem infinita em seu site? Prós e contras
Apesar do impacto positivo que pode ter no envolvimento 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 a rolagem infinita
As vantagens de usar o scroll infinito em seu site são:
Contras de usar a 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 continuamente e é difícil saber em que página você está.
- A exibição contínua de conteúdo, especialmente texto, pode ser avassaladora para alguns visitantes e eles podem optar por deixar seu site e procurar um site concorrente.
- Rodapé do seu site se tornará redundante porque o visitante nunca poderá alcançá-lo.
- A rolagem rápida pode sobrecarregar seus servidores da 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 visualizado como uma página contínua, isso poderá afetar negativamente o SEO do site e a classificação de pesquisa . 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 os contras de implementar a rolagem infinita em seu site. Depois de considerá-los, 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 do WordPress compatível com rolagem infinita
- Use um plug-in 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 um certo 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. Adicionar rolagem infinita usando o tema WordPress (Neve)
Neve é um dos poucos temas WordPress gratuitos que oferecem a função de rolagem infinita. É uma solução ideal se você deseja ativar a rolagem infinita apenas na página de listagem do seu blog (ou outras páginas de arquivo).
Ativar a rolagem infinita usando o 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 Ordering and Content e selecione Infinite Scroll em Post Pagination .
Aperte o botão Publicar para salvar sua configuração.
No entanto, se você deseja ativar a rolagem infinita em suas postagens ou páginas individuais, precisa usar um plug-in. Ou seja, quando alguém abre a página de postagem única completa do blog e rola até o final, você deseja que seu site carregue outra postagem completa.
Nas próximas duas seções, mostraremos como usar plug-ins para implementar a rolagem infinita.
2. Use um plug-in de rolagem infinita do WordPress
Existem vários plug-ins que o ajudarão a habilitar a rolagem infinita em seu site, mas os mais populares são:
- Pegar Pergaminho Infinito
- YITH Rolagem Infinita
- Ajax Carregar mais
Vamos dar uma olhada rápida em cada plug-in antes de mostrar como usá-los.
Pegar Pergaminho Infinito
Catch Infinite Scroll é um plug-in 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 ao 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 da fonte 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 $ 24,99.
Para usar o plug-in gratuito, tudo o que você precisa fazer é instalar e ativar o plug -in em seu site e pronto.
Ao acessar 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.
YITH Rolagem Infinita
O YITH Infinite Scrolling é um plug-in gratuito e, como o plug-in anterior, o YITH Infinite Scrolling também oferece opções para escolher o 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é mesmo usar animações (como fade in, slide in) para carregar o novo conteúdo.
Há uma série de imagens de carregamento para escolher, juntamente com a opção de carregar as suas próprias.
Dois de nossos recursos favoritos são a opção de ativar ou desativar 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 plug-in, você pode fazer apenas duas coisas:
- Carregue uma imagem de carregamento personalizada.
- Ative 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 o YITH Infinite Scrolling é bastante fácil. Basta instalar e ativar o plug-in 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 plug-in complexo que permite ativar a rolagem infinita junto com opções como filtragem AJAX, modelos de repetidor, construtor de códigos curtos, 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 repetição”.
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ê deseja 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 habilitada 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 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.