WordPress'de Youtube Videolarına Responsive Özelliği Kazandırma

ResponsiveVideo

Bildiğiniz gibi responsive temalar günümüzde oldukça popüler durumda. Yazı ve resim içeriğinin aksine birçok temada videolarda responsive özelliğini kullanamıyoruz. Bu sorunun çözümü aslında oldukça basit. İster eklenti yardımıyla, ister eklentilerle uğraşmadan temanın stil ve fonksiyon dosyalarına yapılacak ufak eklemelerle videolarınıza otomatik olarak responsive özelliği kazandırabilirsiniz.

CSS

İlk olarak temamızın style.css dosyasını açıp, aşağıdaki stil kodlarını yazalım.

 

HTML (Manuel)

HTML kullanarak videolarınıza responsive özelliği kazandırmak istiyorsanız  videonun iframe kodunu div içine kullanabilirsiniz.

 

Videoları Otomatik Tespit Etme

Yukarıdaki gibi her videoyu div içine alarak manuel olarak kullanmak istemiyorsanız bununda bir çözümü var. Temamızın functions.php dosyasına yapacağımız ufak bir ekleme ile videolarınız otomatik olarak tanınacak ve herhangi bir işlem yapmaya gerek kalmadan responsive özelliği kazanacaktır. Tek yapmanız gereken temanızın functions.php dosyasını açıp, aşağıdaki kodu eklemeniz.

Bu işlemler sonrasında blogunuza eklediğiniz videolara otomatik olarak responsive özelliği kazandırılacaktır…

Hamdi Çatal

Güncel teknolojilere meraklı, yazılım ve mühendislik alanlarında kariyerini sürdürmeyi hedefleyen bir mühendis adayıyım. Her zaman, her işi prensiplerine uygun şekilde gerçekleştirmeyi tercih eden, düzenli ve kararlı bir insanım. Yeniliklerden kaçmak yerine, güncel teknolojilere ayak uydurmaya çalışan bir meraklıyım.

Benzer Yazılar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

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