Como adicionar o botão Carregar mais postagens no WordPress

Como blogueiro e criador de conteúdo, você deseja manter as pessoas envolvidas e lendo suas postagens. Há muitas maneiras de fazer isso: um bom sistema de pesquisa ou marcação, uma barra lateral com links de postagens recentes , uma galeria de postagens mais antigas quando o leitor chega ao final da página e assim por diante.

Outra ótima maneira é com um botão “carregar mais postagens”, também conhecido como rolagem infinita. Isso fará com que os leitores interessados ​​vejam seu conteúdo pelo tempo que quiserem. Se você estiver disposto a baixar plugins ou fazer algum trabalho de codificação, esse recurso inestimável é fácil de adicionar ao seu site WordPress. Vamos começar.

Por que Rolagem Infinita?

Quando um usuário navega para a próxima página, todo o site precisa ser recarregado. Barras de navegação, plano de fundo e muito mais - e embora eles provavelmente tenham esses elementos armazenados em cache, são alguns segundos extras de espera. Com a rolagem infinita, apenas a nova postagem precisa ser carregada, o que leva apenas um momento.

Além disso, a rolagem infinita mantém os visitantes lendo. Eles podem não continuar lendo se precisarem pesquisar para encontrar postagens mais antigas. Mas com um botão bem ali, eles podem ficar um pouco mais.

Se você estiver pronto para adicionar um botão carregar mais ao WordPress, há apenas algumas coisas que você deve ter em mente.

• Sempre faça backup do seu site WordPress antes de editar arquivos de modelo ou código. Ou use um tema filho para experimentar antes de trazer suas alterações para o site principal.
• Para instalar um plugin do WordPress, vá para a área de administração do WordPress e clique no botão “Adicionar novo” abaixo de “Plugins”. A partir daí, procure o plugin desejado, instale-o e ative-o. Fácil assim!
• Se isso não estiver funcionando, baixe o plug-in de onde você o encontrou. Vá para “Add New” novamente, mas desta vez, clique em “Upload” para fazer o upload do arquivo. Em seguida, instale e ative o plugin.
• Alguns plugins vêm com outras instruções de instalação se esses métodos não estiverem funcionando!

Sem um plug-in

Não é uma pessoa de plugins? Se você preferir fazer isso sozinho, não se preocupe. Se você preferir codificar isso sozinho ou criar seu próprio plug-in, siga este guia ou este . Ambos podem ajudá-lo a configurar esse recurso por conta própria - embora você possa estar perdendo recursos extras e a fácil personalização que um plug-in pode oferecer.

Esses tutoriais envolvem muito código assustador, mas contanto que você siga as instruções, não deve ser muito difícil. Você configurará alguns parâmetros para garantir que o botão não seja exibido se não houver postagens suficientes, configurando o código base e tornando-o bonito com CSS.

Fácil Carregar Mais

Se você preferir um plugin, este é um ótimo para escolher. Easy Load More, como o próprio nome indica, é um plugin de carregamento lento. Ele usa Ajax para carregar postagens extras na mesma página e requer muito pouca edição nos arquivos do seu tema. O plugin foi feito especificamente para deixar uma marca tão minúscula quanto possível, com um botão padrão minimalista e personalizável, tamanho Javascript pequeno e ícones de carregamento renderizados com SVG para que os arquivos de imagem não precisem ser baixados.

Depois de baixar o plug-in, é muito fácil configurá-lo. Primeiro, você precisará configurar o plug-in em sua página de configuração no menu do plug-in. Em seguida, encontre a página onde você gostaria de rolar infinito e adicione a função “load_more_button()” aos arquivos de template do seu tema. Funciona com modelos personalizados e em qualquer página, desde a página inicial até as páginas de arquivo.

Ajax Carregar mais

Se você está procurando algo mais avançado, o Ajax Load More vem com muitas funcionalidades extras.

Há um construtor de shortcode que permite criar uma consulta personalizada de outras páginas, postagens ou comentários. Os parâmetros de consulta significam que as postagens carregadas podem se enquadrar em determinadas categorias ou tipos de postagem, e você também pode filtrar determinadas postagens. Você também pode criar modelos para que o plug-in combine perfeitamente com o seu tema.

Além de todos esses recursos, existem complementos que estendem ainda mais a funcionalidade. Pré-carregue postagens, substitua o carregamento lento por páginas ou altere a aparência e o layout do plug-in!

Embora o Ajax Load More possa ser personalizado e ajustado extensivamente por usuários avançados, é uma provação bastante pequena configurá-lo. Basta usar o Shortcode Builder para criar seu shortcode personalizado e adicioná-lo ao seu site diretamente por meio do editor de conteúdo ou colocando-o em seus arquivos de modelo. E isso é tudo que você precisa fazer!

Carregar mais produtos para WooCommerce

Se você usa o comércio eletrônico, esse tipo especializado de botão carregar mais usa codificação Ajax semelhante para carregar produtos infinitos. É compatível com vários plugins WooCommerce. A versão gratuita dá acesso a rolagem infinita com um botão e alguns recursos básicos de personalização. O plugin pago tem várias opções de carregamento lento com animações, personalização de botões e carregamento diferente para dispositivos móveis.

Carregar mais simples

Se você só precisa de algo simples e facilmente ativado, o Simple Load More fará o trabalho. Ele é ativado automaticamente em sua página inicial, portanto, se isso for tudo o que você precisa, basta instalá-lo, configurá-lo e pronto.

Se você precisar dele em outras páginas, basta fazer uma configuração fácil e adicionar a função “simple_more_button()” ou o shortcode “[load_more button_text=”ABC”]” aos arquivos de modelo da página em que você deseja o botão.

Carregar mais qualquer coisa

Se você quiser experimentar um simples plugin jQuery load more, confira este. Load More Anything funciona em qualquer lugar, em qualquer página, para qualquer conteúdo. Postagens, comentários, produtos, imagens — qualquer coisa e em qualquer lugar.

Você vai precisar de um pouco de conhecimento técnico para isso. Embora você não precise mexer com arquivos de tema, você precisará encontrar a tag “div” que pertence a onde você deseja que o botão seja exibido e de onde ele extrairá o conteúdo. A maneira mais fácil é usar “Inspecionar Elemento” no local em que você deseja o botão e tentar encontrar a div, classe ou tags secundárias corretas. Se você não é um desenvolvedor web ou não sabe como navegar pelo Inspect Element, pode pular este.

Envolva facilmente os leitores com o Load More

Isso não foi tão difícil, certo? A rolagem infinita é uma ótima maneira de fornecer aos visitantes acesso fácil a mais conteúdo, sem precisar carregar várias páginas ou acessar links de navegação. É simples e elimina qualquer possível confusão. Se você ainda não tem um botão para carregar mais em seu site, o que está esperando?

Se este guia o ajudou, por que não conferir nosso Facebook e Twitter para mais dicas e tutoriais do WordPress? E se houver algum tutorial do WordPress que você queira ver de nós, informe-nos nos comentários abaixo.