Como Adicionar Clique para Carregar para GIFs no WordPress

Você quer adicionar um player de GIF com clique para carregar no seu site WordPress? Imagens GIF animadas levam mais tempo para carregar, o que afeta a velocidade da página e a experiência do usuário. É por isso que muitas plataformas de blog populares não carregam GIFs automaticamente em seus aplicativos. Neste artigo, mostraremos como você pode facilmente adicionar clique para carregar para GIFs no WordPress.

Adicionando clique para carregar GIFs no WordPress

Por que Adicionar Clique para Carregar para GIFs no WordPress?

Se você frequentemente adiciona imagens GIF animadas no WordPress, então você já sabe que elas são muito maiores em tamanho do que imagens regulares. Isso significa que elas levam mais tempo para carregar, o que afeta a velocidade e o desempenho do seu site.

Alguns sites lidam com isso carregando imagens lentamente no WordPress. No entanto, isso ainda afeta a experiência dos usuários porque os GIFs levam mais tempo para carregar à medida que o usuário rola a página.

Plataformas populares como Tumblr e outras usam um player de GIF com clique para carregar para mitigar esse problema. Em vez de carregar todos os quadros de uma animação GIF, elas carregam apenas o primeiro quadro da animação. Um botão de reprodução ou um rótulo GIF na imagem indica que os usuários podem clicar para ver o GIF animado.

Exemplo de GIF pausado

Dito isso, vamos ver como você pode adicionar um botão de clique para carregar para GIFs no seu site WordPress.

Adicionando Clique para Carregar para GIFs no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin WP GIF Player. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Este plugin funciona de imediato, e não há configurações para ele.

Você pode ir para a tela de edição de postagem para vê-lo em ação.

Botão Adicionar GIF no editor de posts do WordPress

Na tela de edição de postagem, você notará o botão Adicionar GIF acima do editor de postagem. Clicar nele abrirá a janela pop-up do uploader de mídia, onde você pode fazer upload de suas imagens GIF, semelhante a qualquer outra imagem.

Envie GIFs usando o botão Adicionar GIF

Uma vez carregado, você precisa clicar no botão Inserir imagem para continuar.

O plugin WP GIF player agora adicionará o shortcode necessário em seu editor de postagem do WordPress.

Shortcode de GIF no editor de posts do WordPress

Agora você pode salvar sua postagem/página e clicar no botão de pré-visualização para ver seus GIFs de clique para carregar em ação.

Todos os GIFs incorporados em sua postagem agora terão um botão em cima deles rotulado GIF. Clicar no botão carregará o GIF animado em segundo plano e o exibirá.

Clique para reproduzir GIF animado

Uma desvantagem deste plugin é que ele só funciona para os novos GIFs que você carrega. Ele não adicionará o clique para carregar para GIFs carregados usando o uploader de mídia normal do WordPress. Isso significa que todos os seus GIFs carregados anteriormente não terão o botão de clique para carregar.

Esperamos que este artigo tenha ajudado você a aprender como adicionar o player de GIFs de clique para carregar no WordPress. Você também pode querer ver nosso guia sobre como corrigir problemas comuns de imagem no WordPress.

Se você gostou deste artigo, então por favor inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

5 CommentsLeave a Reply

  1. Esse é um plugin legal. Gostaria de saber se podemos personalizar o botão e mudar sua localização. Seria muito legal ter um botão com o logo da marca no centro e um texto GIF no canto superior direito.

    Obrigado por compartilhar.

  2. Isso é bem interessante. Eu ainda não uso GIFs animados nas minhas postagens, mas é bom saber.
    Você sabe se essa abordagem funcionará com conteúdo hospedado em CDN?

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.