Ir para o conteúdo principal

Como adicionar rolagem infinita a um blog WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 701.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Existe algo mais viciante do que o feed de notícias do Facebook? Quer dizer, estou sentado aqui escrevendo este tutorial, mas esse recurso viciante continua rolando ... de novo ... e 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.Como adicionar rolagem infinita do wordpress 1

E adivinhem? Você pode obter o mesmo efeito no 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 que você obterá os mesmos resultados que essas grandes marcas, mas se você tiver muitas postagens no blog, a rolagem será certamente 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 igual importância. 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.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

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 plugins do WordPress. 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

Há muitas coisas que você pode configurar aqui. Você tem a possibilidade de modificar o que será exibido na rolagem infinita e como ele 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.
  • rolagem - 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

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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 outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência 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 fazer é 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 é uma extensão premium do WordPress (WooCommerce) que ajuda a converter a paginação padrão de um 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. Vídeos do YouTube Para WordPress Posts

Vídeos do YouTube para WordPress Posts é um plugin gratuito que permite aos usuários importar vídeos do YouTube para WordPress da maneira mais fácil possível. Você poderá importar vídeos por usuário, canal, consulta, id, e também pode importá-los em massa para economizar tempo.Vídeos do Youtube para posts do wordpress plugin do youtube para wordpress

Suas principais características são:  a capacidade de testar todos os recursos antes de comprar o plugin, a ssuporte ao cliente cortês e responsivo, um design simples e opções poderosas para permitir que você configure facilmente a importação de seus vídeos,importação em massa ou por paginação ou mesmo agendada, a inserção de vídeos do YouTube em qualquer tipo de conteúdo disponível em seu site, a capacidade de importar comentários, tags, categorias e todas as outras informações do vídeo (imagem em miniatura, número de visualizações, gostos, não gostos, duração, etc.), um documentação detalhada e muito mais.

Descarregar | Demo | hospedagem na web

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

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.

... 

Este artigo contém comentários 3

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo