{"id":225544,"date":"2022-08-08T14:53:00","date_gmt":"2022-08-08T11:53:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225544"},"modified":"2022-11-08T00:07:59","modified_gmt":"2022-11-07T21:07:59","slug":"como-adicionar-rolagem-infinita-ao-wordpress-passo-a-passo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-adicionar-rolagem-infinita-ao-wordpress-passo-a-passo\/","title":{"rendered":"Como adicionar rolagem infinita ao WordPress (passo a passo)"},"content":{"rendered":"\n

Voc\u00ea precisa de uma maneira infal\u00edvel de manter os usu\u00e1rios em seu site WordPress por mais tempo? Nesse caso, voc\u00ea pode pensar em como adicionar rolagem infinita ao WordPress.<\/p>\n

Rolagem infinita, ou rolagem sem fim, \u00e9 um m\u00e9todo de web design que voc\u00ea ver\u00e1 com frequ\u00eancia. Ele oferece uma maneira f\u00e1cil de envolver os visitantes do site, incentiv\u00e1-los a explorar mais o que voc\u00ea tem a oferecer e at\u00e9 aumentar o tempo que eles passam lendo seu conte\u00fado.<\/p>\n

\u00c9 por isso que hoje vamos mostrar como adicionar rolagem infinita ao WordPress usando um simples plugin WordPress.<\/p>\n

Ent\u00e3o vamos come\u00e7ar.<\/p>\n

O que \u00e9 Rolagem Infinita?<\/h2>\n

A rolagem infinita \u00e9 uma t\u00e9cnica que est\u00e1 em uso h\u00e1 algum tempo para melhorar a experi\u00eancia do usu\u00e1rio. A rolagem sem fim usa o que \u00e9 conhecido como AJAX para carregar p\u00e1ginas enquanto as pessoas rolam para baixo em seu site, em vez de exigir que um usu\u00e1rio clique em "pr\u00f3ximo" para ver mais conte\u00fado.<\/p>\n

Antes da rolagem infinita, era muito mais comum um site usar pagina\u00e7\u00e3o. Esse sistema dependia do usu\u00e1rio para rolar at\u00e9 a parte inferior da p\u00e1gina da Web e clicar em um bot\u00e3o “pr\u00f3ximo" ou “anterior” para visualizar mais conte\u00fado.<\/p>\n

A rolagem infinita, por outro lado, \u00e9 comumente vista como uma maneira mais intuitiva de oferecer conte\u00fado em um site aos usu\u00e1rios. Um site popular que usa rolagem infinita \u00e9 o Medium.<\/p>\n

Ao visitar o Medium, voc\u00ea notar\u00e1 que, ao rolar para baixo, o site continua buscando conte\u00fado adicional. Realmente parece intermin\u00e1vel.<\/p>\n

Quando usar a rolagem infinita<\/h2>\n

Os tipos mais comuns de sites que usam rolagem infinita s\u00e3o aqueles com toneladas de conte\u00fado de blog para oferecer aos leitores.<\/p>\n

Mas como voc\u00ea sabe se a rolagem infinita \u00e9 um recurso que voc\u00ea deve ter em seu pr\u00f3prio site WordPress?<\/p>\n

Bem, vamos falar sobre isso!<\/p>\n

Os melhores tipos de sites que usam rolagem infinita s\u00e3o blogs, m\u00eddias sociais e sites com conte\u00fado de v\u00eddeo. Mas, na verdade, qualquer site que tenha muito conte\u00fado para compartilhar com seus usu\u00e1rios pode se beneficiar da rolagem infinita.<\/p>\n

Afinal, a rolagem sem fim proporciona uma sensa\u00e7\u00e3o suave e limpa aos usu\u00e1rios. E embora possa n\u00e3o parecer grande coisa, \u00e9 muito mais f\u00e1cil para os usu\u00e1rios rolar continuamente do que rolar e clicar um n\u00famero infinito de vezes.<\/p>\n

Na verdade, rolar infinitamente \u00e9 menos trabalhoso para os usu\u00e1rios, o que geralmente os convence a ficar mais tempo.<\/p>\n

Al\u00e9m disso, a rolagem infinita tamb\u00e9m \u00e9 fant\u00e1stica para usu\u00e1rios de celulares e tablets. Clicar \u00e9 uma conveni\u00eancia menor para usu\u00e1rios de desktops e laptops; no entanto, \u00e9 uma dor significativa para usu\u00e1rios de celulares e tablets ter que clicar em tudo.<\/p>\n

Portanto, se voc\u00ea deseja aumentar o engajamento m\u00f3vel em seu site, a rolagem infinita \u00e9 uma das melhores maneiras de fazer exatamente isso.<\/p>\n

Desvantagens do Pergaminho Infinito<\/h2>\n

Embora a rolagem infinita seja legal, n\u00e3o deixa de ter suas desvantagens.<\/p>\n

Para come\u00e7ar, habilitar a rolagem infinita em seu site WordPress tem o potencial de afetar os tempos de carregamento do seu site.<\/p>\n

Uma das maneiras mais importantes de ter sucesso como propriet\u00e1rio de um site \u00e9 ter um site de carregamento r\u00e1pido. Se o seu site for elegante e brilhante, mas n\u00e3o puder exibir conte\u00fado rapidamente, as pessoas ir\u00e3o embora.<\/p>\n

Felizmente, existem algumas maneiras de ajudar a economizar o tempo de carregamento do seu site,<\/a> mesmo usando a rolagem infinita:<\/p>\n

    \n
  1. Verifique a capacidade do site:<\/strong> certifique-se de que seu site WordPress possa lidar com a tens\u00e3o da rolagem infinita (pergunte ao seu provedor de hospedagem se n\u00e3o tiver certeza).<\/li>\n
  2. Assista as Imagens:<\/strong> tenha calma com as imagens. Se voc\u00ea permitir que uma quantidade infinita de conte\u00fado seja exibida em seu site, fique atento \u00e0s imagens inclu\u00eddas, pois elas podem diminuir o tempo de carregamento. E use apenas imagens de alta qualidade<\/a> que deixar\u00e3o um impacto duradouro em seu site.<\/li>\n<\/ol>\n

    Outra desvantagem de usar a rolagem infinita em seu site \u00e9 que dificulta a localiza\u00e7\u00e3o de conte\u00fado espec\u00edfico.<\/p>\n

    Pense nisso.<\/p>\n

    Voc\u00ea est\u00e1 em um site e est\u00e1 navegando pelo conte\u00fado h\u00e1 algum tempo. Mas agora, voc\u00ea quer voltar e olhar para algo que voc\u00ea voou por um minuto novamente. O problema \u00e9 que agora voc\u00ea n\u00e3o pode encontr\u00e1-lo.<\/p>\n

    Em que p\u00e1gina foi?<\/p>\n

    Ah, isso mesmo! Voc\u00ea est\u00e1 em um site usando rolagem infinita. Voc\u00ea ter\u00e1 que rolar todo o caminho de volta para cima e torcer para encontrar o conte\u00fado que deseja ler.<\/p>\n

    Embora essa desvantagem n\u00e3o seja o fim do mundo, ela tem o potencial de tornar a explora\u00e7\u00e3o do seu site mais dif\u00edcil para os usu\u00e1rios.<\/p>\n

    Por fim, habilitar a rolagem infinita em seu site torna a barra de rolagem do seu site in\u00fatil e impede que voc\u00ea tenha um rodap\u00e9 de site.<\/p>\n

    No final, \u00e9 importante fazer sua li\u00e7\u00e3o de casa e estar preparado para o que a rolagem infinita traz para o seu site. Apenas lembre-se, nem tudo \u00e9 ruim. \u00c9 s\u00f3 que cada um tem necessidades diferentes.<\/p>\n

    Agora, vamos dar uma olhada em como adicionar rolagem infinita ao WordPress.<\/p>\n

    Como adicionar rolagem infinita ao WordPress<\/h2>\n

    Etapa 1: instalar e ativar o Catch Infinite Scroll<\/h3>\n

    Para adicionar rolagem infinita ao seu site WordPress, a primeira coisa que voc\u00ea precisa fazer \u00e9 instalar um plugin como Catch Infinite Scroll<\/a>. Se precisar de ajuda com esta etapa, confira como instalar um plugin do WordPress<\/a>.<\/p>\n

    Depois de instalar e ativar o plug-in, haver\u00e1 uma nova guia na sua p\u00e1gina de administra\u00e7\u00e3o do WordPress chamada “Catch Infinite Scroll”.<\/p>\n

    \"Como<\/a><\/p>\n

    Etapa 2: escolha um gatilho de carregamento<\/h3>\n

    Em seguida, voc\u00ea desejar\u00e1 selecionar um acionador de carregamento. Para nosso exemplo, escolheremos a op\u00e7\u00e3o Scroll<\/strong>. Se voc\u00ea escolher a op\u00e7\u00e3o Clique<\/strong>, o plug-in fornecer\u00e1 um bot\u00e3o “Carregar mais” no qual os usu\u00e1rios podem clicar para carregar mais conte\u00fado.<\/p>\n

    \"Como<\/a><\/p>\n

    Selecionar a op\u00e7\u00e3o Rolar<\/strong> far\u00e1 com que seu site carregue mais conte\u00fado automaticamente. Ele carregar\u00e1 esse conte\u00fado \u00e0 medida que o usu\u00e1rio rolar, em vez de exigir que ele clique em qualquer coisa para visualizar mais conte\u00fado.<\/p>\n

    Abaixo da configura\u00e7\u00e3o do gatilho de carregamento, voc\u00ea ver\u00e1 os seletores de navega\u00e7\u00e3o, pr\u00f3ximo, conte\u00fado e item. N\u00e3o h\u00e1 necessidade de alterar nada disso para este tutorial porque eles funcionam bem fora da caixa.<\/p>\n

    Etapa 3: selecione uma op\u00e7\u00e3o de imagem<\/h3>\n

    A op\u00e7\u00e3o de imagem em Catch Infinite Scroll permite que voc\u00ea carregue sua pr\u00f3pria imagem personalizada. Essa imagem aparecer\u00e1 \u00e0 medida que seu site carregar mais conte\u00fado \u00e0 medida que as pessoas rolarem para baixo.<\/p>\n

    Aqui est\u00e1 a imagem de carregamento padr\u00e3o em Catch Infinite Scroll:<\/p>\n

    \"Como<\/a><\/p>\n

    Dito isto, este plug-in simples de usar oferece a op\u00e7\u00e3o de adicionar sua pr\u00f3pria imagem personalizada, o que \u00e9 \u00f3timo para quem est\u00e1 iniciando um neg\u00f3cio online, site de associa\u00e7\u00e3o<\/a> ou loja de com\u00e9rcio eletr\u00f4nico.<\/p>\n

    Etapa 4: configurar a op\u00e7\u00e3o ‘Concluir texto’<\/h3>\n

    A configura\u00e7\u00e3o final que precisamos configurar \u00e9 a op\u00e7\u00e3o ‘Finish Text’. Este \u00e9 o texto que aparece quando um usu\u00e1rio percorre absolutamente tudo o que voc\u00ea tem a oferecer em seu site.<\/p>\n

    Este texto s\u00f3 aparecer\u00e1 para os visitantes do site quando n\u00e3o houver mais nada para ver.<\/p>\n

    \"Como<\/a><\/p>\n

    Voc\u00ea pode personalizar esse texto para dizer o que quiser, como ‘Fim do conte\u00fado’. Dito isto, a mensagem padr\u00e3o ‘N\u00e3o h\u00e1 mais itens para exibir’ funciona bem.<\/p>\n

    Quando terminar, clique em Salvar altera\u00e7\u00f5es<\/strong> para salvar suas configura\u00e7\u00f5es e ativar a rolagem infinita em seu site.<\/p>\n

    \"Como<\/a><\/p>\n

    Empacotando<\/h2>\n

    E a\u00ed est\u00e1! Agora voc\u00ea sabe como adicionar rolagem infinita ao WordPress em um esfor\u00e7o para aumentar o engajamento, aumentar o tempo gasto em seu site e tornar a experi\u00eancia do usu\u00e1rio algo memor\u00e1vel para todos que acessam seu site.<\/p>\n

    Voc\u00ea est\u00e1 procurando outra maneira de envolver os visitantes do site e aumentar as convers\u00f5es enquanto faz isso? Ent\u00e3o n\u00e3o deixe de conferir os principais plugins de brindes do WordPress<\/a> no mercado e criar um concurso do qual as pessoas queiram participar.<\/p>\n

    Voc\u00ea usa rolagem infinita em seu site WordPress? Voc\u00ea usou um plugin do WordPress para ativar a rolagem infinita? Se sim, adorar\u00edamos saber tudo sobre isso nos coment\u00e1rios abaixo!<\/p>\n

    Fonte de grava\u00e7\u00e3o: wphacks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

    Para uma maneira \u00fanica de aumentar o engajamento e melhorar a experi\u00eancia do usu\u00e1rio, confira como adicionar rolagem infinita ao WordPress com algumas etapas simples.<\/p>\n","protected":false},"author":1,"featured_media":220880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[898,846,867],"tags":[1170],"class_list":["post-225544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-2","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/225544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=225544"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/225544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/220880"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=225544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=225544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=225544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}