RES 4.4. "yanlış" olanı seçerek duyarlı resim tarayıcısı


9

WP 4.4'e sevindim. yerleşik bir duyarlı görüntü özelliği ile birlikte gelir. Ama bundan memnun değilim.

Bazı özel resim boyutlarını ayarladım functions.php:

add_image_size ('küçük resimler sonrası', 600, 600, doğru);
add_image_size ('büyük haber', 1024, yanlış);
add_image_size ('küçük haber', 500, yanlış);
add_image_size ('3-sütun', 500, 375, doğru);
add_image_size ('presscutting', 600, 850, doğru);
add_image_size ('orta-büyük', 768, yanlış); // cihaz desteği için bugün eklendi
add_image_size ('tam özellikli resim', 2000, yanlış);
add_image_size ('galeri-resmi', 800, 600, doğru);

Anladığım kadarıyla, kırpılmayan (kırpma ayarlı false) görüntüler srcset. Ön uçta aşağıdaki gibi bir görüntü çıkarılır (daha iyi okunabilirlik için satır sonları eklenir):

<img width = "2000" height = "1335"
src = "http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg" 
class = "ek-tam özellikli-resim boyutu-tam özellikli-resim"
alt = "asdf"
srcset ="
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w " 
boyutları = "(maks. genişlik: 2000 piksel) 100vw, 2000 piksel">

Ama şimdi benim sorunum: Ekranımda, 1600 piksel ekran çözünürlüğüne sahip olmasına rağmen yalnızca 1024 piksel genişliğinde belirtilen resimler gösteriliyor. Böylece tüm görüntüler bulanık görünüyor.

WP ve / veya tarayıcımın 2kpx görüntüsünü nasıl kullanmasını sağlayabilirim? 1280px, 1440px, 1600px, 1968px için yeni görüntü boyutları eklemem gerekir mi? Yoksa bulanık ve çok küçük bir sürüm göstermek yerine WP / tarayıcıya daha büyük resmi kullanmasını söylemenin daha basit bir yolu var mı?


Lütfen bunu doğru kullanım yolu ile deneyebilir misiniz add_image_size? Her zaman widthbağımsız değişkeni false olarak ayarlarsınız - bu bir tam sayı olmalıdır (üçüncü bağımsız değişken).
fischi

Tamam, bunu yaptı ve 9999 yükseklik değeri ekledi. Küçük resimler yeniden boyutlandırıldı. Boşuna.
rob_st

max_srcset_image_widthFiltrenin varsayılan değeri
1600'dür.

@Birgire'i bilmek güzel - ama bu pek yardımcı olmuyor. Bunu nasıl değiştirebilirim (henüz bir dokümantasyon yok gibi görünüyor) - ve bir değişiklik sorunumu çözecek mi?
rob_st

Yanıtlar:


9

Belgelerle ilgili olarak, Blog Oluştur'da şu blog yazısı var:

WordPress 4.4'te Duyarlı Görüntüler

Yorumlarda belirtilen 1600 piksel sınırını artırmak için şunu deneyin:

add_filter('max_srcset_image_width', function($max_srcset_image_width, $size_array){
    return 2000;
}, 10, 2);

Son olarak, daha önce de belirtildiği gibi, add_image_size

add_image_size ('büyük haber', 1024, yanlış);

olması gerekir

add_image_size('news-large', 1024, 0, false);

Teşekkür ederim. Yüksekliği 9999 olarak ayarladım - herhangi bir fark yaratıyor mu? Ben bunu deneyeceğim.
rob_st

Teşekkür ederim, bu işe yaradı. Temelde aynı cevabı olmasına rağmen bu bir ve aslında tercih adlandırılmış işlevleri - Sen :-) ilk çünkü seninkini kabul
rob_st

Sanırım ihtiyacım olan cevap bu olabilir, ama değerin ne $size_arrayolması gerektiğini bilmiyorum .
Telarian

1

Ben srcsetekleyebileceğiniz bir filtre fonksiyonu ile ekstra bir boyut ekleyerek aynı sorunu çözdü functions.php:

function filter_max_srcset( $max_width, $size_array ) {
    if ( $size_array[0] === 1800 ) {
        $max_width = 1800;
    }
    return $max_width;
}
add_filter( 'max_srcset_image_width', 'filter_max_srcset', 10, 2 );
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.