Instagram'ın gömme kodu 540px'e sabitlenmiştir ve içeriğinizin soluna dayanır; çünkü Instagram bu kuralları gömmenin satır içi stillerine yazar. Kodunuzu yapıştırın, genişlik ve hizalama seçin ve WordPress, Squarespace, Webflow, Ghost ya da düz HTML'de çalışan bir kod parçası kopyalayın.
Gömme kodunuzu veya gönderi bağlantısını yapıştırın
Instagram'ın tam gömme kodunu, yalnızca blockquote'u ya da sadece gönderi bağlantısını yapıştırın - /p/, /reel/ ve /tv/ adresleri hepsi çalışır. Script etiketini kaybetmiş veya markdown düzenleyicisinden bozuk çıkmış kodlar otomatik onarılır.
Genişliği ve hizalamayı ayarlayın
Genişlik kaydırıcısını Instagram'ın gerçekten uyguladığı aralıkta, 326px ile 540px arasında sürükleyin ya da "kabı doldur" seçeneğini kullanın. Sol, orta veya sağ seçin - ortalama her genişlikte tamdır, çünkü ortalanan gömme değil sarmalayıcıdır.
Canlı önizlemeyi kontrol edin
Gerçek, yüklenmiş gömmeyi kendi ayarlarınızla görmek için önizlemeyi açın ve masaüstü, tablet, mobil kolon genişlikleri arasında geçiş yapın. Önizleme her değişiklikte yeniden kurulur, böylece gördüğünüz yükseklik alacağınız yüksekliktir.
Kodu kopyalayıp yerleştirin
Tam HTML'i, script etiketsiz sürümü ya da bunun yerine tek bir global CSS kuralını kopyalayın. WordPress'te Metin veya Özel HTML görünümüne yapıştırın - Görsel düzenleyici script etiketini siler ve gömme görünmez.
Gömmeniz solda kalıyor çünkü Instagram'ın scripti margin: 0 0 12px değerini doğrudan gömmenin satır içi stiline yazar ve ortalamak için sağ-sol boşluk bırakmaz. Bunun nedeni temanız değildir ve sıradan bir CSS kuralı satır içi stili yenemez. Çözüm, gömmeyi margin-left: auto ve margin-right: auto olan bir kapsayıcıya almaktır; bu araç tam olarak bunu üretir.
Instagram, oluşturduğu iframe üzerine satır içi bir max-width yazarak gömmeyi 540px ile sınırlar; bu yüzden daha geniş bir kapsayıcının hiçbir etkisi olmaz. Desteklenen aralık 326px ile 540px arasıdır - 326px altında gömme küçülmek yerine taşar. Bu araçta !important ile daha geniş bir kutu zorlayan gelişmiş bir seçenek var; ancak Instagram bunu desteklemez ve medya kaynak çözünürlüğünün ötesine ölçeklendiği için bulanık görünebilir.
Yüksekliği CSS ile ayarlayamazsınız, çünkü Instagram'ın scripti kendi içeriğini ölçer ve yüklendikten sonra yüksekliği gömmeye kendisi yazarak sizin tanımınızı geçersiz kılar. Bu araç bunu dürüstçe iki modla ele alır: "yüksekliği hesapla" seçtiğiniz genişlikte alacağınız yüksekliği tahmin eder ve koda yükseklik yazmaz; "oranı zorla" ise gömmeyi gerçekten sınırlayan bir en boy oranı kutusuna alır, ancak açıklamayı ve alt kısmı kırpar.
Hayır - embed.js sayfada kaç gömme olursa olsun sayfa başına yalnızca bir kez gereklidir. Temanız veya başka bir gömme bunu zaten yüklüyorsa, HTML'inizi temiz tutmak için "script yok" çıktısını kullanın. Sayfada başka hiçbir şey yüklemiyorsa script etiketini bırakın; aksi halde blockquote hiçbir zaman gerçek bir gönderiye dönüşmez.
WordPress'in Görsel düzenleyicisi script etiketlerini siler, bu yüzden oraya yapıştırmak yükleyiciyi sessizce kaldırır ve boş bir alan ya da yalnızca bir bağlantı bırakır. Klasik düzenleyicide Metin sekmesine, blok düzenleyicide ise Özel HTML bloğuna yapıştırın; gömme görünecektir. Aynı kural, kaydederken HTML'i temizleyen her düzenleyici için geçerlidir.
Evet, Reels tam olarak gönderiler gibi çalışır - bir /reel/ veya /reels/ adresini ya da Instagram'ın Reel için verdiği gömme kodunu yapıştırın; adres kanonik bağlantıya normalleştirilir. Reels 9:16 dikey medyadır, bu yüzden kodu sayfanıza yapıştırmadan önce oran bölümünde Reel şeklini seçip seçtiğiniz genişlikteki beklenen yüksekliği görün.
Hayır, kod oluşturma tamamen tarayıcınızda gerçekleşir - kodunuzu ayrıştırmak ve yenisini kurmak hiçbir ağ isteği içermez. Tek istisna, siz tıklayana kadar kapalı olan canlı önizlemedir; o da gerçek bir gömmeyi sayfadaki ayrı bir çerçevede göstermek için Instagram'ın scriptini Instagram'dan yükler. Önizlemeyi kullanmazsanız cihazınızdan hiçbir şey çıkmaz.
Bir şey çalışmıyor mu? Hata bildir
