Bir Video Gömme Etrafına iframe Kenarlığı Nasıl Eklenir

Video yerleştirmenizin etrafına bir iframe kenarlığı eklemek ister misiniz? Yakın zamanda bir kullanıcı bize videolarının etrafına kenarlık eklemenin bir yolunu sordu. WordPress'e video eklemek için hem iframe hem de oEmbed kullanabileceğiniz için, hem video yerleştirmelerinin etrafına bir iframe kenarlığı eklemeyi hem de WordPress'te oEmbed videolarının etrafına kenarlık eklemeyi göstereceğiz.

Video Eğitim

Videoyu beğenmediyseniz veya daha fazla talimata ihtiyacınız varsa, okumaya devam edin.

WordPress'te iframe Videolarının Etrafına Kenarlık Ekleme

Yapmanız gereken ilk şey, iframe video yerleştirme kodunuzu içeren bir gönderi veya sayfa açmaktır. Tipik bir iframe yerleştirme kodu şuna benzer olmalıdır:

<iframe width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>

Koda bu şekilde satır içi stil ekleyerek etrafına bir kenarlık ekleyebilirsiniz:

<iframe style="border: 3px solid #EEE;" width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>

Kenarlığın genişliğini ve rengini değiştirmeniz yeterlidir ve işiniz biter.

Bir iframe kenarlığı eklemek işe yarasa da, WordPress'te videolara kenarlık eklemenin aslında daha iyi bir yolu var. Bu, oEmbed kullanarak yapılır.

WordPress'te oEmbed Videolarının Etrafına Kenarlık Ekleme

WordPress, yerleşik oEmbed desteği ile birlikte gelir. Temel olarak WordPress, videonun bağlantısını yapıştırmanıza olanak tanır ve otomatik olarak bunlar için gömme kodunu alır. Şimdi bu yalnızca YouTube, Vimeo, DailyMotion, Hulu vb. gibi oEmbed özellikli siteler için çalışır (Bakınız: oEmbed kullanarak WordPress'e kolayca video ekleme)

oEmbed ile nasıl video ekleyeceğinizi bildiğinize göre, WordPress'te oEmbed videolarının etrafına nasıl kenarlık ekleyeceğiniz aşağıdadır.

Bir video eklerken oEmbed kullanarak, URL'yi inline stil parametreleri olan span etiketine sarın, şöyle ki:

<span style="border:3px solid #EEE;">http://www.youtube.com/watch?v=qzOOy1tWBCg</span>

Tüm video iframe'lerinin etrafına aynı kenarlığı eklemek istiyorsanız, temanızın stil sayfasına bir CSS sınıfı eklemek en iyisi olacaktır.

.frame-border { 
border:3px solid #EEE; 
}

Şimdi CSS sınıfını iframe yerleştirme kodunuzda şu şekilde kullanabilirsiniz:

<iframe class="frame-border" width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>

oEmbed video URL'lerinizin etrafındaki span etiketinde de aynı CSS sınıfını kullanabilirsiniz, şöyle ki:

<span class="frame-border">http://www.youtube.com/watch?v=qzOOy1tWBCg</span>

Tek bir CSS sınıfı kullanmanın faydası, daha sonra tema değiştirirseniz, her videoyu tek tek düzenlemek yerine tek bir tıklamayla renkleri kolayca değiştirebilmenizdir.

Bu makalenin, WordPress'te bir video gömme etrafına bir iframe kenarlığı eklemenize yardımcı olduğunu umuyoruz. Ayrıca bu 9 kullanışlı YouTube ipuçlarını da görmek 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.