Gutenberg bloklarında görsel odak noktasını editörden yönetmek

Özel bir Gutenberg bloğunda görseli masaüstünde geniş, mobilde dar bir alana yerleştirince aynı kırpma her zaman iyi sonuç vermiyor. Özellikle portre veya ürün fotoğraflarında yüzün ya da ürünün kenardan kesilmesi, tasarım ne kadar temiz olursa olsun göze batıyor.

Bence bunu yalnızca CSS’te sabit bir object-position değeriyle çözmek yerine editöre küçük bir odak noktası kontrolü vermek daha kullanışlı:

• Blok ayarlarında yatay ve dikey odak seçimi sunulabilir; değerler yüzde olarak saklanıp object-position için kullanılabilir.
• Görseli <img> olarak basıp object-fit: cover kullanmak, dekoratif arka plan görseline göre alt metin ve erişilebilirlik açısından daha sağlıklı bir başlangıç sağlar.
• WordPress’in ürettiği uygun görsel boyutları ve srcset korunmalı. Özel kırpımlar gerekiyorsa add_image_size() ile tanımlanan boyutların temada gerçekten kullanıldığını da kontrol etmek gerekir.

Bir de editörde görünen kırpım ile ön yüzdeki sonuç farklılaşabiliyor; bu yüzden bloğun stilini mümkün olduğunca aynı tutup mobil görünümü ayrıca test etmek önemli. Siz bu odak noktası ayarını özel blokta mı çözdünüz, yoksa kullandığınız başka bir yöntem veya eklenti var mı?