Você gostaria de adicionar rolagem infinita no WordPress?

Existe algo mais viciante do que o feed de notícias do Facebook? Quero dizer, estou sentado aqui escrevendo este tutorial, mas esse recurso viciante continua rolando... de novo... de novo.

Esse é um recurso que o Facebook usa, chamado: " rolagem infinita "Ou" rolagem sem fim ", para o feed de notícias. Em vez de precisar clicar em um botão ou " seguinte "Ou" Leia Mais ", O conteúdo continua carregando quando você rola a página.

adicione rolagem infinita no WordPress

E adivinha? Você pode obter o mesmo efeito em seu blog WordPress adicionando rolagem infinita.

Neste tutorial, discutirei alguns dos prós e contras da rolagem infinita e mostrarei como configurar uma rolagem infinita no seu blog WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Vantagens da rolagem infinita

Muitas grandes marcas experimentaram a rolagem infinita, o que nos dá a vantagem de poder examinar seus dados. Aqui estão alguns dos benefícios experimentados pelas redes sociais:

By the way descobrir como criar um texto de rolagem no Divi

  • mais Visualizações - A NBC News descobriu que os usuários de telefones fixos visitaram 20% mais páginas por visita com rolagem infinita. Da mesma forma, " vezes "Também constatou que o 21% de seus usuários optou pelo restante do conteúdo com rolagem infinita.
  • Taxa de rejeição muito baixa  - " vezes Também reduziu sua taxa de rejeição% 15 quando optaram pela rolagem infinita.
  • Experiência aprimorada do usuário - Com isso, todo mundo concorda. Alguns especialistas afirmaram que rolagem infinita O UX aumenta a exposição do conteúdo dos usuários, forçando os usuários a clicar menos, oferecendo uma melhor experiência móvel.

Não posso dizer com certeza se você obterá os mesmos resultados que essas grandes marcas, mas se você tiver muitos posts de blog, a rolagem com certeza será uma boa opção.

Discover quando e como instalar o WordPress em um subdiretório

A maioria das redes sociais depende de rolagem infinita pelos mesmos motivos.

Desvantagens com rolagem infinita

Nem sempre tudo é fácil com rolagem infinita. Certamente existem alguns pontos negativos em potencial que você deve considerar:

  • No rodapé - você perde no rodapé, ao optar pela rolagem infinita. Será uma grande desvantagem se você quiser oferecer mais informações no rodapé. Por exemplo, se estiver usando seu rodapé para exibir informações de afiliados, você precisará encontrar uma nova maneira de exibir essas informações.
  • Pular a barra de rolagem causa uma experiência ruim  - Como o site está sempre carregando, é muito provável que o comprimento das barras de carregamento mude, o que pode fazer com que você perca o controle da leitura, resultando em uma experiência ruim para o usuário.
  • Sem sensação de "conclusão" - Isso não é uma insinuação. Os pesquisadores da Nielsen descobriram que os usuários sentem a conclusão quando chegam ao final de uma página. A rolagem infinita torna isso impossível.

Além disso, na seção "Benefícios", a rolagem infinita é boa quando você tem muitas postagens de blog igualmente importantes. Bem, o oposto também é verdadeiro:

Veja também neste artigo como corrigir o erro "falta de pasta temporária" no WordPress

Se seus itens forem de importância desigual (por exemplo, alguns artigos têm até palavras 2.000 e alguns têm apenas palavras 300), rolagem infinita, certamente não é uma boa ideia para o seu site.

Como adicionar rolagem infinita no WordPress

Para adicionar rolagem infinita no WordPress, você pode usar um plug-in gratuito chamado " Mais ajax loader ". Este plug-in oferece várias extensões premium que podem aumentar sua funcionalidade, mas a versão gratuita deve ser suficiente para adicionar rolagem infinita ao seu site.

Vá além também consultando Javascript no WordPress: caso de uso de AJAX

O plug-in básico funciona gerando um código de acesso que você adiciona a uma página. Esta página exibe as postagens do seu blog em uma rolagem infinita. Existem algumas outras pequenas etapas que você também precisará concluir ao longo do curso. Veja como colocar tudo no lugar:

Instalação e configuração do plug-in

Você pode encontrar " Mais ajax loader » no diretório de WordPress plugins. Instale e ative o plug-in como faria com qualquer outro plug-in.

Assim que estiver ativado, você verá uma nova opção " Carga Ajax Mais ". Vá para " Ajax Carregar mais> → Modelo de repetidor Para criar seu modelo.

« Seu modelo> Repetidor É o modelo que define como os artigos devem aparecer na rolagem infinita. Você pode mudar, mas precisa conhecer um pouco de PHP. No entanto, o modelo padrão deve ser bom para a maioria dos usuários:

Construção-dun-model-wordpress

A única coisa importante a observar é que o modelo padrão “Repetidor” mostrará apenas trechos de artigos, não artigos completos. Se você deseja exibir os artigos completos, você deve substituir " the_excerpt () "Com" o conteúdo() ".

