WordPress’e iFrame Kodunu Kolayca Yerleştirme (3 Yöntem)

750 425 KreatifAjans

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.

Easily embedding iFrame code in WordPress

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

An image of cartoon people adding content to a website

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

Clicking the Share button for your chosen YouTube video

Ardından, birkaç paylaşımın bulunduğu bir açılır pencere göreceksiniz. Katıştır indirmek yeterlidir.

Clicking the Embed button to get the YouTube embed code

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

Copying the embed code for the YouTube video

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

Adding a custom HTML block to WordPress

Simdi, YouTube iFrame kodunu bu bloğa yapıştırmanız gerekiyor.

Pasting the YouTube HTML code into the iFrame block

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

Viewing the embedded video live on your website

İpucu: Eski klasik düzeniyi kullanıyorsanız, yine de iFrame üretmek. Bunu Metin görünümünde yapılması gerekir.

Adding the YouTube iFrame code in the classic editor

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.

Adding a shortcode block in the block editor

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.

The shortcode to embed a Google map

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

The Google map embedded on the website

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.

Adding the shortcode in the classic editor

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.

Adding a custom HTML block

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

Entering the iFrame code for the Google map

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.

The Google map on the site with a set height and width

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.

Cevap bırakın