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 kodunu WordPress'e kolayca gömme

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çeriğini 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.

Bir web sitesine içerik ekleyen çizgi film insanlarının resmi

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 yalnızca diğer HTTPS sitelerindeki içerik için 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.

Bu da ilginizi çekebilir  Evde Kalan Ebeveynler için 7 Özgeçmiş İpuçları

Ö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. kullanmanızı öneririz Balon Parçalamakeklentileri. 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.

Seçtiğiniz YouTube videosu için Paylaş düğmesini tıklamak

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.

YouTube yerleştirme kodunu almak için Yerleştir düğmesini tıklamak

Ş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.

YouTube videosu için yerleştirme kodunu kopyalama

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 şuraya gidin: Sayfalar » Yeni Ekle WordPress kontrol panelinizde.

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

WordPress'e özel bir HTML bloğu ekleme

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

YouTube HTML kodunu iFrame bloğuna yapıştırma

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

Gömülü videoyu web sitenizde canlı olarak görüntüleme

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

YouTube iFrame kodunu klasik düzenleyiciye ekleme

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.

Bu da ilginizi çekebilir  Nasıl harika bir ev sahibi olunur (Ignite'ta)

İlk olarak, yüklemeniz ve etkinleştirmeniz gerekir. iFrame Eklenti. 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.

Blok düzenleyiciye bir kısa kod bloğu ekleme

Bundan sonra, iFrame kodunuzu girmek için bu kısa kodu kullanabilirsiniz.

[iframe src="URL goes here"]

Basitçe değiştirin URL buraya gelir sitenize yerleştirmek istediğiniz içeriğin URL’si ile. 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.

Google haritasını gömmek için kısa kod

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

Web sitesine yerleştirilmiş Google haritası

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ı adresinde bulabilirsiniz. iFrame eklentisi sayfası.

İ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.

Klasik düzenleyicide kısa kod ekleme

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.

Özel bir HTML bloğu ekleme

İ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.

Google haritası için iFrame kodunu girme

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 da ilginizi çekebilir  PARAYI SEVMEK - Parayı Neden Sevmelisiniz?

Belirli bir yükseklik ve genişliğe sahip sitedeki Google haritası

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 abone olun Youtube kanalı WordPress video eğitimleri için. Bizi de bulabilirsiniz heyecan ve Facebook.





Kaynak

Teşekkürler Bunu zaten beğendin
Yorum yok