Aqui, vamos explicar-lhe as causas potenciais quando as imagens no seu feed do Instagram não estão a carregar e apresentam uma área em branco, caixas cinzentas ou outro problema com as fotografias que não carregam.
Direcções
Para resolver o problema, tente os seguintes passos:
- Reveja a secção "Causas potenciais" abaixo para verificar se alguma se aplica. Depois de efetuar quaisquer alterações no seu site, certifique-se de que limpa quaisquer caches do anfitrião, do site ou do browser local antes de verificar novamente o feed.
- Se as causas potenciais listadas não ajudarem, tente carregar o ficheiro JavaScript do feed do Instagram antes de outros ficheiros utilizando a definição "Enqueue JavaScript in header" OU utilizando a definição "AJAX theme loading fix", ambas encontradas em Instagram Feed > Settings > Avançado separador.
- Desativar a seguinte definição: Feed do Instagram > Definições > Avançadas > Carregamento de imagens JavaScript
Causas potenciais
1) Há um problema com a sua fonte
Pode voltar a ligar a sua fonte na página Definições do plug-in, clicando em Adicionar fonte > Conectar ou usando o botão reconectar em qualquer fonte inválida.
2) Os ficheiros do plugin não estão a ser incluídos na sua página
O mais provável é que o seu tema WordPress não tenha as funções necessárias para adicionar ficheiros CSS e JavaScript à parte superior e inferior das suas páginas. Todos os temas devem incluir as funções wp_head e wp_footer, que são necessárias para que os plugins possam adicionar os respectivos ficheiros à sua página. Pode adicioná-las fazendo o seguinte:
- Abra a secção rodapé.php file and adding the following directly before the closing </body> tag:
<?php wp_footer(); ?> - Abra a secção header.php file and adding the following directly before the closing </head> tag:
<?php wp_head(); ?>
3) Existe um erro de JavaScript no seu site que está a impedir a execução do ficheiro JavaScript do plugin
Para saber se é esse o caso, clique com o botão direito do rato na sua página, selecione "Inspecionar elemento" e, em seguida, clique no separador "Consola" ou selecione a opção "Consola JavaScript" nas Ferramentas de desenvolvimento do seu browser.
Se estiver a ocorrer um erro de JavaScript no seu site, este será listado a vermelho, juntamente com o ficheiro JavaScript que o está a causar, conforme mostrado abaixo:
Para obter mais informações sobre a depuração de erros de JavaScript no seu site, consulte este artigo do WordPress.
4) O feed que está a tentar apresentar não tem mensagens
Se estiver a tentar apresentar um feed que não tem mensagens, poderá ser apresentada uma mensagem de erro de administrador para o feed ou mesmo nada. Depois de adicionar uma mensagem à conta ligada, o feed deve ser apresentado normalmente após a verificação de novas mensagens.
5) O código curto que está a utilizar está incorreto
Pode haver um erro no shortcode que está a utilizar ou está a faltar um argumento necessário. Por exemplo, em vez de usar:
[instagram-feed hashtag="#myHashtag"]
Tente adicionar o shortcode predefinido clicando no botão "Incorporar" nas definições de feed:
[instagram-feed feed="1"]
Em seguida, certifique-se de que tem as definições do feed configuradas em Feed do Instagram > Todos os feeds > Opções de feed (ícone de caneta) para este feed.
6) Está a utilizar uma versão desactualizada do jQuery
O plug-in Instagram Feed Pro requer a versão atual do jQuery (3.6.4 a partir de setembro de 2024) incluída no WordPress para funcionar. Alguns temas podem desativar o ficheiro jQuery predefinido do WordPress e carregar o seu próprio ficheiro, o que pode causar este erro. Contacte o programador do tema para ver se ele pode atualizar o ficheiro por si.
7) Tem uma extensão ou complemento do browser que está a causar um problema
Algumas extensões e complementos do browser causam problemas com o feed. Tente desactivá-las para ver se o feed começa a ser apresentado.
8) Está a filtrar demasiadas mensagens
Se estiver a utilizar a definição mostrar/remover mensagens que contenham estas palavras ou frases, também conhecida como "Não mostrar mensagens que contenham" / "Mostrar apenas mensagens que contenham" ou outras ferramentas de moderação, poderá estar a filtrar demasiadas publicações para que o feed as mostre. O Instagram não envia publicações de um utilizador específico que também tenha uma hashtag específica, pelo que o plug-in solicita todas as publicações da conta de utilizador ou do feed de hashtag e, em seguida, filtra com base em "Não mostrar publicações que contenham" / "Mostrar apenas publicações que contenham". Consulte esta publicação para obter algumas soluções possíveis para contornar este problema.
9) Apenas o layout do feed do Carrossel não está a funcionar
O seu tema pode estar a carregar o jQuery duas vezes. O WordPress, por padrão, carrega o jQuery na versão necessária. Se estiver a utilizar uma versão personalizada do jQuery, certifique-se de que retira a fila do script predefinido. Em alguns casos, pode ser necessário contactar o programador do seu tema para remover implementações incorrectas do jQuery.
10) O carregamento lento está ativado
Se o seu tema WordPress ou um plug-in estiver a utilizar o carregamento lento, poderá ter um problema em que as imagens são apresentadas em branco ou como um pequeno quadrado. A maioria dos conflitos de carregamento lento pode ser resolvida acedendo a Feed do Instagram > Definições > Avançadas e desactivando as definições de Carregamento de Imagens JavaScript e, em seguida, Guardar alterações.
Diagnosticando com ferramentas de desenvolvedor (Avançado)
Eis como diagnosticar problemas comuns com as ferramentas de programador do Chrome. Para utilizar as ferramentas de programador do Chrome, clique com o botão direito do rato numa página com o Feed do Instagram no seu site e selecione "Inspecionar" ou utilize o atalho de teclado ctrl+shift+i no Windows ou ⌥⌘i no Mac. Mude para a guia "console" para verificar o console javascript.
a) Não há erros na consola
Adicionar o comando sbi_init(); para a consola e executá-lo (prima enter).
Se desencadear um Uncaught ReferenceError sbi_init não está definido, o mais provável é que o ficheiro javascript para o feed esteja em falta na página. Veja o item 3 abaixo referente a "wp_footer". Se estiver a utilizar um plugin que optimiza/concatenar/minifica ficheiros JavaScript (como o autoptomize), poderá ter de o repor.
Se o feed aparecer, é provável que esteja a utilizar um tema ajax. Veja esta página. Também é possível que esteja a utilizar um plugin javascript concatenador/optimizador/minificador que precisa de ser atualizado.
Se não acontecer nada (não são apresentadas mensagens adicionais) e não houver um ícone a girar, as definições do seu feed podem não estar a devolver quaisquer mensagens, possivelmente devido à filtragem com "Mostrar apenas mensagens que contenham", ou todas as publicações feitas no feed de hashtag são privadas. Ver n.º 5 abaixo. Também é possível que o ficheiro CSS esteja em falta na página. Consulte o ponto 3 referente a wp_head(). Também pode querer certificar-se de que o seu token de acesso é válido se estiver a receber a mensagem "Não é possível apresentar fotografias do Instagram".
b) Há um ou mais erros de javascript a aparecer na consola.
Adicionar o comando sbi_init(); para a consola e executá-lo (prima enter).
Se o feed aparecer, o erro é proveniente de outros plug-ins ou do seu tema e está a impedir o carregamento do feed. Tente desativar outros plug-ins e/ou o seu tema para descobrir qual é a causa do erro.
Se aparecer o erro jQuery is not defined, o seu tema ou um plugin está a carregar o jQuery demasiado tarde ou possivelmente removeu o ficheiro jQuery da fonte da página.
Se o erro "Access to XMLHttpRequest at ... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' ...", o seu "Endereço WordPress" e "Endereço do site" podem não corresponder à página em que o feed se encontra. Isto inclui o protocolo ("http" vs "https"). Estas definições encontram-se no item de menu Geral no painel de controlo.
Se aparecer o erro "jQuery.ajax is not defined", é possível que esteja a utilizar uma versão "slim" do jQuery. As versões "slim" não contêm o método ajax que o nosso plugin utiliza para obter mensagens.
