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.
[css]
@media only screen and (max-width:767px) {
.blogizma-responsive-image {
width:100%;
height:auto;
}
}
[/css]
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.
[sourcecode][imageresponsive]<img src="image_url" alt="alt" title="title" />[/imageresponsive][/sourcecode]
İyi bloglar.
PHP Nedir? PHP sunucu tabanlı olarak çalışan Hypertext PreProcessor yazılımın kısa adıdır. ASCII düzende sizin yazacağınız PHP kodlarını çalıştıran bir…
Rüyada para görmek, bolluk, mutluluk, zenginlik ve daha fazla zenginlik anlamına gelir. Tabiristler rüyaları paranın rüyada nasıl görüldüğüne göre yorumlarlar.…
Gerçekte olabilecek ya da olmayabilecek pek çok olay rüyalarda gerçekleşir. İnsanların genellikle gördüğü rüyalardan biri kaçmaktır. Rüyada bazen hayvanlardan, bazen…
Rüyada hamile bir kadın görmek ne anlama gelir? Bu ne anlama geliyor, ne anlama geliyor? Gün boyunca farklı hayaller yaşayabiliriz.…
Rüyada tabut görmek, eğitim ve iş hayatıyla birlikte gelen önemli başarılara işarettir. Ayrıca yakın arkadaşlarıyla da arasının her zaman iyi…
Vaaz vermek (veya hutbe vermek) veya hutbe dinlemek veya hutbe okunan yerde bulunup rüyada kendini görmek, doğru karar, dinde iyilik…