En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

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

Web siteleri oluştururken, harici kaynaklardan gelen içeriği kendimiz barındırmadan görüntüleme ihtiyacıyla sık sık karşılaşırız. İşte iFrame'lerin parladığı yer burasıdır.

Bir video, harita veya üçüncü taraf bir uygulama yerleştiriyor olun, iFrame'ler harici içeriği WordPress sitenize sorunsuz bir şekilde entegre etmenin bir yolunu sunar.

Bu makalede, WordPress gönderilerine veya sayfalarına iFrame kodu eklemenin üç kolay yöntemini size anlatacağız. Hazır yerleştirme kodları kullanmaktan kendi iFrame'lerinizi manuel olarak oluşturmaya kadar her şeyi ele alıyoruz. 

WordPress'e kolayca iFrame kodu gömme

iFrame Nedir?

Bir iFrame (satır içi çerçeve kısaltması), bu videoyu barındırmadan videoları veya diğer içerikleri sitenize yerleştirmenize olanak tanır. Bu, bant genişliğinden ve depolama alanından tasarruf etmenizi sağlar, bu nedenle bir videoyu doğrudan WordPress'e asla yüklememelisiniz.

WordPress hızınızı ve performansınızı iyileştirmeye ek olarak, iFrame orijinal içerik değişirse otomatik olarak güncellenir. Bu, ziyaretçilerin her zaman içeriğin en son sürümünü göreceği anlamına gelir.

Telif hakkıyla korunan içeriği bir iFrame aracılığıyla yerleştirmek telif hakkını ihlal etmez, bu nedenle sizi davalardan korumaya yardımcı olabilir.

Bununla birlikte, iFrame kodunu WordPress'e nasıl kolayca yerleştirebileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için hızlı bağlantıları kullanmanız yeterlidir:

Yöntem 1: Kaynağın Kodunu Kullanarak WordPress iFrame Gömme (Hızlı ve Kolay)

Birçok büyük video barındırma sitesi, sitenize eklemeniz gereken iFrame koduna erişmenizi sağlayan bir 'Yerleştir' seçeneğine sahiptir.

Web sitesinin herhangi bir 'Paylaşım' veya 'Gömme' ayarı varsa, bu genellikle içeriği gömmenin en hızlı ve en kolay yoludur.

Kesin adımlar platforma göre değişiklik gösterecektir, ancak bir örnek olarak YouTube'a bakalım. YouTube videolarını WordPress'e yerleştirmek için kullanmak istediğiniz videonun altındaki 'Paylaş' düğmesine tıklamanız yeterlidir.

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

Bundan sonra, farklı paylaşım seçeneklerinin olduğu 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üğmesine tıklama

YouTube şimdi size iFrame kodunu gösterecektir.

Varsayılan olarak YouTube, 'Oynatıcı denetimlerini göster' kutusunu işaretleyecektir, ancak gizlilikle geliştirilmiş modu etkinleştirmenizi de öneririz. Bu mod, ziyaretçilerin yerleştirilen içeriği WordPress web sitenizde YouTube'daki gezinme deneyimlerini etkilemeden izlemelerine olanak tanır.

Bundan sonra, 'Kopyala' düğmesine tıklayın.

WordPress web sitenize bir YouTube videosu ekleme

Artık sayfanızı yayınlayarak YouTube videosunu WordPress blogunuzda canlı olarak görebilirsiniz.

Sayfayı açın ve ardından ‘+’ düğmesine tıklayın. Açılan açılır pencerede, özel HTML bloğunu bulmak için ‘HTML’ yazmaya başlayın.

WordPress'te özel bir HTML bloğu ekleme

Doğru blok göründüğünde, sayfanıza eklemek için tıklayın.

Ardından, YouTube iFrame kodunu bloğa yapıştırmanız yeterlidir.

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

Her üçüncü taraf web sitesi hazır bir yerleştirme kodu sağlamaz. 'Paylaş' veya 'Yerleştir' ayarları bulamazsanız, iFrame eklentisini kullanarak kendi iFrame kodunuzu kolayca oluşturabilirsiniz.

Yöntem 2: WordPress iFrame Eklentisi ile Yerleştirme (Tüm Web Siteleriyle Çalışır)

Öncelikle iFrame eklentisini yükleyip 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.

Etkinleştirildikten sonra, eklenti kurulum gerektirmeden hemen çalışmaya başlayacaktır. İçerik yerleştirmek istediğiniz sayfaya veya gönderiye gidin ve bir Kısa Kod bloğu ekleyin.

Örnek olarak, mağazalar, restoranlar ve diğer mekanlar için iletişim formlarına yol tarifi eklemenin kolay bir yolu olduğu için Google Haritalar'ı WordPress'e ekleyelim.

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

Bundan sonra, aşağıdaki kısa kodu ekleyin:

[iframe src="URL goes here"]

Sadece 'URL buraya' kısmını, sitenizde gömmek istediğiniz içeriğin URL'si ile değiştirin.

