Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

Bir WordPress gönderisine veya sayfasına iFrame kodu yerleştirmek mi istiyorsunuz?

iFrame’ler, video veya diğer içerikleri yüklemeden sitenizde göstermenin kolay bir yoludur. YouTube gibi birçok üçüncü taraf platformu, web sitenize yapıştırabileceğiniz iFrame kodu sağlar.

Bu makalede, iFrame kodunu WordPress’e nasıl kolayca yerleştireceğinizi göstereceğiz.

Easily embedding iFrame code in WordPress

iFrame Nedir?

Bir iFrame (satır içi çerçevenin kısaltması), videoyu gerçekten barındırmak zorunda kalmadan sitenize video veya diğer içerikleri yerleştirmenizi sağlar. Bu size bant genişliği ve depolama alanı tasarrufu sağlayabilir, bu nedenle bir videoyu asla doğrudan WordPress’e yüklememelisiniz.

WordPress hızınızı ve performansınızı artırmanın yanı sıra, orijinal içerik değiştiğinde iFrame otomatik olarak güncellenecektir. 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 de telif hakkını ihlal etmez, bu nedenle sizi davalara karşı korumaya yardımcı olabilir.

Bunu söyledikten sonra, iFrame kodunu WordPress’e nasıl kolayca yerleştirebileceğinizi görelim. Doğrudan kullanmak istediğiniz yönteme geçmek için hızlı bağlantıları kullanmanız yeterlidir:

Yöntem 1: WordPress’te Kaynak Kodunu Kullanarak 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 ‘Göm’ seçeneğine sahiptir.

Web sitesinde ‘Paylaşım’ veya ‘Yerleştirme’ ayarları varsa, bu genellikle içerik yerleştirmenin en hızlı ve en kolay yoludur.

Tam adımlar platforma bağlı olarak değişecektir, ancak ö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.

Clicking the Share button for your chosen YouTube video

Bundan sonra, farklı paylaşım seçenekleri içeren bir açılır pencere göreceksiniz.

Basitçe devam edin ve ‘Yerleştir’ düğmesine tıklayın.

Clicking the Embed button to get the YouTube embed code

YouTube şimdi size iFrame kodunu gösterecektir.

YouTube varsayılan olarak ‘Oynatıcı kontrollerini göster’ kutusunu işaretleyecektir, ancak gizliliği artırılmış modu etkinleştirmenizi de öneririz. Bu mod, ziyaretçilerin YouTube’daki tarama deneyimlerini etkilemeden WordPress web sitenizdeki gömülü içeriği izlemelerine olanak tanır.

Bundan sonra, devam edin ve ‘Kopyala’ düğmesine tıklayın.

Adding a YouTube video to your WordPress website

Artık bu kodu sitenizdeki herhangi bir yazıya veya sayfaya yapıştırabilirsiniz. Bu kılavuzda, WordPress blok düzenleyicisinde yeni bir sayfaya ekleyeceğiz.

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

Adding a custom HTML block in WordPress

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.

Pasting the YouTube HTML code into the iFrame block

Artık YouTube videosunu WordPress blogunuzda canlı olarak görmek için sayfanızı yayınlayabilirsiniz.

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

Her üçüncü taraf web sitesi hazır bir gömme kodu sağlamaz. Herhangi bir ‘Paylaş’ veya ‘Göm’ ayarı bulamazsanız, iFrame eklentisini kullanarak kendi iFrame kodunuzu kolayca oluşturabilirsiniz.

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

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

Adding a shortcode block in the block editor

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

[iframe src="URL goes here"]

‘URL buraya gider’ ifadesini sitenize yerleştirmek istediğiniz içeriğin URL’si ile değiştirmeniz yeterlidir.

Örnek olarak, WordPress’e bir Google Haritası ekleyelim, çünkü bu, mağazalar, restoranlar ve diğer mekanların iletişim formlarına yol tarifi eklemeleri için kolay bir yoldur.

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

The shortcode to embed a Google map

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

Şimdi web sitenize yerleştirilmiş içeriği görmelisiniz.

An embedded Google Map, on a WordPress website

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

Yöntem 3: WordPress’te iFrame Kodunu Manuel Olarak Oluşturun (Eklenti Gerekmez)

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

Easily embedding iframe code in WordPress

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

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

‘URL buraya gider’ ifadesini yerleştirmek istediğiniz içeriğin doğrudan URL’si ile değiştirmeniz yeterlidir.

Burada bir Google Haritası yerleştiriyoruz:

Entering the iFrame code for the Google map

İçeriğin web sitenizde nasıl görüneceğini değiştirmek için ekstra 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>

Gömülü içeriği daha küçük bir alanda göstermeniz gerekiyorsa bu kullanışlıdır. Örneğin, WordPress web sitenizin mobil sürümünü test ettikten sonra içeriği yeniden boyutlandırmak isteyebilirsiniz.

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

Bazı iFrame Alternatifleri Nelerdir?

iFrame kullanmanın bazı dezavantajları vardır.

Tüm web siteleri içeriklerini bir iFrame içine koymanıza izin vermez ve mevcut alanda iyi görünmesi için içeriği manuel olarak ayarlamanız gerekebilir.

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

WordPress gibi birçok platformun oEmbed’i tercih etmesinin nedeni budur.

Genellikle, WordPress yazısına 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ıracak, böylece masaüstünde, 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 desteklemiyor. Bu konuyla ilgili daha fazla bilgi için WordPress’te Facebook ve oEmbed sorununu nasıl çözeceğinize ilişkin 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.

An example of an Instagram feed, created using Smash Balloon

Smash Balloon ile sosyal medya beslemeleri eklemeye ilişkin bazı eğitimleri burada bulabilirsiniz:

Umarız bu makale iFrame kodunu WordPress’e nasıl kolayca yerleştireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress yazılarında ve sayfalarında PHP’ye nasıl izin ver eceğinize ilişkin kılavuzumuza göz atmak ve WordPress için en iyi YouTube galeri eklentileri için uzman seçimlerimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

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

Reader Interactions

7 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. M. Faisal. says

    thanks for your article of how to easily embed iframe code in wordpress.

    Now i am trying to embed iframe code in wordpress for google map.

    i am success it for solving this problem.

    Thanks and regards.

  3. Kathleen says

    Thanks for this. When embedding a YouTube video, how can I add a title to the iframe for screen readers, for accessibilty purposes?

    • WPBeginner Support says

      You would need to check with the support for the iframe you’re trying to embed for title options available.

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.