Como exibir o Feed do Instagram no WordPress

Publicado em 13/03/2016 às 02:05

O Instagram é uma das redes sociais mais usadas no momento. Ele pode ser usado de forma pessoal ou para fortalecer o seu negócio. Em alguns casos, é imprescindível o uso da rede social. Exibir o feed do Instagram no seu site é uma forma de promover a rede social. A seguir, você verá como exibir o feed do Instagram no WordPress usando o plugin Instagram Feed.

Configuração básica

Após instalar o plugin Instagram Feed, no painel do WordPress aparecerá a opção “Instagram Feed”.

Feed do Instagram no Painel do WordPress

Clique nessa opção para exibir as configurações do plugin. Para que o plugin funcione, é necessário informar o “Access Token” e o “User ID”.

Configuração Feed do Instagram no WordPress

Clique em no botão azul “Log in and get my Acess Token and User ID”, e faça login no seu Instagram. Aparecerá uma janela pedindo autorização para acessar as informações do seu Instagram.

Autorização do Feed do Instagram

Clique em “Authorize”, e o plugin mostrará qual o seu “Acess Token” e “User ID”.

Informação do usuário no Feed do Instagram no WordPress

Copie esses dados e cole-os nos campos abaixo:

Inserir informações no Feed do Instagram no WordPress

Algumas opções do plugin como, por exemplo, exibir apenas fotos com determinada hashtag, só estão disponíveis na versão paga.

Com essa configuração, já é possível exibir o feed do Instagram, caso queira salvar as configurações caso o plugin seja removido ou se o seu tema usa Ajax, marque a opção correspondente.

Outras configurações do Feed do Instagram no WordPress

Caso não encontre essa informação e o plugin mostrar algum tipo de problema, deixe a opção marcada.

Inserindo o feed do Instagram no conteúdo

Após salvar as alterações, é necessário inserir o código “[instagram-feed]” no local onde deseja exibir as fotos do Instagram. Para exibir o feed em um post ou página, basta inserir o código no conteúdo.

Código na Página do Feed do Instagram no WordPress

Para exibir o feed na sidebar (lateral), vá em “Aparência”, “Widgets”, clique em “Texto”, escolha a posições em que ficará o feed e clique em “Adicionar widget”.

Adicionar Widget de Texto na Lateral no WordPress

Digite um título para o Widget (caso queira) e no conteúdo, cole o código “[instagram-feed]” e salve a configuração.

Adicionar Feed do Instagram no Widget do WordPress

Para adicionar o feed por código, insira no seu php:

O feed aparecerá dessa forma:

Feed do Instagram do WordPress Padrão

 

Para personalizá-lo, abra novamente as opções do plugin e na parte superior clique na aba “Customize”.

Customizar Instagram do Feed no WordPress

Você pode alterar configurações como: número de colunas, número fotos, texto e cor dos botões, exibir ou não botões e cabeçalho etc.

Feed do Instagram no WordPress Personalizado

Feed do Instagram customizado

  • Show! Será muito útil as dicas.
    Vlw Mirago.

  • Ellen Gabriela

    Obrigada, me ajudou muito!

  • Raquel Galvão

    Obrigada! Seu artigo foi essencial para minha necessidade!