Como Adicionar GIFs do Giphy no WordPress (2 Métodos Fáceis)

Adicionar um GIF animado é uma ótima maneira de trazer humor e personalidade aos seus posts de blog. Nós os usamos no WPBeginner para tornar nosso conteúdo mais envolvente e relacionável para nossos leitores.

Mas você pode se preocupar que arquivos GIF grandes diminuam a velocidade do seu site. Esta é uma preocupação válida, pois páginas de carregamento lento podem impactar negativamente a experiência do usuário e suas classificações de SEO.

Felizmente, incorporar GIFs diretamente do Giphy resolve esse problema completamente. Este método economiza a largura de banda do seu servidor e mantém seu site funcionando rapidamente.

Mostraremos duas maneiras simples de adicionar GIFs do Giphy ao seu site WordPress, com e sem o uso de um plugin.

Prós e Contras de Usar Imagens GIF Animadas no WordPress

Usar GIFs animados (Graphics Interchange Format) pode ser uma maneira divertida e envolvente de aprimorar seu conteúdo.

Eles são perfeitos para adicionar reações animadas, memes e referências da cultura pop ao seu site WordPress. Isso pode ajudar a aumentar as visualizações de página e reduzir a taxa de rejeição do seu blog.

No entanto, existem algumas desvantagens. Arquivos GIF são grandes. Eles podem ocupar muito espaço na biblioteca de mídia do WordPress, diminuir a velocidade do seu site e consumir sua largura de banda. Isso é uma má notícia para a experiência do usuário e também pode afetar suas classificações nos motores de busca e tráfego.

É aí que o Giphy entra. Servir suas imagens GIF animadas via Giphy economizará a largura de banda do seu plano de hospedagem web. Também terá menos impacto no tempo de carregamento e desempenho do seu WordPress.

Além disso, o Giphy tem uma grande coleção de GIFs engraçados e relacionáveis, tornando-o ótimo para adicionar um toque de humor e personalidade ao seu conteúdo.

Dito isso, vamos dar uma olhada em 2 maneiras fáceis para iniciantes de usar GIFs do Giphy no WordPress. Basta clicar nos links abaixo para pular para o método de sua preferência:

1. Como Adicionar GIFs do Giphy Usando um Código de Incorporação (Sem Plugin)
2. Como Adicionar GIFs do Giphy Usando EmbedPress
3. Perguntas Frequentes Sobre o Uso de GIFs no WordPress

Método 1: Como Adicionar GIFs do Giphy Usando um Código de Incorporação (Sem Plugin)

Uma opção é adicionar o GIF a uma página ou post usando seu código de incorporação do Giphy. 

Como você está usando um código de incorporação, não precisa de nenhum plugin especial do WordPress. No entanto, obter o código de incorporação leva algumas etapas extras. 

Se você deseja adicionar apenas um pequeno número de GIFs ao seu site, essas etapas extras podem não ser um problema. No entanto, se você planeja usar muitos GIFs, pode valer a pena instalar um plugin que facilitará esse processo. 

Para adicionar um GIF usando seu código de incorporação, acesse o site Giphy.com. Em seguida, encontre o GIF que você deseja usar.

Agora você pode clicar no botão 'Embed'.

O Giphy agora mostrará o código de incorporação para este GIF.

Neste ponto, você pode escolher entre 'Responsivo Desligado' e 'Responsivo Ligado'.

Conteúdo responsivo muda para se adequar melhor ao dispositivo do visitante. Isso é importante para garantir que seu site fique tão bom em smartphones e tablets quanto em computadores desktop.

Por exemplo, temas responsivos do WordPress se ajustam automaticamente ao tamanho da tela do usuário. 

Com isso em mente, é uma boa ideia escolher 'Responsivo Ligado'.

Após tomar sua decisão, copie o código de incorporação clicando no botão 'Copiar Código'.

Agora é hora de mudar para sua área de administração do WordPress. Aqui, basta abrir o editor Gutenberg para a página ou post onde você deseja incorporar seu GIF.

Sua próxima tarefa é criar um novo bloco de HTML Personalizado. Para começar, clique no ícone de ‘+’. 

Em seguida, no pop-up que aparece, digite ‘HTML Personalizado’ para encontrar o bloco correto. Assim que você clicar no bloco HTML Personalizado, o WordPress adicionará este bloco à sua página.

Agora, você pode simplesmente colar o código de incorporação do seu GIF no bloco HTML Personalizado. 

Deve ficar assim.

