IFRAME Border around WordPress Videos

Video Gömme çevresine iframe Kenarlığı Ekleme

Video gömmenizin etrafına iframe kenarlığı eklemek ister misiniz? Son zamanlarda bir kullanıcı, WordPress’te videolarının etrafına kenarlık eklemenin bir yolunu istedi. WordPress’e video eklemek için hem iframe’i hem de oEmbed’i kullanabildiğiniz için, size video yerleştirme işleminin çevresine nasıl bir iframe kenarlığı ekleyeceğinizi ve WordPress’te oEmbed videolarının çevresine nasıl kenarlık ekleyeceğinizi göstereceğiz.

Video öğretici

emailkaydol.co’a abone olun

Videoyu beğenmediyseniz veya daha fazla talimat gerekiyorsa okumaya devam edin.

WordPress’te iframe Videoları Etrafına Kenarlık Ekleme

Yapmanız gereken ilk şey, iframe video gömme kodunuzu içeren bir gönderi veya sayfa açmaktır. Tipik bir iframe yerleştirme kodu şöyle görünmelidir:

Koda satır içi stil ekleyerek çevresine bir kenarlık ekleyebilirsiniz:

Etrafında kenarlık bulunan bir iframe videosu

Kenarlığın genişliğinin yanı sıra rengi de değiştirmeniz yeterlidir.

Bir iframe kenarlığı eklenirken, WordPress’teki videoların etrafına kenarlık eklemenin daha iyi bir yolu var. Bu, oEmbed kullanarak.

WordPress’te oEmbed Videoların Çevresine Kenarlık Ekleme

WordPress yerleşik oEmbed desteği ile birlikte gelir. Temel olarak WordPress, videonun bağlantısını yapıştırmanıza izin verir ve bunlar için otomatik olarak gömme kodunu alır. Artık bu yalnızca YouTube, Vimeo, DailyMotion, Hulu vb. Gibi oEmbed etkin siteler için çalışıyor (Bkz: oEmbed kullanarak WordPress’e nasıl kolayca video eklenir)

Artık oEmbed ile nasıl video ekleyeceğinizi bildiğinize göre, WordPress’te oEmbed videoların etrafına nasıl kenarlık ekleyebileceğiniz aşağıda açıklanmıştır.

OEmbed kullanarak video eklerken, URL’yi span etiketinde satır içi stil parametreleriyle sarın, örneğin:

http://www.youtube.com/watch?v=qzOOy1tWBCg

Tüm video iframe’lerine aynı bir kenarlık eklemek istiyorsanız, temanızın stil sayfasına bir CSS sınıfı eklemek en iyisidir.

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

Şimdi iframe gömme kodunuzda CSS sınıfını şu şekilde kullanabilirsiniz:

Aynı CSS sınıfını oEmbed video URL’lerinizin çevresindeki span etiketinde de kullanabilirsiniz, örneğin:

http://www.youtube.com/watch?v=qzOOy1tWBCg

Tek bir CSS sınıfı kullanmanın avantajı, temaları daha sonra değiştirirseniz, renkleri tek bir tıklama ile geri dönüp her videoyu ayrı ayrı düzenleyerek kolayca değiştirebilmenizdir.

Bu makalenin, WordPress’e yerleştirilmiş bir videonun etrafına iframe kenarlığı eklemenize yardımcı olmasını umuyoruz. WordPress sitenizi videolarla renklendirmek için bu 9 yararlı YouTube ipucunu da görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen abone olun Youtube kanalı WordPress video dersleri için. Bizi de bulabilirsin heyecan ve Facebook.

[Total: 0   Average: 0/5]
Son Güncelleme: 5 Haziran 2020

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.