0
Kayıt Ol

Wordpress Otomatik Resim Boyutlandırma

4

●

1.323

  • 16-03-2016, 13:41:02
    #1
    Yalova77
    Yalova77
    Wordpress sitelerinizde ekstra bi resim vs. eklediğinizde masaüstü sitede resim düzgün görünürken mobilden yada farklı bir tarayıcıdan girdiğiniz görünüm farklı olmakta. Bu sebeple vazgeçilmezlerim arasında bulunan aşağıda ki kodu konu açarak kaybetmemek, bilmeyen arkadaşlarında faydalanmasını sağlamak istedim.

    img {max-width:98%; height: auto;}
    Yukarıda ki kodu style.css de en alta eklerseniz sorununuz çözülecektir.

    Alıntı
    Bu kod WordPress’inize, resmin genişliğini temanızdaki içerik alanının %98’i olarak ayarlamasını ve resmin yüksekliğini de orjinal en-boy oranını koruyarak yeniden düzenlemesini söyler.
  • 17-03-2016, 20:31:40
    #2
    Moonweb
    Moonweb
    Yalova77 adlı üyeden alıntı: mesajı görüntüle
    Wordpress sitelerinizde ekstra bi resim vs. eklediğinizde masaüstü sitede resim düzgün görünürken mobilden yada farklı bir tarayıcıdan girdiğiniz görünüm farklı olmakta. Bu sebeple vazgeçilmezlerim arasında bulunan aşağıda ki kodu konu açarak kaybetmemek, bilmeyen arkadaşlarında faydalanmasını sağlamak istedim.

    img {max-width:98%; height: auto;}
    Yukarıda ki kodu style.css de en alta eklerseniz sorununuz çözülecektir.
    Paylaşım için teşekkür ediyorum.
    Merak ettiğim nokta; aynı fotoğrafın farklı boyutlardaki çok fazla kopyası oluşup siteyi yavaşlatmaz mı?
  • 17-03-2016, 22:12:43
    #3
    Yalova77
    Yalova77
    Moonweb adlı üyeden alıntı: mesajı görüntüle
    Paylaşım için teşekkür ediyorum.
    Merak ettiğim nokta; aynı fotoğrafın farklı boyutlardaki çok fazla kopyası oluşup siteyi yavaşlatmaz mı?
    Kopya oluşturmuyor hocam. Diyelim içerik altında reklam eklediniz 600*390 px değerinde lakin masaüstü tarayıcıdan bu size normal gözüküyor. Mobilden girdiğimizde sayfayı dağıttını göreceksiniz. Bu kodun amacı burda devreye girerek tarayıcıya göre resimi sayfa yapısına göre otomatik küçültüyor. Küçülttüğü örnek boy mobilde 430*280 px
  • 17-03-2016, 22:15:55
    #4
    Moonweb
    Moonweb
    Yalova77 adlı üyeden alıntı: mesajı görüntüle
    Kopya oluşturmuyor hocam. Diyelim içerik altında reklam eklediniz 600*390 px değerinde lakin masaüstü tarayıcıdan bu size normal gözüküyor. Mobilden girdiğimizde sayfayı dağıttını göreceksiniz. Bu kodun amacı burda devreye girerek tarayıcıya göre resimi sayfa yapısına göre otomatik küçültüyor. Küçülttüğü örnek boy mobilde 430*280 px
    Çok teşekkürler hocam. Bu konudaki eklenti ve kodlarda genelde dediğim durum olunca sormak istedim. Eminim işine yarayan çok arkadaş olacaktır.
  • 15-05-2018, 21:45:23
    #5
    VohaaMedia
    VohaaMedia
    Teşekkür ederim, işime yaradı.