Com o Instagram Feeds 6.3, alterámos o código CSS que determina a forma como os feeds são dispostos, bem como a forma como as imagens são cortadas e centradas.
O plugin agora usa algo chamado CSS Grid para dispor o feed. Isto foi feito para conseguir três coisas - evitar conflitos com alguns temas do WordPress, facilitar a criação de layouts nítidos com a nossa nova funcionalidade de temas de feeds e melhorar o aspeto e a sensação do nosso design de feeds existente com as mesmas bordas nítidas que podem estender-se até à borda do conteúdo.
Que mudanças verei devido à grelha CSS?
A disposição em grelha suporta margens nítidas que se alinham mais facilmente com outro conteúdo da página. Anteriormente, adicionar qualquer tipo de espaçamento ou preenchimento ao feed fazia com que o feed não atingisse o limite da área de conteúdo.
Agora, com a grelha CSS, o conteúdo do feed quando estiver na disposição em grelha terá o seguinte aspeto:
Quais são as alterações efectuadas nas imagens?
Também alterámos o código utilizado para organizar e centrar as imagens no feed. Em vez de utilizar uma biblioteca JS chamada "Image Liquid", passámos a utilizar apenas regras CSS.
Isto ajudará a tornar o nosso plug-in mais compatível com plug-ins e temas de carregamento lento. Anteriormente, a nossa utilização da biblioteca Image Liquid para cortar e centrar imagens fazia com que os plug-ins de carregamento lento não conseguissem carregar imagens no feed.
Os alimentos existentes serão afectados?
Os feeds existentes podem ser afectados pela alteração. Se tinha personalizações que envolviam a disposição dos itens no seu feed, poderá ter de corrigir algumas alterações visuais para que tudo volte a ter o mesmo aspeto que tinha anteriormente. Embora não possamos ajudar com todas as personalizações, pode contactar o suporte para ver se há algo que possa ser feito para restaurar as personalizações. Caso contrário, pode ser necessário contactar a pessoa que criou a personalização em primeiro lugar.
Também temos uma definição para ajudar com qualquer transição necessária. Pode alternar o CSS utilizado na versão 6.2 utilizando a definição que se encontra no separador "Avançadas" da página de definições dos Feeds do Instagram.
Esta definição pode não estar disponível no futuro, pelo que seria bom resolver quaisquer problemas com o esquema dos seus feeds nas próximas versões principais do Instagram Feed.
