WordPress’e YouTube, Vimeo , Dailymotion gibi video sitelerinden video eklemek oldukça kolay. Tek yapmanız gereken videonun bağlantısını kopyalayıp yapıştırmak. Fakat kullandığınız tema mobil uyumlu olsa bile sitenize gömdüğünüz videolar bazı temalarda mobil uyumlu açılmıyor. Yeni kurduğum WordPress tabanlı sitede böyle bir sıkıntı yaşamıştım. Ben de çözümünü anlatmak istedim.

Başka sitelerden WordPress sitenize eklediğiniz videoları responsive (mobil uyumlu) hale getirmek için aşağıdaki adımları uygulamanız yeterli olacaktır.

WordPress eklentileriyle de bu sorunu kolayca çözebilirsiniz fakat mümkün olduğunda az eklenti kullanmak lazım. Aksi durumda site hızında yavaşlama yaşanıyor.

WordPress panelinden Görünüm>Özelleştir kısmına girin. Sol kısımdan Ek CSS tıklayın. Açılan kısıma aşağıdaki kodları yapıştırın ve kayıt edin. Artık videolarınız mobil uyumlu oldu.

Kodlar:

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

Kaynak: WPStuffs

Reklamlar