Web Tasarım

WordPress’te YouTube Videosunun Responsive Olmaması

YouTube’dan çektiğiniz videolar iFrame olarak embed koduyla çalışmaktadır. Bazen tema kaynaklı bazende plugin kaynaklı youtube videolarının düzgün gözükmeme sorunu ile bir kaç defa karşılaştım.  Neyse ki, bu gömülü videoları web sitenize tam olarak uyacak şekilde otomatik olarak yeniden boyutlandırmak için WordPress Temanıza ekleyebileceğiniz kod youtube videolarının düzgün gözükememesi sorununu çözecektir.

Bu kod, iFrame’i bir div’e sarar ve bazı sınıflar ekler. Ardından, CSS nesneyi uygun bir 16:9 oranında yeniden boyutlandırır.

Denemek için function.php dosyanıza aşağıdaki kodu ekleyin:

Görünüm > Tema düzenleyicisi > sağ taraftan mevcut temayı bulun ve Seç’e basın > yine sağ tarafta functions.php dosyasını bulun ve php ile başlayan kodu en üst satıra yapıştırın.

CSS kodlarını ise tema ayar panelinizde Harici CSS ile alakalı bölüme yapıştırınız.

https://gist.githubusercontent.com/anthonyeden/5f676bfb31cc8bcb36e01d95f4e3d6b9/raw/29056c3daedc0974906302dc1e1d989bcdf16228/Responsive-YouTube-Embed-Wordpress-Filters.php

Paylaş

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Fill out this field
Fill out this field
Lütfen geçerli bir e-posta adresi yazın.
You need to agree with the terms to proceed

Öne çıkan web sitesi tasarım çalışmalarımıza bakın
1.000’den fazla müşteri için oluşturduğumuz güzel web sitelerinden bazılarına göz atın.
WordPress desteği ve bakımı sunuyoruz
WordPress uzmanlarından oluşan ekibimiz tarafından desteklenen planlarla devam eden bakımın stresinden kurtulun.
Google Değerlendirme Notu
5.0
206 yoruma göre
js_loader