WordPress'e iFrame Kodu Nasıl Kolayca Gömülür (3 Yöntem)

Bir WordPress gönderisine veya sayfasına bir iFrame kodu yerleştirmek ister misiniz?

IFrame'ler, video veya diğer içerikleri sitenize yüklemeden yerleştirmenin kolay bir yolunu sağlar. YouTube gibi birçok üçüncü taraf platform, kullanıcıların web sitelerinden içerik yerleştirmek için iframe kullanmasına izin verir.

Bu makalede, birden çok yöntem kullanarak iFrame kodunu WordPress'e nasıl kolayca gömeceğinizi göstereceğiz.

iFrame nedir?

Bir iFrame, sitenize videolar veya başka içerikler yerleştirmenize olanak tanır. Bu, sitenizde bir videoyu o videoyu barındırmadan görüntüleyebileceğiniz anlamına gelir.

iframe, sitenizde harici içeriği görüntülemek için bir pencere açmak gibidir. Asıl içerik, gömmekte olduğunuz kaynaktan yüklenmeye devam eder.

Bir iframe eklemek için özel bir HTML kodu eklemeniz gerekir. Kulağa oldukça teknik geliyorsa endişelenmeyin.

WordPress blogunuza bir iFrame yerleştirmenin en kolay yolunu göstereceğiz.

Neden iFrame'leri Kullanmalı?

iFrame'leri kullanmanın önemli bir nedeni, sitenizde bant genişliğinizi ve depolama alanınızı tüketecek video veya diğer kaynakları barındırmaktan kaçınmaktır.

Ayrıca, iFrame'ler başkalarının telif hakkıyla korunan içeriklerini ihlal etmekten kaçınmanıza izin verir. Videolarını veya diğer içerikleri indirip sitenize yüklemek yerine, bir iFrame kullanarak sayfanıza eklemeniz yeterlidir.

Diğer bir avantaj ise, orijinal içerik değiştirilirse, iFrame'de de otomatik olarak güncellenmesidir.

iFrame'leri 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.

Başka bir sorun, HTTPS sitelerinin diğer HTTPS sitelerinden içerik için yalnızca iFrame'leri kullanabilmesidir. Benzer şekilde, HTTP siteleri diğer HTTP sitelerinden içerik için yalnızca iFrame'leri kullanabilir.

Bu nedenle WordPress gibi birçok platform oEmbed'i tercih ediyor. WordPress yayınınıza bir URL yapıştırarak videoları ve diğer bazı içerik türlerini gömmek için oEmbed'i 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 hakkındaki kılavuzumuza göz atın.

iFrame'lere bir başka harika alternatif, bir sosyal besleme eklentisi kullanmaktır. Smash Balloon'un eklentilerini kullanmanızı öneririz. Bunlar, Facebook, Instagram, Twitter ve YouTube'dan içerik görüntülemenizi sağlar.

Bunu söyledikten sonra, sitenize iFrame eklemenin üç farklı yoluna bir göz atalım.

1. WordPress'e iFrame Eklemek için Kaynağın Yerleştirme Kodunu kullanın

Birçok büyük sitenin içeriği 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 altındaki Paylaş düğmesini tıklayarak alabilirsiniz.

Ardından, birkaç paylaşım seçeneği içeren bir açılır pencere göreceksiniz. Göm düğmesine tıklamanız yeterlidir.

Şimdi YouTube size iFrame kodunu gösterecek. Varsayılan olarak YouTube, oynatıcı kontrollerini içerecektir. Ayrıca, gizliliği artırılmış modu etkinleştirmenizi öneririz.

Bundan sonra devam edin ve kodu kopyalamak için Kopyala düğmesine tıklayın.

Artık bu kodu sitenizdeki herhangi bir gönderiye veya sayfaya yapıştırabilirsiniz. Bunu blok düzenleyicide yeni bir sayfaya ekleyeceğiz.

Yeni bir sayfa oluşturmak için WordPress kontrol panelinizde Sayfalar » Yeni Ekle'ye gidin.

Ardından sayfanıza bir HTML bloğu ekleyin.

Şimdi YouTube iFrame kodunu bu bloğa yapıştırmanız gerekiyor.

Ardından, oraya yerleştirilmiş YouTube videosunu görmek için sayfanızı önizleyebilir veya yayınlayabilirsiniz.

İpucu: Eski klasik düzenleyiciyi kullanıyorsanız yine de iFrame kodu ekleyebilirsiniz. Bunu Metin görünümünde yapmanız gerekir.

Klasik Düzenleyici'de görsel ve metin görünümü arasında geçiş yapmak, iFrame kodunda sorunlara neden olabilir.

2. iFrame Gömmek için iFrame WordPress Eklentisini Kullanma

Bu yöntem, herhangi bir kaynaktan içerik yerleştirmek için bir iframe oluşturmanıza izin verdiği için yararlıdır, bu kaynak bir yerleştirme kodu sağlamasa bile.

İlk olarak, iFrame eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Aktivasyon üzerine, eklenti kurulum gerektirmeden hemen çalışmaya 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 gelen URL'yi sitenize yerleştirmek istediğiniz içeriğin URL'si ile değiştirmeniz yeterlidir. Bir Google haritası yerleştiriyoruz.

İpucu: İçeriğin doğrudan URL'sini almak için Göm seçeneğini kullanmanız gerekebilir. Yerleştirme kodunun geri kalanını değil, yalnızca URL'yi kullanmanız gerekir.

Ardından, yayınınızı önizleyin veya yayınlayın. Sitenize gömülü Google haritasını görmelisiniz.

Gömülü içeriğin görüntülenme şeklini değiştirmek için isteğe bağlı olarak iFrame kısa koduna parametreler ekleyebilirsiniz. Örneğin, genişliği ve yüksekliği ayarlayabilir ve bir kaydırma çubuğu veya kenarlık ekleyebilir veya kaldırabilirsiniz. Ayrıntıları iFrame eklentisinin sayfasında bulabilirsiniz.

İpucu: Klasik düzenleyiciyi kullanıyorsanız kısa kodu gönderinize veya sayfanıza yapıştırmanız yeterlidir. Metin görünümüne geçmeniz gerekmez.

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.

İlk olarak, bu kodu HTML bloğunuza yapıştırmanız gerekir.

<iframe src="URL goes here"></iframe>

Yerleştirmek istediğiniz içeriğin doğrudan URL'si ile "URL buraya gider" ifadesini değiştirmeniz yeterlidir. Yalnızca URL'nin kendisine ihtiyacınız var.

Burada, Google'dan bir harita yerleştiriyoruz.

HTML etiketine ekstra parametreler ekleyebilirsiniz. Örneğin, iFrame'inizin genişliğini ve yüksekliğini ayarlayabilirsiniz. Aşağıdaki kod, gömülü içeriğinizin 600 piksel genişliğinde ve 300 piksel yüksekliğinde görüntüleneceği anlamına gelir.

<iframe src="URL goes here" width="600" height="300"></iframe>

Bu, gömülü içeriği daha küçük bir alanla sınırlamanız gerektiğinde kullanışlıdır.

Bu makalenin, iFrame kodunu WordPress'e nasıl kolayca gömeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, WordPress sitenizi nasıl hızlandıracağınıza dair nihai kılavuzumuza ve SEO sıralamalarınızı iyileştirmek için en iyi anahtar kelime araştırma araçlarını karşılaştırmamıza da 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 da bulabilirsiniz.