Iframe Kodunu WordPress’e Gömme

İçerik paylaşımının, insanların markanızla etkileşime geçmesini ve potansiyel müşterilerle sağlam bir ilişki kurmasını sağlamanın en iyi yollarından biri olduğu bir sır değil. Aslında, web sitesi sahipleri bunu oldukça sık yapıyor – YouTube veya TikTok gibi platformlardan videolar ekleyin, sosyal medya gönderilerini görüntüleyin, hatta işleriyle ilgiliyse tüm bir grup akışını ekleyin. Bu durum online görünürlüğünüzü artırmanıza ve markanızı tanıtmanıza yardımcı olabilecek sosyal medya ve içerik pazarlamasındaki en iyi stratejilerden biri olarak kabul edilir.

Bununla birlikte sitenizde size ait olmayan bir içeriği paylaşmayı planlıyorsanız, bunu yapmanın en güvenli yolunu bulmak isteyeceksiniz. Şans eseri, bu tam olarak iframe’lerin devreye girebileceği yerdir.

Bu sefer, iframe’ler hakkında konuşacağız ve WordPress sitenizdeki diğer platformlardaki içeriği sorunsuz bir şekilde paylaşmak için bunları nasıl kullanacağınızı göstereceğiz, bu yüzden okumaya devam ettiğinizden emin olun:

  • Iframe Nedir ve Neden Yararlıdır?

  • Gömme Kodunu Kullanarak WordPress’e Iframe Ekleme

  • Iframe’i WordPress Eklentisiyle Gömme

  • Iframe’leri WordPress’e Manuel Olarak Gömme

Iframe Nedir ve Neden Yararlıdır?

Basitçe ifade etmek gerekirse, iframe, farklı içerik türlerini (videolar, sosyal medya gönderileri, haritalar vb.) belirli bir HTML kodunu kullanarak doğrudan sitenize yerleştirmenin bir yoludur – hiçbirini kendiniz barındırmanıza gerek kalmadan. Bu durum sitenizdeki bu içeriği harici bir kaynaktan, kendi depolama alanınızı kullanmak veya bant genişliğinizi zorlamak zorunda kalmadan kullanabileceğiniz anlamına gelir. iframe’leri kullanmanın harika olmasının bir başka nedeni de, telif hakkıyla ilgili olası sorunlarla karşılaşmanızı önlemenize yardımcı olabilmeleridir. Ayrıca bu şekilde paylaştığınız içerikler ileride değişirse sitenizde otomatik olarak güncellenecektir.

Bununla birlikte bu yöntemi kullanmanın bazı dezavantajları olduğunu da bilmelisiniz. Başlangıçta tüm web sitelerinin iframe kullanmanıza izin vermemesinin yanı sıra, HTTPS web sitelerinin yalnızca diğer HTTPS web sitelerinden iframe kullanmanıza izin vermesi sorunu da vardır. Aynı kurallar HTTP tabanlı siteler için de geçerlidir – bir HTTP siteniz varsa, yalnızca başka bir HTTP sitesinden iframe’leri gömebilirsiniz. Bu yüzden bu yöntemi kullanmayı planlıyorsanız, bunları aklınızda bulundurmalısınız.

Şimdi sitenize iframe eklemek için belirli bir HTML kodu kullanmanız gerektiğinden bahsetmiştik. Bununla birlikte sürecin kendisi göründüğü kadar karmaşık olmadığı için endişelenmeyin. İşte WordPress sitenize iframe ekleyebileceğiniz üç farklı yol.

Gömme Kodunu Kullanarak WordPress’e Iframe Ekleme

Sitenize iframe eklemek için gömme seçeneğini kullanmanıza izin veren birçok online yer vardır. Harika bir örnek YouTube’dur, bu yüzden bu popüler video paylaşım platformunu kullanarak gerekli yerleştirme kodunu nasıl edinebileceğinizi göstereceğiz.

Yerleştirme kodunu bulmak için, paylaşmak istediğiniz bir YouTube videosuna erişmeniz ve Paylaş düğmesini (videonun hemen altında bulunur) tıklamanız yeterlidir.

Paylaş butonu

Yeni bir ekran açıldıktan sonra Embed adlı seçeneği görebileceksiniz. Videonuzun embed kodunu almak için üzerine tıklamalısınız.

Videoyu Göm

Bunu yaptığınızda, iki farklı seçeneği işaretleyebileceğinizi göreceksiniz: Oyuncu kontrollerini göster ve Gizliliği artırılmış modu etkinleştir. Her ikisini de etkinleştirmenizi öneririz (ilki varsayılan olarak zaten etkinleştirilmiş olmalıdır).

Yerleştirme Seçenekleri

Son olarak Kopyala düğmesine tıklayabilirsiniz.

Gömülü Kodu Kopyala

Daha sonra devam edip kodu sayfanızda veya gönderinizde istediğiniz yere yapıştırabilirsiniz.

Gutenberg blok düzenleyicisini kullanarak iframe kodunuzu gömmek için, istediğiniz sayfaya erişin veya web sitenizin arka ucunda yayın yapın (veya yeni bir tane oluşturmak için Sayfalar/Gönderiler >> Yeni Ekle’ye gidin). Daha sonra (+) simgesine tıklayın ve bir Özel HTML bloğu bulun.

HTML Bloğu Ekle

Bu bloğu editörünüzde istediğiniz alana ekledikten sonra, YouTube iframe kodunuzu HTML bloğuna yapıştırmanız yeterlidir.

Gömme Kodunu Yapıştır

Değişikliklerinizi kaydedin/güncelleyin ve ardından gömülü videonuzun sayfanızda/yazınızda nasıl göründüğünü görmek için sitenizin ön ucuna gidin.