Antes de publicar este GIF, você pode querer verificar como ele ficará para seus visitantes. Para fazer isso, basta clicar no botão ‘Visualizar’ na parte superior da tela. O WordPress agora mostrará sua página em uma nova aba.

Se você estiver satisfeito com seu GIF, poderá publicar esta postagem ou página do WordPress. Basta clicar no botão ‘Atualizar’ ou ‘Publicar’ no editor de blocos.

O GIF agora aparecerá no seu blog WordPress.

Método 2: Como Adicionar GIFs do Giphy Usando EmbedPress

Se você planeja adicionar muitos GIFs ao seu site, os códigos de incorporação podem se tornar muito demorados.

Outra opção é usar o plugin EmbedPress. Este plugin freemium permite incorporar GIFs usando apenas seus URLs do Giphy.

O EmbedPress também permite incorporar conteúdo de mais de 100 outros sites. Estes incluem a incorporação de vídeos do YouTube, PDFs, arquivos de áudio, e mais.

Primeiro, você precisará instalar e ativar o plugin EmbedPress. Usaremos a versão gratuita, pois ela tem o que precisamos para este tutorial.

Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, vá para a página ou post onde você deseja adicionar seu GIF. Você pode então clicar no ícone de '+'.

No pop-up que aparece, digite 'EmbedPress' para encontrar o bloco correto. 

Simplesmente clique neste bloco, e o WordPress adicionará um bloco EmbedPress à sua página.

Em uma nova aba, acesse o site Giphy. Você pode então encontrar o GIF que deseja usar. 

Em seguida, simplesmente copie o URL deste GIF. 

Agora é hora de voltar ao seu painel do WordPress. 

Aqui, simplesmente cole o URL do GIF na caixa do EmbedPress. Finalmente, clique em 'Embed'.

Agora, se você der uma olhada no seu site, verá seu novo GIF.

Se você não estiver satisfeito com seu GIF, o EmbedPress tem algumas configurações que você pode querer explorar. Estas incluem a alteração da altura e largura de todos os GIFs que você adiciona via EmbedPress.

Para dar uma olhada nessas configurações, clique em 'EmbedPress' na barra lateral do WordPress.

Se ainda não estiver selecionada, clique na aba 'Geral'. Você agora pode usar essas configurações para personalizar seus embeds do EmbedPress. 

Lembre-se apenas que quaisquer alterações que você fizer neste menu afetarão todo o seu conteúdo do EmbedPress.

Perguntas Frequentes Sobre o Uso de GIFs no WordPress

Aqui estão as respostas para algumas das perguntas mais comuns que recebemos sobre como adicionar GIFs a um site WordPress.

Incorporar GIFs do Giphy vai deixar meu site lento?

Não, incorporar GIFs do Giphy é o método recomendado para evitar que seu site fique lento. Como o arquivo é hospedado nos poderosos servidores do Giphy, ele não utiliza seus próprios recursos de hospedagem ou largura de banda. Isso tem um impacto mínimo no tempo de carregamento da sua página.

Posso criar meus próprios GIFs e enviá-los para o WordPress?

Sim, você pode absolutamente enviar seus próprios GIFs para a biblioteca de mídia do WordPress. Apenas esteja ciente de que os arquivos GIF são frequentemente grandes e podem consumir espaço de armazenamento e deixar seu site lento se não forem otimizados. Cobrimos a melhor maneira de fazer isso em nosso guia sobre como adicionar GIFs animados no WordPress.

É melhor usar um plugin para incorporar GIFs ou fazer isso manualmente?

Isso depende do seu fluxo de trabalho. O método de código de incorporação manual é perfeito se você planeja adicionar um GIF apenas ocasionalmente, pois não requer plugins extras. No entanto, se você usa GIFs com frequência em seu conteúdo, um plugin dedicado como o EmbedPress economiza tempo, permitindo que você os incorpore com uma URL simples.

Quais são as melhores práticas para usar GIFs em um site?

Para obter os melhores resultados, use GIFs que sejam relevantes para o seu conteúdo e agreguem valor, seja através de humor ou ilustração. Tente não usá-los em excesso, pois um ou dois GIFs bem colocados são mais eficazes do que uma página confusa. Por fim, escolha sempre a opção de incorporação responsiva para garantir que seus GIFs fiquem ótimos em todos os dispositivos.

Esperamos que este artigo tenha ajudado você a aprender como adicionar GIFs do Giphy no WordPress. Você também pode querer conferir nossas seleções de especialistas dos melhores plugins de upload de arquivos para WordPress e nosso guia sobre como adicionar imagens interativas de 360 graus no WordPress.

Se você gostou deste artigo, 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 no Facebook.