Bilgi ve Destek Hattı0850 302 86 68
Anasayfa / Wordpress Geliştirme / Eklediğiniz resimleri Otomatik Responsive yapma!
Eklediğiniz resimleri Otomatik Responsive yapma!
Eklediğiniz resimleri Otomatik Responsive yapma!

Gelişen teknolojilerin getirdiği yenilikleri takip etmek adına sizde eski arayüze sahip sitelerinizde resimlerinizi responsive olarak ziyaretçilerinize sunmak ister misiniz? Bu düzenleme daha önce eklediğiniz resimleri için malesef yeterli olmamaktadır. Ancak düzenlemeden sonra ekleyeceğiniz içeriklerde resimleriniz mobil tarayıcılarda daha uyumlu gözükecektir. Öncelike yine düzenleme yapacağınız dosyaları yedeklemenizi öneriyoruz. Temanızın functions.php ve style.css dosyalarını yedekledikten sonra düzenlemeye geçebiliriz.

Öncelike temamızın functions.php dosyasuna aşağıda ki kodu ekleyerek kendimize bir kısa kod oluşturuyoruz.

function blogizma_responsive_images($atts, $content = null) {
     return '<div class="blogizma-responsive-image">' . $content .'</div>';
}
add_shortcode('imageresponsive', 'blogizma_responsive_images');

Daha sonra temamızın style.css dosyasını açarak aşağıda ki css kodları ile tarayıcı genişliği tanımladıktan sonra resim boyutunu ve yüksekliğini belirtiyoruz.

@media only screen and (max-width:767px) {
    .blogizma-responsive-image {
        width:100%;
        height:auto;
    }
}

Gerekli düzenlemeleri yaptıktan sonra yeni bir içerik ekleyerek düzenlememizi test edelim. Test aşamasında içerik alanında eklediğimiz görselin HTML kodunu oluşturduğumuz kısa kodun içine yazmamız gerek. Aşağıda ki örnek kod sayesinde içeriklerinize eklediğiniz resimleri responsive olacaktır. Dilerseniz bunu yazı editöründe buton halinede getirebilirsiniz. Bu konuyuda bir başka WordPress geliştirme konumuzda işleyeceğiz.

[imageresponsive]<img src="image_url" alt="alt" title="title" />[/imageresponsive]

İyi bloglar.

Yorum yaz

*

2010 yılından bu yana ücretli wordpress temaları yanı sıra müşterileri için çok özel çalışmalar hazırlayan Blogizma wordpress tema üzerine Türkiye’de ilk olmanın da verdiği avantajla çalışmalarına yön vermiştir. Farklı sektörlerde yüzlerce mutlu müşteriyi geride bırakarak müşterilerinin değer biçilemeyecek güvenini kazanmıştır. Özellikle wordpress alt yapısı üzerine inşa edilen seo odaklı çözümlerde birikmiş deneyimlerini müşterileri ile paylaşmaktadır.

Kişisel blog siteleri başta olmak üzere wordpress günümüzde haber, eticaret, dizi, oyun, magazin sitelerinde de yaygın olarak kullanılmaktadır. Tercihlerin wordpress olmasında en büyük etkeni tartışmasız wordpress’in google ile olan güzel ilişkisi tetiklemiştir. Bu ilişkiyi en güzel şekilde değerlendirmeyi amaçlayan müşterilerimiz için farklı yaratıcı tasarımlarla hizmet vermekteyiz.

Farklı tasarımcılar tarafından hazırlanan ara yüz çalışmalarınızın da wordpress entegresini yaparak yeni nesil şablonlarına uygun, akıcı ve kullanımı kolay ara yüzleri sizlere sunmaktayız. Detaylı bilgi ve referanslarımız için bizimle iletişime geçebiliriz.

Copyright © 2010 Wordpress Tema