Gömülü Videoyu Canlı Önizleme

Bunu Klasik düzenleyicide yapmak için önce düzenleyicide Metin moduna geçmeniz gerekir.

Metin Düzenleme Modu

Daha sonra kodunuzu buraya yapıştırın, sayfanızı veya gönderinizi kaydedin veya Güncelleyin/Yayımlayın ve bitirdiniz.

Tıpkı YouTube gibi, diğer birçok popüler online platform (birkaç isim vermek gerekirse Facebook, Twitter ve Instagram gibi) bir iframe kodu yerleştirme seçeneği sunar. Sitenizde paylaşmak istediğiniz belirli gönderiye gitmeniz ve ayarlarında gömme seçeneğini bulmanız yeterlidir.

Iframe’i WordPress Eklentisiyle Gömme

İframe kodunuzu gömmek için iframe adlı bir WordPress eklentisi kullanırsanız, eklentinin kısa kodunu kullanarak her türlü içeriği paylaşabileceksiniz.

iframe

Eklentiyi kurduktan ve etkinleştirdikten sonra, herhangi bir ek kurulum gerektirmediği için eklentiyi hemen kullanabileceksiniz. Böylece, sayfanıza veya gönderinize kolayca erişebilir ve bir Kısa Kod bloğu bulup ekleyebilirsiniz.

Kısa Kod Bloğu Ekle

Bloğunuza aşağıdaki kısa kodu ekleyebilirsiniz:

[iframe src="https://qodeinteractive.com/magazine/how-to-embed-iframe-code-in-wordpress/Your-URL"]

Daha sonra yerleştirme kodunuzu kopyalayıp kısa kodun içine yapıştırmanız yeterlidir.

Tüm iframe kodunu girmeniz gerekmediğini unutmamalıyız. Bunun yerine, katıştırılmış kodun içinden sayfa URL’sini kullanabilirsiniz.

Kısa Kodu Yapıştır

Bundan sonra devam edebilir ve içeriğinizin canlı görünme şeklini önizleyebilirsiniz.

Kısa Kod Canlı Önizleme

Bu eklentiyle iframe kodunuzu eklemek için Klasik düzenleyiciyi kullanmak isterseniz, kısa kodunuzu URL ile birlikte doğrudan sayfanıza/gönderinize yapıştırabilirsiniz (Metin görünümünü kullanmak zorunda kalmadan):

Kısa Kod Klasik Düzenleyiciyi Yapıştır

Bu kısa koda, katıştırılmış içeriğin sayfanızda/yazınızda gösterilme şeklini daha da özelleştirmenize olanak sağlayacak farklı parametreler ekleme seçenekleri de vardır. Bu durum içeriğin yüksekliğini ve genişliğini ayarlamayı, kaydırma çubuğuyla veya kaydırma çubuğu olmadan görüntülemeyi ve çok daha fazlasını içerir (eklenti sayfasındaki tüm farklı parametrelere göz atabilirsiniz).

Iframe’leri WordPress’e Manuel Olarak Gömme

Bir eklenti kullanmak istemiyorsanız iframe kodunuzu her zaman manuel olarak oluşturabilirsiniz. Bir kez daha, editörünüzde bir HTML bloğu bulmalı ve onu sayfanızda/yazınızda istediğiniz herhangi bir alana eklemelisiniz.

HTML Bloğu

Daha sonra aşağıdaki kodu bloğa eklemelisiniz:

<iframe src="https://qodeinteractive.com/magazine/how-to-embed-iframe-code-in-wordpress/Your-URL"></iframe>

Bundan sonra, devam edin ve URL’niz bölümünü sayfanıza/gönderinize eklemek istediğiniz doğrudan URL ile değiştirin (bir kez daha, tüm yerleştirme kodunu kullanmanız gerekmez, yalnızca URL’nin kendisini kullanmanız gerekir).

iframe'i yapıştır

Metin modunu kullanarak Klasik düzenleyicide iframe kodunuzu da oluşturabilirsiniz:

iframe Metin Düzenleyicisini Yapıştır

Son olarak HTML etiketinize genişlik ve yüksekliği ayarlamak, içeriğinizin tam ekranda görüntülenmesine izin vermek gibi bazı ek parametreler de ekleyebilirsiniz.

Tam ekran görünümü etkinleştirildiğinde 500 piksel genişliğinde ve 300 piksel yüksekliğinde bir ekran boyutuna sahip olmanızı sağlayacak bir iframe kodu örneği:

<iframe src="https://qodeinteractive.com/magazine/how-to-embed-iframe-code-in-wordpress/Your-URL" width="500" height="300" allow="fullscreen"></iframe>

Çözüm Yolu

İframe kullanmak, farklı içerik türlerini paylaşmanın en güvenli yollarından biri olmakla kalmaz, aynı zamanda herhangi bir dosyayı WordPress Ortam Kitaplığınıza yüklemenizi gerektirmediğinden depolama alanınızdan da tasarruf sağlar. İç çerçevenizi katıştırılmış bir kodla eklemeye karar verirseniz, bir eklenti kullanmayı seçerseniz veya kodunuzu manuel olarak oluşturmayı tercih ederseniz, bu yöntemlerin her birini gerçekleştirmek nispeten kolaydır. İçeriğini paylaşmak istediğiniz sayfada yerleştirme URL’sini bulmanız, ardından yukarıda paylaştığımız özel talimatları uygulamanız yeterlidir; hazır olacaksınız.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Birlikte Büyüyen Bir İş Kurma Fırsatı!

İş birliği yaparak, işinizi yalnızca bir adım öteye taşıyoruz. Daha detaylı bilgi isterseniz mail adresinizi bize iletebilirsiniz.