Mit Instagram Feeds 6.3 haben wir den CSS-Code geändert, der bestimmt, wie Ihre Feeds angeordnet sind und wie Ihre Bilder zugeschnitten und zentriert werden.
Das Plugin verwendet jetzt ein sogenanntes CSS-Gitter, um den Feed zu gestalten. Damit wollten wir drei Dinge erreichen: Konflikte mit einigen WordPress-Themes vermeiden, die Erstellung klarer Layouts mit unserer neuen Funktion für Feed-Themes erleichtern und das Erscheinungsbild unseres bestehenden Feed-Designs mit denselben klaren Kanten verbessern, die bis zum Rand des Inhalts reichen können.
Welche Änderungen wird es durch CSS Grid geben?
Das Grid-Layout unterstützt scharfe Kanten, die sich leichter an andere Inhalte auf der Seite anpassen lassen. Zuvor führte das Hinzufügen jeglicher Art von Abstand oder Polsterung zum Feed dazu, dass der Feed den Rand des Inhaltsbereichs nicht erreichte.
Mit CSS Grid sieht der Inhalt des Feeds im Grid-Layout nun so aus:
Was sind die Änderungen für Bilder?
Wir haben auch den Code geändert, der verwendet wird, um Bilder im Feed auszugleichen und zu zentrieren. Anstatt eine JS-Bibliothek namens "Image Liquid" zu verwenden, sind wir dazu übergegangen, nur noch CSS-Regeln zu verwenden.
Dies wird dazu beitragen, dass unser Plugin besser mit lazy-loading Plugins und Themes kompatibel ist. Zuvor führte die Verwendung der Image Liquid-Bibliothek zum Beschneiden und Zentrieren von Bildern dazu, dass Lazy-Loading-Plugins die Bilder im Feed nicht mehr nachladen konnten.
Werden bestehende Feeds betroffen sein?
Bestehende Feeds können von der Änderung betroffen sein. Wenn Sie Anpassungen vorgenommen haben, die das Layout der Elemente in Ihrem Feed betreffen, müssen Sie möglicherweise einige visuelle Änderungen vornehmen, damit die Dinge wieder wie vorher aussehen. Obwohl wir nicht bei allen Anpassungen helfen können, können Sie sich an den Support wenden, um zu sehen, ob es irgendetwas gibt, das getan werden kann, um die Anpassungen wiederherzustellen. Andernfalls müssen Sie sich an die Person wenden, die die Anpassung ursprünglich vorgenommen hat.
Wir haben auch eine Einstellung, die den Übergang erleichtert. Sie können das in Version 6.2 verwendete CSS über die Einstellung auf der Registerkarte "Erweitert" auf der Einstellungsseite für Instagram-Feeds umschalten.
Diese Einstellung wird in Zukunft möglicherweise nicht mehr verfügbar sein. Es wäre also gut, wenn Sie sich in den nächsten Hauptversionen von Instagram Feed um Probleme mit dem Layout Ihrer Feeds kümmern würden.
