Wordpress ürün öne çıkan görseli boyut sorunu

Question

Merhaba herkese,

Wordpress de ürün öne çıkan görsellerindeki boyut farklılıkları nedeni ile ana sayfada ve ürünler sayfasında biri büyük biri küçük çıkıyor,
Bunları kolay bir şekilde bir çizgiye hizalamanın bir yolu var mı ?
Yardımcı olan herkese şimdiden çok teşekkür ederim.

Confidant5 · Answer

tüm fotoların ölçüsünü sabit bir ayara boyutlandırırsanız sorununuz çözülür büyük ihtimalle. Resizepixel kullanarak hızlıca boyutlandırabilirsiniz.

m0ri4rty · Answer

Basitçe, bir kaç CSS düzenlemesiyle bu sorunu aşabilirsiniz.

aesirkis · Answer

Confidant5 adlı üyeden alıntı:						mesajı görüntüle									tüm fotoların ölçüsünü sabit bir ayara boyutlandırırsanız sorununuz çözülür büyük ihtimalle. Resizepixel kullanarak hızlıca boyutlandırabilirsiniz. 		Bu aklıma geldi fakat ürünleri müşteri eklediği için devamlı yapması zor bir işlem bu, bana daha site içerisinde bir çözüm lazım. Woocomerce ayarlarından mağza sayfasına çözüm getirdim ama anasayfa için bir yol bulamadım ne yazık ki

aesirkis · Answer

m0ri4rty adlı üyeden alıntı:						mesajı görüntüle									Basitçe, bir kaç CSS düzenlemesiyle bu sorunu aşabilirsiniz. 		Cevabınız için teşekkür ederim ama, css ile yaptığım bir kaç deneme ya hiç işe yaramadı yada görsel kalitesini ciddi bozdu.

Confidant5 · Answer

Simple Image Sizes şu eklentiyi deneyin isterseniz. Sabit bir boyut tanımlayıp siteye eklenen tüm resimleri o boyutta tutuyor.

ResimBox · Answer

Eğer tema kodlamasını biliyorsanız, functions.php de add_image_size fonksiyonunu kullanın. Sonra da bu thumbnail'i resmin geçtiği sayfada çağırın.
AJAX Thumbnail Rebuild eklentisini kullanarak da resimleri yeniden boyutlandırın. En doğru çözümlerden birisi budur.

Tema kodlama ile ilgili bilginiz yok ise, CSS ile min-witdh, max-witdh, min-height, max-height kullanarak ört pas edebilirsiniz.

m0ri4rty · Answer

aesirkis adlı üyeden alıntı: mesajı görüntüle

Cevabınız için teşekkür ederim ama, css ile yaptığım bir kaç deneme ya hiç işe yaramadı yada görsel kalitesini ciddi bozdu.

Resimlerinizin kalitesi boyutlandırmada resmin orijinal oranlarına uyum sağlanamadığından bozuluyor.

CSS -> object-fit özelliğini kullanarak resimlerin belirlenen çerçevede oran değişikliği olmadan gösterilmesini sağlayabilirsiniz.

CSS -> object-fit özelliğini kullanarak resimlerin belirlenen çerçevede oran değişikliği olmadan gösterilmesini sağlayabilirsiniz.

caylinet · Answer

Regenerate Thumbnails eklentisi işinizi çözer

EfendiBey · Answer

Fotoğrafları kendiyle alakası olmayan ölçülerde boyutlandırırsanız CLS sorunlarına neden olur. Bundan dolayı standart ölçü belirlemek daha iyi olacaktır.

Temanızın function dosyasını açın ve ekleyin:
function thumbnail_upscale( $default, $orig_w, $orig_h, $new_w, $new_h, $crop ){
    if ( !$crop ) return null;

    $aspect_ratio = $orig_w / $orig_h;
    $size_ratio = max($new_w / $orig_w, $new_h / $orig_h);

    $crop_w = round($new_w / $size_ratio);
    $crop_h = round($new_h / $size_ratio);

    $s_x = floor( ($orig_w - $crop_w) / 2 );
    $s_y = floor( ($orig_h - $crop_h) / 2 );

    return array( 0, 0, (int) $s_x, (int) $s_y, (int) $new_w, (int) $new_h, (int) $crop_w, (int) $crop_h );
}
add_filter( 'image_resize_dimensions', 'thumbnail_upscale', 10, 6 );Kaydedin.

Bundan sonra her yüklenen fotoğraf eşit ölçüde yükleneceği için sorun kalmaz. Ana sayfadakiler de zamanla değişmiş olurlar.

Referans: https://stackoverflow.com/a/33789671

Onur89TR · Answer

EfendiBey adlı üyeden alıntı:						mesajı görüntüle									Fotoğrafları kendiyle alakası olmayan ölçülerde boyutlandırırsanız CLS sorunlarına neden olur. Bundan dolayı standart ölçü belirlemek daha iyi olacaktır.

Temanızın function dosyasını açın ve ekleyin:
function thumbnail_upscale( $default, $orig_w, $orig_h, $new_w, $new_h, $crop ){
    if ( !$crop ) return null;

$aspect_ratio = $orig_w / $orig_h;
    $size_ratio = max($new_w / $orig_w, $new_h / $orig_h);

$crop_w = round($new_w / $size_ratio);
    $crop_h = round($new_h / $size_ratio);

$s_x = floor( ($orig_w - $crop_w) / 2 );
    $s_y = floor( ($orig_h - $crop_h) / 2 );

return array( 0, 0, (int) $s_x, (int) $s_y, (int) $new_w, (int) $new_h, (int) $crop_w, (int) $crop_h );
}
add_filter( 'image_resize_dimensions', 'thumbnail_upscale', 10, 6 );Kaydedin.

Bundan sonra her yüklenen fotoğraf eşit ölçüde yükleneceği için sorun kalmaz. Ana sayfadakiler de zamanla değişmiş olurlar.

Referans: https://stackoverflow.com/a/33789671 		Hocam sen bir harikasın hele ki eğer WordPress thumbnailleri küçültüp özel boyutla yüklüyorsa duacınım yarın ilk işim bunu denemek olacak

EfendiBey · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									Hocam sen bir harikasın hele ki eğer WordPress thumbnailleri küçültüp özel boyutla yüklüyorsa duacınım yarın ilk işim bunu denemek olacak 		Teşekkür ederim. Normal şartlarda olması gerekecek ama şunu da unutmamak lazım ki, her fotoğrafın ebat durumu farklı olabiliyor. Mesela telefonunuzla yatay olarak çektiğiniz bir fotoğrafı düşünün. Şimdi onun ürettiği thumbnail ile dikey çektiğiniz fotoğrafın thumbnail çözünürlüğü farklı olur. Siz bu fotoğraflara aynı ölçüyü verebilirsiniz ama bu sefer de tuhaf bir görünüm olabilir. Bu duruma takılmamak için yapılacak en iyi şey, her fotoğrafı dengeli ölçülerde yüklemeye çalışmaktır. Bunu da sitenizin tasarımına göre belirlersiniz zaten.