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…

Bir Cevap Yazın

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