Se você conhece PHP, ainda pode personalizar este modelo. Caso contrário, é bom deixar o modelo " Repetidor Por padrão.

Leia também nosso artigo sobre 9 plugins do WordPress para criar tabelas de preços em um blog

Existem várias coisas que você pode configurar aqui. Você tem a opção de alterar o que será mostrado na rolagem infinita e como tudo se comportará.

Não posso citar todas as possibilidades deste artigo, mas aqui estão algumas das caixas que você definitivamente deseja preencher:

  • post_type - O padrão é incluir apenas artigos. Mas você também pode incluir páginas personalizadas ou formatos de postagem.
  • categoria - Você pode incluir apenas certas categorias ou não pode excluir certas categorias.
  • autor - Esse é um recurso interessante onde você pode adicionar rolagem infinita para um autor específico.
  • posts_per_page - Defina o número de artigos que " Mais ajax loader Deve carregar sempre que for atualizado.
  • pausa - Certamente é um elemento importante. Para a verdadeira rolagem infinita, você deve definir como "falso" aqui. Caso contrário, os usuários terão que clicar para abrir os outros artigos.
  • scroll - O importante é que você habilite este recurso para que os artigos sejam carregados automaticamente conforme os usuários rolam para baixo na página.

Descubra também nossa 5 temas WordPress para podcasters

Depois de configurar tudo, copie o arquivo shortcode no lado direito da página:

a-copy-shortcode ajax-loader-mais

Tudo o que você precisa fazer é adicionar este código de acesso à página onde deseja que a rolagem infinita apareça. Por exemplo, você pode adicioná-lo a uma página chamada " Blog Para torná-lo sua página de blog padrão.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Galeria de paginação do Youtube e Vimeo

Este plugin premium do WordPress é uma galeria responsiva e móvel com muitos recursos totalmente configuráveis. Ele pode exibir vídeos da lista de reprodução do YouTube, palavras-chave ou pesquisar por álbum, canal, grupo ou palavra-chave do Vimeo. As grades podem ser personalizadas de várias maneiras. A Lightbox Gallery pode exibir o player com todos os detalhes do vídeo, incluindo comentários.

Wordpress do plugin da galeria de paginação do Youtube vimeo

Este plugin do WordPress pode ser usado em qualquer postagem ou área de página usando códigos de acesso ou diretamente em páginas PHP. Tudo que você precisa é criar uma nova galeria, adicionar o ID do canal do YouTube, por exemplo, e gerar um shortcode. Várias galerias podem ser usadas na mesma página.

Descarregar | Demo | hospedagem na web

2. Pergaminho Infinito WooCommerce e Paginação Ajax

WooCommerce Infinite Scroll e Ajax Pagination é um Extensão WordPress (WooCommerce) premium que ajuda a converter a paginação padrão do produto em rolagem ilimitada ou paginação Ajax. Quando um usuário rola a página para baixo, a próxima página do produto é automaticamente recuperada e adicionada. Isso significa que ele não precisa clicar em 'Próxima página'. 

WooCommerce Infinito Scroll e Ajax Paginação

Você também pode adicionar um botão “Carregar mais” em vez de rolagem ilimitada ou pode manter a paginação padrão e convertê-la em Paginação Ajax.

Leia também: 5 WordPress plugins para inserir formulários em seu site

Além disso, você pode definir diferentes tipos de paging para dispositivos móveis, como rolagem ilimitada para dispositivos de tela grande e o botão “Carregar mais” para dispositivos móveis.

Descarregar | Demo | hospedagem na web

3. Revolução Slider

O Slider Revolution é um plug-in de carrossel WordPress inovador e responsivo, que exibe seu conteúdo lindamente. Seja um controle deslizante ou um carrossel, seu editor visual arrastar e soltar permitirá contar, por exemplo, a história da sua empresa, destacar seus melhores produtos, seus melhores artigos e muito mais

melhores controles deslizantes plug-ins do WordPress - revolução dos controles

Também convidamos você a descobrir nossa Plugins 9 Easy Digital Downloads para gerenciar downloads digitais

Seus recursos são: uma excelente interface de criação de slides, design de slides de arrastar e soltar, layout totalmente responsivo, gerenciamento perfeito de conteúdos multimídia, desempenho otimizado, Suporte Multilíngue, entregue com quase 340 elementos gráficos, vários modelos de apresentação de slides oferecidos, compatibilidade com a maioria dos Temas do WordPress, excelente suporte ao cliente, suporte para telas sensíveis ao toque, atualizações gratuitas e regulares, documentação e tutoriais em vídeo disponíveis e muito mais.

Descarregar | Demohospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

É isso aí! Isso é tudo para este tutorial, agora você tem a capacidade de configurar uma rolagem infinita no seu blog WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

... 

Pin It on Pinterest