Você gostaria de adicionar um botão para fazer upload de postagens de maneira gradual e assíncrona para o WordPress? Muitas plataformas populares permitem que os usuários carreguem mais artigos quando chegam ao final da página. Neste tutorial, mostraremos como adicionar facilmente um botão para enviar novas postagens para o WordPress.
Quando e por que adicionar um botão de upload de postagem no WordPress
Manter seus usuários engajados com o conteúdo ajuda você a obter mais visualizações e, finalmente, mais assinantes.
Muitos blogs usam o link de navegação simples "artigos anteriores" no final de sua página inicial, blog e arquivo. Alguns sites usam navegação de página digital que adiciona mais contexto.
No entanto, existem certos tipos de sites que podem se beneficiar imensamente com a rolagem interminável de todos os artigos. Alguns exemplos incluem: sites de fotografia, listas e sites de conteúdo viral.
Em vez de carregar uma nova página, o botão 'carregar mais artigo' funciona como um pergaminho sem fim. Ele usa JavaScript para buscar rapidamente o seguinte conjunto de conteúdo. Isso melhora a experiência do usuário e oferece a oportunidade de exibir mais conteúdo.
Dito isso, vamos dar uma olhada em como adicionar facilmente o botão post upload em seu site WordPress.
Adicionando o botão de upload do artigo no WordPress
A primeira coisa a fazer é instalar e ativar o plugin Carga Ajax Mais . Para obter mais detalhes, consulte nosso guia passo a passo para maneira de instalar um plugin WordPress.
Depois de ativar o plugin, o plugin irá adicionar um novo item de menu intitulado "Carga Ajax MaisPara o seu painel do WordPress. Você precisa clicar nele e ir para a página de configurações do plugin.
Na página de configurações, você pode escolher a cor do seu botão. Você também pode substituir o botão com rolagem infinita que carrega automaticamente o próximo lote de itens sem que os usuários cliquem no botão.
Então você tem que acessar " Ajax Load Plus » Modelo Repetidor » para adicionar seu modelo à exibição do artigo.
O plugin vem com um modelo básico contendo o loop WordPress para exibir postagens. No entanto, pode não corresponder ao seu tema.
Para resolver esse problema, você deve copiar o código que seu tema usa para exibir postagens na página inicial do blog, no arquivo e nas páginas do blog.
Normalmente, este código está na pasta de partes do modelo do seu tema. Nesta pasta, você verá modelos para exibir diferentes conteúdos. Por exemplo, content-page.php, content-search.php e mais.
Você está procurando o template genérico content.php. Aqui está um exemplo do arquivo content.php do nosso tema de demonstração:
" > ',' '); else: the_title (sprintf (' ', esc_url (get_permalink ())),' '); fim se; ?> ',' ', falso))); wp_link_pages (array ('antes' => ' '. __ ('Páginas:', 'vinte e quinze'). ' ', 'depois de' => ' ',' link_before '=>' ',' link_after '=>' ',' pagelink '=>' '. __ ('Página', 'vinte e quinze'). ' %', 'separator' => ' , ',)); ?> ',' '); ?>
Depois de encontrar este código, você deve colá-lo no campo Repetidor Modelos nas configurações do plug-in.
Não se esqueça de clicar no botão « Salvar modelo Para armazenar suas configurações.
Então você tem que visitar " Ajax Load Plus » Shortcode Builder ”para gerar o shortcode.
Esta página contém muitas opções que você pode personalizar. Você deve primeiro selecionar o tipo de container. Se você não tiver certeza, dê uma olhada no modelo que você copiou anteriormente. A maioria dos temas modernos usa o elemento <div>.
Depois disso, role para baixo até a seção de rótulos de botão. Aqui você pode alterar o texto que aparece no botão. Por padrão, o plugin usa 'Carregar mais mensagens', e você pode alterá-lo para o que quiser.
Por fim, você deve escolher se deseja que as publicações sejam carregadas automaticamente após um clique.
Seu shortcode agora está pronto para ser usado. Na coluna direita, você verá a saída do shortcode. Vá em frente e copie o código de acesso e cole-o em um editor de texto, pois você precisará dele na próxima etapa.
Adicione mais artigos ao seu tema WordPress
Esta parte do tutorial requer que você adicione código nos arquivos de tema WordPress.
Não se esqueça de salvar seu tema WordPress antes de fazer qualquer alteração.
Você precisará encontrar os arquivos de modelo onde deseja adicionar o botão carregar em seu tema. Dependendo de como seu tema está organizado, normalmente esses arquivos são index.php, archives.php, categories.php, etc.
Você precisará adicionar o código curto copiado anteriormente no seu tema logo após a tag endwhile;.
Como estamos adicionando o shortcode em um arquivo de tema, precisaremos adicioná-lo na função do_shortcode, como este:
echo do_shortcode ('[ajax_load_more container_type = "div" post_type = "post"]');
Agora você pode salvar suas alterações e visitar seu site para ver o botão "Carregar mais postagens" em ação.
É isso para este tutorial, espero que ele permita que você adicione um botão de carregamento assíncrono em seu blog WordPress.
