WordPress-də Seçilmiş Şəkil Hansı Ölçüdə Olmalıdır?

Əksər insanların axtardığı rəqəm 1200 x 630 pikseldir. Bu, Facebook, LinkedIn və X-in link önizləmələrində istifadə etdiyi nisbətdir (1.91:1) və Open Graph şəklinin olması gərəkən ölçüdür. Seçilmiş şəkli əsasən paylaşılan linklərin düzgün görünməsi üçün təyin edirsinizsə, 1200 x 630 istifadə edin və burada dayanın.

Amma bu rəqəm mövzunuzun yazıda əslində göstərdiyi ölçü deyil. WordPress seçilmiş şəkli nadir hallarda orijinal ölçüsündə göstərir. Mövzu müəyyən qeydiyyatdan keçmiş şəkil ölçüsünü tələb edir və WordPress də əvvəlcədən yaradılmış kəsimlərdən hansı uyğun gəlirsə onu təqdim edir. Məhz buna görə də Facebook-da mükəmməl görünən bir şəkil tək-yazı şablonunuzun içində qeyri-aydın, dartılmış və ya səhv kəsilmiş görünə bilər. “Düzgün” ölçü universal qaydadan yox, mövzudan asılıdır.

Nə üçün mövzu rəqəmi əvəz edir

Şəkil yüklədiyiniz zaman WordPress tək fayl saxlamır. O, wp_generate_attachment_metadata() funksiyasını işlədir və qeydiyyatdan keçmiş hər şəkil ölçüsü üçün bir törəmə yaradır: üç standart ölçü (thumbnail, medium, large), blok redaktorunun medium_large ölçüsü (768px eni), üstəgəl mövzunun və ya bir plaginin add_image_size() ilə qeydiyyatdan keçirdiyi istənilən ölçü.

Geniş 16:9 hero şəkli istəyən bir mövzu functions.php faylında təxminən belə bir şey edəcək:

add_theme_support( 'post-thumbnails' );
add_image_size( 'hero-featured', 1200, 675, true );

Dördüncü arqument olan true, sərt kəsim deməkdir. WordPress şəklinizi tam olaraq 1200 x 675 ölçüsünə kəsəcək və 16:9 çərçivəyə sığmayan hər şeyi ataraq atacaq. Obyektiniz kadrın üstünə və ya altına yaxındırsa, kəsiləcək. false təyin edilsə (və ya buraxılsa), şəkil proporsional olaraq miqyaslanır və son ölçülər istədiyinizdən fərqli ola bilər.

Sonra şablon hansı ölçünün çəkiləcəyinə qərar verir:

the_post_thumbnail( 'hero-featured' );

the_post_thumbnail() funksiyasına ötürülən ad hansıdırsa, göstərilən kəsim də odur. Beləliklə, saytınızdakı əsl seçilmiş şəkil ölçüsü sizin yazmadığınız iki yerdə təyin olunur: mövzudakı add_image_size() çağırışında və the_post_thumbnail() çağırışında. Daha böyük fayl yükləmək bunların heç birini dəyişmir.

Bir qat da var. WordPress srcset təqdim edir, ona görə də kiçik ekranlarda brauzer tam kəsim yerinə medium və ya large törəməsini yükləyə bilər. DevTools-da gördüyünüz ölçü çox vaxt yüklədiyiniz ölçü deyil.

Necə düzəltmək olar, ardıcıllıqla

1. Mövzunuzun əslində nə tələb etdiyini öyrənin. Təxmin etməzdən əvvəl, WordPress-in şəklinizdən yaratdığı hər ölçünü və hansının kəsilmiş hero olduğunu görün. Şəklinizi WordPress şəkil ölçüləri alətinə atın — o, WP-nin yaradacağı hər törəməni dəqiq piksel ölçüləri ilə göstərir, beləliklə mənbənizi mifik 1200x630 yerinə əsl hədəflə uyğunlaşdıra bilərsiniz.

2. Ən böyük kəsimi örtəcək qədər böyük yükləyin. Mövzunun hero ölçüsü 1200 x 675-dirsə, ən azı bu ölçüdə, ideal olaraq retina üçün 2x (2400 x 1350) yükləyin. WordPress təmiz şəkildə kiçildir; heç vaxt böyütmür. Kifayət qədər böyük olmayan mənbə qeyri-aydın seçilmiş şəklin ən çox rast gəlinən səbəbidir.

3. En-boy nisbətinizi mövzunun kəsiminə uyğunlaşdırın. Mövzu sərt şəkildə 16:9-a kəsirsə, ona 16:9 verin. Obyekti mərkəzdə tutaraq kompozisiya qurun ki, sərt kəsim heç kimin başını kəsməsin.

4. Qeydiyyatdan keçmiş ölçü səhvdirsə, dəyişin və yenidən yaradın. Uşaq mövzuda add_image_size() dəyərlərini redaktə edin, sonra mövcud kiçik şəkilləri yenidən qurun — yeni ölçülər bunu edənə qədər yalnız gələcək yükləmələrə tətbiq olunur:

wp media regenerate --yes

WP-CLI yoxdur? Regenerate Thumbnails plagini eyni işi idarə panelindən görür.

Nə etməməli

Sadəcə 1200x630 şəkil yükləyib işin bitdiyini düşünməyin. Mövzunun qeydiyyatdan keçmiş ölçüsü 16:9-dursa, WordPress sizin 1.91:1 şəklinizi sərt şəkildə kəsir və üstlə altı itirirsiniz. Open Graph rəqəmi ilə göstərmə rəqəmi fərqli işlərdir.

“Orijinalı saxlamaq” üçün WordPress şəkil ölçülərini söndürməyin. İnsanlar aralıq ölçüləri 0-a təyin etmək və ya the_post_thumbnail-ı ayırmaq barədə məsləhətlərə rast gəlirlər. Onda mövzu tam ölçülü faylı brauzerdə kiçildilmiş halda təqdim etməyə keçir — telefona göndərilən 4000px-lik bir JPEG. Bu, yüklənmə sürətinizi və Core Web Vitals göstəricilərinizi kəskin aşağı salır. Törəmələr bir səbəbdən mövcuddur.

Bir plaginin “tövsiyə olunan ölçüsünə” mövzunuzun əsl qeydiyyatdan keçmiş ölçüsündən çox etibar etməyin. SEO plaginləri OG etiketi üçün 1200x630 tövsiyə edir ki, bu da həmin etiket üçün düzgündür. Bu, tək-yazı şablonunuzun nəyə kəsdiyi barədə heç nə demir.

Ölçüləri dəyişdikdən sonra wp media regenerate addımını atlamayın. add_image_size()-i redaktə etmək artıq yüklənmiş şəkillərə heç bir təsir göstərmir. İnsanların unutduğu addım budur, sonra da kodun işləmədiyi nəticəsinə gəlirlər.

Hələ də ilişib qalmısınız?

Ölçüləri uyğunlaşdırıb yenidən yaratdıqdan sonra şəkil hələ də səhvdirsə, problem adətən kəsim rejimidir (true və ya false) və ya gözlədiyinizdən daha kiçik törəmə təqdim edən srcset-dir. Faylı şəkil ölçüləri alətinə atın ki, qurğunuzun hansı kəsimləri yaratdığını dəqiq görəsiniz, sonra bunu brauzerin DevTools-da yüklədiyi ilə müqayisə edin. Bu ikisini uyğunlaşdırın və təxmin oyunu bitsin.