Kullanılabilir tüm parametreleri görmek için iFrame eklenti sayfasına göz atabilirsiniz.

İpucu: Kaynağa bağlı olarak, içeriğin doğrudan, yerleştirilebilir URL'sini görmek için 'Paylaş' veya benzeri bir ayara tıklamanız gerekebilir.

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

Bundan sonra, gönderiyi önizleyin veya yayınlayın.

İçeriğin web sitenizde yerleşik olarak göründüğünü şimdi görmelisiniz.

WordPress web sitesinde yerleşik bir Google Haritası

Özel bir WordPress eklentisi kullanmak istemiyorsanız, iFrame kodunu manuel olarak oluşturabilirsiniz. Bunu yapmak için, sayfayı veya gönderiyi açmanız ve ardından WordPress içerik düzenleyicisinde bir HTML bloğu eklemeniz gerekir.

Yöntem 3: WordPress'te iFrame'leri Manuel Olarak Yerleştirme (Eklenti Gerekmez)

Bu, yerleştirilen içeriği daha küçük bir alanda göstermeniz gerektiğinde kullanışlıdır. Örneğin, WordPress web sitenizin mobil sürümünü test ettikten sonra içeriğin boyutunu değiştirmek isteyebilirsiniz.

WordPress'e kolayca iframe kodu gömme

İlk olarak, aşağıdaki kodu HTML bloğunuza yapıştırın:

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

'URL buraya' kısmını, eklemek istediğiniz içeriğin doğrudan URL'si ile değiştirmeniz yeterlidir.

Burada bir Google Haritası gömüyoruz:

Google haritası için iFrame kodunu girme

İçeriğin web sitenizde nasıl görüneceğini değiştirmek için ek parametreler ekleyebilirsiniz. Örneğin, genişliği 600 piksel ve yüksekliği 200 piksel olarak ayarlıyoruz:

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

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

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

iFrame Alternatifleri Nelerdir?

iFrame yerleştirmenin bazı dezavantajları vardır.

Tüm web siteleri içeriklerini bir iFrame'e koymanıza izin vermez ve içeriği mevcut alana iyi görünecek şekilde ayarlamak için içeriği manuel olarak ayarlamanız gerekebilir.

Bu, yerleştirilen içeriği daha küçük bir alanda göstermeniz gerektiğinde kullanışlıdır. Örneğin, WordPress web sitenizin mobil sürümünü test ettikten sonra içeriğin boyutunu değiştirmek isteyebilirsiniz.

Bu nedenle WordPress gibi birçok platform oEmbed'i tercih eder.

Genellikle, WordPress gönderisine bir URL yapıştırarak videoları ve diğer içerikleri yerleştirmek için oEmbed'i kullanabilirsiniz. WordPress, oEmbed'i mevcut alana sığacak şekilde otomatik olarak yeniden boyutlandıracaktır, bu nedenle masaüstü bilgisayarlarda, akıllı telefonlarda ve tabletlerde her zaman mükemmel görünecektir.

Önemli: WordPress artık varsayılan olarak Facebook ve Instagram gönderileri için oEmbed'i desteklememektedir. Bu konu hakkında daha fazla bilgi için, WordPress'te Facebook ve oEmbed sorununu nasıl düzelteceğinize dair tam kılavuzumuza göz atın.

Web sitenizde sosyal akışları göstermek istiyorsanız, iFrame'ler yerine bir sosyal medya eklentisi kullanmanızı öneririz.

Örneğin, Smash Balloon, Facebook, Instagram, Twitter ve YouTube'dan içerik yerleştirmeyi kolaylaştırır.

Smash Balloon kullanılarak oluşturulmuş bir Instagram akışının örneği

Smash Balloon ile sosyal medya akışları ekleme hakkında bazı öğreticiler:.

Umarız bu makale, WordPress'e nasıl kolayca iFrame ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca, WordPress'e SoundCloud yerleştirme ve WordPress'te yerleştirmeleri devre dışı bırakma kılavuzlarımı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 ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıkladığınızda bir komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

8 CommentsLeave a Reply

  1. Farklı bir kaynaktan bir siteyi görüntülerken CORS hatası alma ihtimali var mı?

    • Bu mümkün olsa da, bir CORS hatası doğrudan WordPress sitenizle ilgili bir şeyden değil, bir sunucu ayarından kaynaklanacaktır.

      Yönetici

  2. wordpress'e kolayca iframe kodu gömme hakkındaki makaleniz için teşekkürler.

    Şimdi google haritası için wordpress'e iframe kodu yerleştirmeye çalışıyorum.

    Bu sorunu çözmek için başardım.

    Teşekkürler ve saygılar.

  3. Bunun için teşekkürler. Bir YouTube videosunu gömerken, ekran okuyucular için erişilebilirlik amacıyla iframe'e bir başlık nasıl ekleyebilirim?

    • Gömme çalıştığınız iframe'in destek ekibiyle, mevcut başlık seçenekleri için görüşmeniz gerekir.

      Yönetici

Leave A Reply

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.