Instagrams Einbettungscode ist auf 540px festgelegt und klebt am linken Rand deines Inhalts, weil Instagram diese Regeln als Inline-Styles auf das Embed schreibt. Füge deinen Code ein, wähle Breite und Ausrichtung und kopiere ein Snippet, das in WordPress, Squarespace, Webflow, Ghost oder purem HTML funktioniert.
Einbettungscode oder Beitrags-Link einfügen
Füge Instagrams kompletten Code ein, nur das blockquote oder einfach den Beitrags-Link - /p/, /reel/ und /tv/ funktionieren alle. Snippets, die ihr script-Tag verloren haben oder aus einem Markdown-Editor verstümmelt zurückkamen, werden automatisch repariert.
Breite und Ausrichtung festlegen
Zieh den Breitenregler zwischen 326px und 540px, den Bereich, den Instagram tatsächlich beachtet, oder wähle "Container ausfüllen". Wähle links, zentriert oder rechts - das Zentrieren sitzt bei jeder Breite exakt, weil der Wrapper zentriert wird und nicht das Embed.
Live-Vorschau prüfen
Lade die Vorschau, um das echte, geladene Embed mit deinen Einstellungen zu sehen, und wechsle zwischen Spaltenbreiten für Desktop, Tablet und Mobil. Die Vorschau baut sich bei jeder Änderung neu auf, damit die gezeigte Höhe auch die Höhe ist, die du bekommst.
Code kopieren und einsetzen
Kopiere das komplette HTML, die Variante ohne script-Tag oder stattdessen eine einzige globale CSS-Regel. Füge es in WordPress in die Text- bzw. Custom-HTML-Ansicht ein - der visuelle Editor entfernt das script-Tag, und das Embed erscheint nicht.
Dein Embed sitzt links, weil Instagrams Script margin: 0 0 12px direkt als Inline-Style auf das Embed setzt und damit keinen linken oder rechten Außenabstand zum Zentrieren übrig lässt. Dein Theme ist nicht die Ursache, und keine normale CSS-Regel gewinnt gegen einen Inline-Style. Die Lösung ist ein Wrapper mit margin-left: auto und margin-right: auto um das Embed - genau das erzeugt dieses Werkzeug.
Instagram begrenzt das Embed mit einem Inline-max-width auf dem erzeugten iframe auf 540px, deshalb bringt ein breiterer Container überhaupt nichts. Unterstützt sind 326px bis 540px - unter 326px läuft das Embed über, statt zu schrumpfen. Dieses Werkzeug bietet eine erweiterte Option, die mit !important eine breitere Box erzwingt, aber Instagram unterstützt das nicht, und das Medium wird über seine Quellauflösung hinaus skaliert und kann unscharf wirken.
Mit CSS nicht, denn Instagrams Script misst seinen eigenen Inhalt und schreibt die Höhe nach dem Laden selbst ins Embed, wodurch deine Angabe überschrieben wird. Dieses Werkzeug löst das ehrlich mit zwei Modi: "Höhe berechnen" sagt die Höhe bei deiner Breite voraus und gibt keine Höhe im Code aus, während "Verhältnis erzwingen" das Embed in eine echte Aspect-Ratio-Box legt, die es wirklich begrenzt - dafür aber Bildtext und Fußzeile abschneidet.
Nein - embed.js ist pro Seite nur einmal nötig, egal wie viele Embeds darauf stehen. Wenn dein Theme oder ein anderes Embed es schon lädt, nimm die Ausgabe "ohne Script", damit dein HTML schlank bleibt. Lädt es sonst niemand auf der Seite, behalte das script-Tag, sonst wird aus dem blockquote nie ein echter Beitrag.
Der visuelle Editor von WordPress entfernt script-Tags, deshalb verschwindet beim Einfügen dort der Loader stillschweigend und es bleibt eine leere Fläche oder ein nackter Link. Füge es im klassischen Editor im Tab "Text" ein oder im Block-Editor in einen Block für individuelles HTML, dann wird das Embed gerendert. Dasselbe gilt für jeden Editor, der HTML beim Speichern bereinigt.
Ja, Reels verhalten sich genau wie Beiträge - füge eine /reel/- oder /reels/-URL ein oder den Einbettungscode, den Instagram für ein Reel ausgibt, und die Adresse wird auf den kanonischen Permalink normalisiert. Reels sind hohe 9:16-Medien, wähle also im Verhältnis-Bereich die Form Reel, um vor dem Einsetzen die erwartete Höhe bei deiner Breite zu sehen.
Nein, die Code-Erzeugung läuft vollständig in deinem Browser - das Auslesen deines Snippets und der Aufbau des neuen kommen ohne jede Netzwerkanfrage aus. Die einzige Ausnahme ist die Live-Vorschau: Sie ist aus, bis du sie startest, und lädt dann Instagrams Script von Instagram, um in einem separaten Frame dieser Seite ein echtes Embed zu zeigen. Ohne Vorschau verlässt nichts dein Gerät.
Funktioniert etwas nicht? Fehler melden
