WordPress Sayfa veya Yazıya İframe Ekleme

WordPress siteme, sayfa veya yazılara nasıl iframe eklerim ?. Bana da lazım olan ve birçok wordpress site sahibine de gerekli olacak nasıl iframe eklerim sorusunu yanıtlamadan önce bilmeyenler için şu “iframe zımbırtısı da ne ?” sorusunu cevaplayalım.

iFrame, içinde başka bir HTML belgesi yüklemek için bir web sayfasında kullanılan satır içi bir çerçevedir.

Bu HTML belgesi, iframe etiketinin kullanıcının tarayıcısı tarafından ayrıştırıldığı sırada yüklenen JavaScript ve /veya CSS’yi de içerebilir.

Daha basit tarifle sitenizin veya yazınızın içine gizli veya scroll dediğimiz aşağı-yukarı çubuklarıyla birlikte bir pencere ekleyip içine başka bir siteden bir resim, bölüm, yazı vs ne isterseniz koymanız demektir.

Aşağıdaki örneğe bakın ;

Görüldüğü gibi sayfaya “google” sitesi eklenmiş. Bunu yaparken bir iframe kodu içine “google” iframe kodu eklenip kaydediliyor. Buradaki iframede “scrolling” dediğimiz “yukarı-aşağı kaydırma çubukları” da var.

İframe eklerken “yukarı-aşağı kaydırma çubukları”nın olup olmayacağını, sayfanın “width” yani genişliğini, “height” yani yüksekliğini ayarlayabilirsiniz.

WordPress, güvenlik nedenleriyle iframe html etiketlerini kaldırır. Yani siz herhangi bir iframe kodunu kopyalayıp sitenize aynen yapıştırsanız sayfa görünmez, çalışmaz.

Bu durumda iframe shortcode’u iframe html etiketinin yerini alıyor ve iframe html etiketiyle aynı paramaları kabul ediyor.

Yani sayfanızda kopyalamak istediğiniz içerik yerine örneğin aşağıdaki gibi sadece kodu görünür.

 

 

Bir iframe gömme kodunun en yaygın örneği şu şekilde görünen YouTube video embed kodudur:

<Iframe width = “420” height = “315” src = “// www.youtube.com/embed/qzOOy1tWBCg?rel=0” frameborder = “0” izin verilen ekran> </ iframe>

Yukarıdaki örnekte iframe etiketi, YouTube’un video oynatıcısını kodda sağlanan video kimliğiyle yükler. Yükseklik, genişlik, çerçeve kenarlığı gibi diğer parametreleri de tanımlar. Bu parametreler YouTube video oynatıcısını yükleyen komut dosyası tarafından kullanılacaktır.

Birçok diğer üçüncü taraf web sitesi, kullanıcılara web sitelerine belirli öğeler eklemek için bir iç çerçeve kodu gönderebilir. Çoğunlukla web analiz hizmeti sağlayıcıları, sosyal medya web siteleri ve video paylaşım siteleri, kullanıcıların kodlarını iframe biçimine gömmesini sağlar.

Burada şuna dikkat edin ; 

iframe kodunu yerleştirirken temkinli davranmalısınız. Güvenilir bir kaynağa ait olmalı kod, yani web sitesinin kimliğinden emin olmalısınız.

Bazen bilgisayar korsanları bir WordPress sitesinde iframe kodunu arka kapı olarak kullanıp sitenizi hack’leyebilir.

İframe ekleme için birçok yöntem var. Sitenizin kodlarıyla oynama, yazı editöründe görsel değilde metin editöründe kodları ekleme ve iframe eklentileri ile bu işi yapma gibi. İnanın bu yöntemlerin çoğu zor.

Ben size benimde kullandığım ve son derece kolay ve kullanışlı bir yöntemi göstereceğim.

Tavsiye ederim, diğerleriyle uğraşmanıza gerek yok.

WordPress eklenti ekle’ye girip “Insert Html Snippet” eklentisini yükleyin ve aktifleştirin.

Aktifleştirdikten sonra ayarlar kısmından alttaki gibi “Tracking Name” ve “html code” bölümlerini eklemek istediğiniz iframe koduyla doldurun.

Örneğin Tracking Name’ye iframe kodunuzda bir krem tanıtım videosunun kodu varsa krem-1 yazabilirsiniz.

Html code bölümüne direkt olarak iframe kodunu yapıştırın.

Daha sonra isterseniz alttaki gibi bu kodları  veya ismi değiştirebilirsiniz.

Bütün iş bu kadar.  Bu eklentinin en önemli özelliği TinyMCE editörü ile de uyumlu olması.

Şimdi bir yazı yazdınız ve iframe kodunu koymak istiyorsunuz.

Hemen alttaki gibi editörün en sağındaki html ikonuna tıklayın ve koymak istediğiniz kodu isminden seçerek ekleyin.

 

Bu eklentiyle iframe’lerinizi kaydedip tekrar tekrar uğraşmazsınız. Sadece seçip koyarsınız.

Eklentinin özelliklerini de yazıyorum;

HTML parçalarını kısa kodlara dönüştürme.

Javascript kodlarını kısa kodlara dönüştürme.

CSS kodlarını kısa kodlara dönüştürme.

Widget’lerdeki pasaj kısa kodlarını destekleme.

TinyMCE editöründeki açılır menü sayesinde parçacık kodlarını kolaylıkla alabilme.

Adsense’i veya herhangi bir reklam kodunu ekleme.

Addthis’i veya herhangi bir sosyal bookmarking kodunu ekleme.

Mesajlarınıza, sayfalarınıza ve widget’larınıza flash, videolar vb. ekleyebilme.

Bununla beraber TinyMCE editörünü de wordpress eklenti ekle kısmından mutlaka ekleyin derim.

Kolay gelsin.

 

Konuyla ilgili diğer makaleler ;

“WordPress geri yükleme ve başka hosta taşıma” için buraya tıklayınız.

“WordPress yedek alma” için buraya tıklayınız.

“WordPress beyaz ekran hatası” için buraya tıklayınız.

“WordPress içe aktarma sorunu” için buraya tıklayınız.

“WordPress Hosting Seçimi” için buraya tıklayınız.

“WordPress Hafıza Limiti Arttırma” için buraya tıklayınız.

“WordPress Resim Türkçe Karakter Hatası ve  HTTP Hatası Çözümü” için buraya tıklayınız.

 

Bir Cevap Yazın

%d blogcu bunu beğendi: