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 600.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? Quero dizer, estou sentado aqui escrevendo este tutorial, mas esse recurso viciante continua sendo rolado novamente ... 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.

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 rolagem infinita, o que nos dá a vantagem de poder revisar 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 usuários de linhas fixas visitam 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é quando escolhe a rolagem infinita. Esta será uma grande desvantagem se você quiser oferecer mais informações no rodapé. Por exemplo, se você usar o rodapé para exibir informações de afiliados, precisará encontrar uma nova maneira de exibir essas informações.
  • Pular a barra de rolagem causa uma experiência ruim - Como o site ainda está carregando, é provável que o comprimento das barras de carregamento mude, o que pode causar a perda de leitura, resultando em uma má experiência do usuário.
  • Nenhum sentimento de "conclusão" - Não é sobre insinuação. Os pesquisadores da Nielsen descobriram que os usuários experimentam a conclusão quando chegam ao final de uma página. 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 WordPress: Se estiver usando 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.

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

« O 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 ser observada é que o modelo padrão do Repetidor mostrará apenas trechos de artigos, não artigos completos. Se você deseja visualizar os artigos completos, substitua " 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á.

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]

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 itens. Mas você também pode incluir páginas personalizadas ou formatos de publicação.
  • categoria - Você pode incluir apenas determinadas categorias ou não pode excluir determinadas 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 itens que " Mais ajax loader Deve cobrar sempre que esfriar.
  • pausa - É certamente um elemento importante. Para uma rolagem infinita verdadeira, defina-a como "false" aqui. Caso contrário, os usuários terão que clicar para exibir os outros artigos.
  • rolagem - O importante é que você ative esse recurso para que os artigos sejam carregados automaticamente quando os usuários rolarem a 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 esse código curto à página em que 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 de uma 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.

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

Descarregar | Demo | hospedagem na web

2. Pergaminho Infinito WooCommerce e Paginação Ajax

O WooCommerce Infinite Scroll e o Ajax Pagination é uma extensão premium do WordPress (WooCommerce) que ajuda a converter a paginação padrão de um produto em paginação de rolagem ilimitada ou Ajax. Quando um usuário rola para baixo, a próxima página do produto é recuperada e adicionada automaticamente. 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 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 paginação 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

O YouTube Videos To WordPress Posts é um plug-in gratuito que permite aos usuários importar vídeos do YouTube para o WordPress da maneira mais fácil possível. Você poderá importar vídeos por usuário, canal, solicitação, ID e também poderá importá-los em massa para economizar tempo.

Suas principais características são: a capacidade de testar todos os recursos antes de comprar o plugin, umsuporte ao cliente cortês e responsivo, um design simples e opções poderosas para você configurar facilmente a importação de seus vídeos, opaginação em massa ou importação agendada, inserindo vídeos do YouTube em qualquer tipo de conteúdo disponível no 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, curtidas, não curtidas, duração etc.), um documentação detalhada e muito mais.

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]

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de 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
16 ações
ação12
chilrear1
Enregistrer3