Bir iFrame kodunu bir WordPress gönderisine veya sayfasına yerleştirmek ister misiniz?
IFrame’ler, sitenize video veya diğer yükleme yükmenin kolay bir yolunu sağlar. YouTube gibi birçok üçüncü taraf platformu, web yaş içerik yerleştirmek için iframe kullanmalarına izin verir.
Bu tatlı, iFrame kodunu WordPress’e çok çok kullanarak nasıl yerleştireceğinizi göstereceğiz.
İFrame nedir?
İFrame, sitenize video veya başka içerik yerleştirme izin verir. Bu, sitenizde incelemek için incelemeden görüntüleyebileceğiniz gelir.
İframe, harici içerik görüntüleme için sitenizde bir pencere açılır. Gerçek içerik gömdüğünüzde de yüklenir.
Bir iframe Eklemek için özel bir HTML kodu eklemeniz gerekir. Kulağa oldukça teknik geliyorsa endişelenme.
WordPress blogunuza bir iFrame yerleştirmenin en kolay yolunu göstereceğiz.
Neden iFrame’leri Kullanmalı?
İFrame’i kullanmanın temel bir nedeni, sitenizde genişliğinizi ve depolama alanınızı tüketecek veya diğer kaynakları barındırmak zorunda kalmaktır.
Ayrıca, iFrame’ler, başkalarının telif hakkıyla korunan malın çiğnemekten kaçınmanıza izin verir. Videolarını veya diğer yerine indirip ardından sitenize yüklemek, bir iFrame kullanarak sayfanıza eklemeniz yeterlidir.
Diğer bir avantaj ise, orijinal içerik değiştirilirse, iFrame’de otomatik olarak güncellenecektir.
İFrame’in kullanmanın bazı dezavantajları da vardır. Tüm web siteleri içeriklerini bir iFrame’e koymanıza izin vermez. Ayrıca iFrame, sayfanız için çok büyük veya küçük olabilir ve bunu manuel olarak ayarlamanız gerekir.
Diğer bir sorun da, HTTPS sitelerinin diğer HTTPS özel içerik için yalnızca iFrame’i kullanabilmesidir. Benzer şekilde, HTTP siteleri diğer HTTP biz içerik için iFrame’i kullanabilirim.
Bu yüzden WordPress gibi birçok platform oEmbed’i tercih ediyor. WordPress gönderinize bir URL yapıştırarak oEmbed’i videoları ve diğer bazı içerik türlerini gömmek için kullanabilirsiniz. İçerik sığacak şekilde otomatik olarak yeniden boyutlandırılacak ve mobil cihazlarda bile doğru boyutta olacaktır.
Önemli: WordPress, Facebook ve Instagram gönderileri için oEmbed’i desteklemez. Bununla ilgili daha fazla bilgi için, Facebook / Instagram oEmbed sorunu ve nasıl düzeltileceği ile tam kılavuzumuza göz atın.
İFrames’e bir başka harika alternatif, bir sosyal eklentisi kullanmaktır. Smash Balloon’un eklentilerini indirme. Bunlar Facebook, Instagram, Twitter ve YouTube’dan içerik görüntülemenizi sağlar.
Bunu söyledikten sonra, sitenize iFrame eklemenin üç farklı yolunu inceleyelim.
1. WordPress’e iFrame Eklemek için Kaynağın Yerleştirme Kodunu kullanın
Pek çok büyük sitenin sözleri için Gömme seçeneği vardır. Bu size sitenize eklemeniz gereken özel iFrame kodunu verir.
YouTube’da bu kodu, YouTube’daki videoya gidip Paylaş Su Satın Alın.
Ardından, birkaç paylaşımın bulunduğu bir açılır pencere göreceksiniz. Katıştır indirmek yeterlidir.
Şimdi, YouTube boyutu iFrame kodunu gösterecek. YouTube, varsayılan olarak kaynak kontrollerini içerecektir. Ayrıca geliştirildiğinden daha iyi hale getirme.
Bundan sonra, devam edin ve kodu kopyalamak için Kopyala kullan tıklayın.
Şimdi, bu kodu sitenizdeki herhangi bir gönderiye veya sayfaya yapıştırabilirsiniz. Onu blok düzenleyicide yeni bir sayfaya ekleyeceğiz.
Yeni bir sayfa oluşturmak için, WordPress panonuzda Sayfalar »Yeni Ekle’ye gidin.
Ardından sayfanıza bir HTML bloğu ekleyin.
Simdi, YouTube iFrame kodunu bu bloğa yapıştırmanız gerekiyor.
Ardından, buraya yerleştirilmiş YouTube videosunu görmek için sayfanızı önizleyebilir veya yayınlayabilirsiniz.
İpucu: Eski klasik düzeniyi kullanıyorsanız, yine de iFrame üretmek. Bunu Metin görünümünde yapılması gerekir.
Klasik düzen görsel ve metin görünümü arasında geçiş yapmak iFrame koduyla ilgili sorunlara neden olabilir.
2. iFrame’i Gömmek için iFrame WordPress Eklentisini Kullanma
Bu yöntemde, herhangi bir içerik yerleştirmek için bir iframe oluşturmanıza olanak sağladığından, bu kaynak bir yerleştirme kodu sağlamasa bile kullanışlıdır.
Öncelikle, iFrame eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla detay için, bir WordPress eklentisinin nasıl kurulacağına dair adım kılavuzumuza bakın.
Etkinleştirmenin ardından, eklenti kurulum gerektirmeden hemen başlayacaktır. Devam edin ve bir gönderi veya sayfa düzenleyin veya oluşturun. Ardından, bir kısa kod bloğu ekleyin.
Bundan sonra, iFrame kodunuzu girmek için bu kısa kodu kullanabilirsiniz.
[iframe src="URL goes here"]
Buraya yerleştirmek istediğiniz içeriğin URL’sini koymanız yeterli. Bir Google bozuyor.
İpucu: İçeriğin doğrudan URL’sini almak için Göm tedavisi yapılabilir. Gömme kodunun geri kalanını değil, “ URL’yi araştırılmalıdır.
Ardından, yayınınızı önizleyin veya yayınlayın. Sitenize gömülü Google bilmeniz gerekir.
Yerleşik içeriğin nasıl görüntülendiğini değiştirmek için isteğe bağlı olarak iFrame kısa koduna parametreleri. Kullanarak, istediğinizi ve bir çubuğu veya kenarlık ekleyebilir veya kaldırabilirsiniz. Ayrıntıları iFrame eklentisinin yararlı bulabilirsiniz.
İpucu: Klasik düzeniyi kullanıyorsanız, kısa kodu yayınınıza veya sayfanıza yapıştırmanız yeterlidir. Metin görünümüne geçmenize gerek yoktur.
3. iFrame Kodunu Manuel Olarak Oluşturma ve WordPress’e Gömme
Bir iFrame eklentisi kullanmamayı tercih ederseniz, iFrame kodunu manuel olarak oluşturabilirsiniz. Bunu yapmak için, WordPress içerik düzenleyicisine bir HTML bloğu eklemeniz gerekir.
Öncelikle, bu kodu HTML bloğunuza yapıştırmanız gerekir.
<iframe src="URL goes here"></iframe>
Gömmek istediğiniz içeriğin doğrudan URL’sini “URL” ile geri gelecek “ile cevabı yeterlidir. Yalnızca URL’nin ihtiyacınız için var.
Burada, Google’dan bir harita yerleştiriyoruz.
HTML etiketine fazladan parametreeler Hızlı. Örneğin, iFrame’inizin genişliğini ve yüksek boyunu. 600 piksel genişliğinde ve 300 piksel yüksekliğinde gömülü içeriği gelir.
<iframe src="URL goes here" width="600" height="300"></iframe>
Bu, gömülü içerik daha küçük bir alanla sınırlamanız düzeltir.
Bu makalenin, iFrame kodunu WordPress’e nasıl yerleştireceğinizi öğrenmenize yardımcı umuyoruz. Ayrıca, WordPress sitenizi nasıl hızlandıracağınızla ilgili nihai kılavuzumuza ve SEO sıralaması iyileştirmek için en iyi anahtar kelime araştırma araçlarını karşılaştırmamıza göz atmak isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook’ta bulabilirsiniz.