WordPress seçilmiş şəkil ölçüsü: 1200×630 + sizinkini tapın

Qısa cavab: mövzunuzun ölçüsünü hələ bilmirsinizsə, 1200 x 630 piksel (təxminən 1,91:1) istifadə edin. Bu, Facebook-un tövsiyə etdiyi link önizləmə ölçüsüdür və SEO plaginləri adətən seçilmiş şəkli paylaşım şəkli kimi istifadə edir.

Yazının özündə isə mövzunuzun göstərdiyi ölçü önəmlidir. WordPress hər yüklənən faylı bir neçə ölçüdə saxlayır, hansının görünəcəyini isə mövzu seçir. Klassik mövzular bunu set_post_thumbnail_size() və ya add_image_size() ilə təyin edir, blok mövzular isə Seçilmiş şəkil blokunda. Mövzu 16:9 və ya kvadrat kəsirsə, 1200 x 630 şəkil sol və sağ kənarlarının bir hissəsini itirə bilər. Mövzunuzun ölçüsünü tapın (aşağıda dörd yol var), sonra ən azı o qədər böyük, yaxud yüksək sıxlıqlı ekranlarda kəskin görünmək üçün təxminən iki dəfə enli şəkil yükləyin.

WordPress-in konkret bir şəkildən hansı ölçüləri yaradacağını görmək üçün onu WordPress şəkil ölçüləri alətinə atın.

Şəklin göründüyü yerə görə hansı ölçünü seçmək

Şəklin göründüyü yer	Yüklənəcək ölçü	Qeydlər
Yazılarınız, mövzunun ölçüsü hələ məlum deyil	1200 x 630 və ya daha kəskin nəticə üçün 2400 x 1260	Mövzunuzun ölçüsünü tapana qədər link önizləmələri üçün də işləyir
Yazılarınız, mövzunun ölçüsü məlumdur	Mövzunuzun seçilmiş şəkil eninin təxminən iki qatı, eyni nisbətdə	WordPress yüklənən fayldan daha kiçik nüsxələr yaradır, heç vaxt daha böyüklərini yox
Facebook link önizləmələri	Ən azı 1200 x 630 (təxminən 1,91:1); 1200 x 628 demək olar ki, eyni formadadır	Facebook-un paylaşım tövsiyələrindən
Google Discover	Ən azı 1200 px en, 16:9 (məsələn, 1200 x 675)	Google-un Discover təlimatlarından

WordPress şəkil ölçüləri bir baxışda

Yüklədiyiniz hər şəkil üçün hər qeydiyyatlı ölçüdə kiçildilmiş nüsxə yaradılır. WordPress nüvəsinin qeydiyyatdan keçirdiyi ölçülər, Theme Handbook və nüvə funksiyaları arayışındakı standart dəyərlərlə birlikdə bunlardır:

Ölçünün adı	Standart ölçülər	Tənzimləmələr > Media bölməsində dəyişmək olar?	Qeydlər
thumbnail	150 x 150, kəsilmiş	Bəli	”Dəqiq ölçülərə kəs” qutusu var
medium	maks. 300 x 300	Bəli	Mütənasib kiçildilir
medium_large	768 en, hündürlük limiti yoxdur	Xeyr	Əsasən srcset daxilində istifadə olunur
large	maks. 1024 x 1024	Bəli	Mütənasib kiçildilir
1536x1536	maks. 1536 x 1536	Xeyr	Yüksək sıxlıqlı ekranlar üçün WordPress 5.3-də əlavə edilib
2048x2048	maks. 2048 x 2048	Xeyr	Yüksək sıxlıqlı ekranlar üçün WordPress 5.3-də əlavə edilib
post-thumbnail	Mövzu təyin edir	Xeyr	Yalnız mövzu set_post_thumbnail_size() çağırırsa mövcuddur
full	Orijinal yüklədiyiniz fayl	Xeyr	Çox böyük fayllar əvvəlcə kiçildilir (aşağıya baxın)

“Maks.” o deməkdir ki, WordPress şəkli bu çərçivəyə sığdırır və nisbətlərini saxlayır. 2000 x 1000 ölçülü foto large üçün 1024 x 1024 yox, 1024 x 512 olur.

Mövzular və plaginlər çox vaxt add_image_size() ilə əlavə ölçülər yaradır. Məsələn, WooCommerce öz məhsul ölçülərini əlavə edir, bunu WooCommerce məhsul şəkli ölçüsü bələdçimiz izah edir.

Böyük fayllara aid daha bir qayda var. WordPress 5.3-dən bəri şəklin eni və ya hündürlüyü 2560 pikseldən çoxdursa, WordPress onu kiçildir və kiçildilmiş nüsxəni ən böyük mövcud ölçü kimi istifadə edir. Bu hədd big_image_size_threshold filtrindən gəlir, standart dəyəri 2560-dır. Fayl adlarında -scaled görürsünüzsə və bunu söndürmək lazım olub-olmadığını bilmək istəyirsinizsə, WordPress-də scaled şəkilləri necə söndürmək olar yazısını oxuyun.

Seçilmiş şəkil ölçüsü əslində haradan gəlir

Seçilmiş şəkil yazı redaktorunun Seçilmiş şəkil panelində təyin etdiyiniz istənilən şəkildir. Ziyarətçilərin nə görəcəyi mövzunun onu necə çıxarmasından asılıdır.

Klassik mövzular

Klassik mövzu seçilmiş şəkilləri aktiv edir və ölçünü öz functions.php faylında qeydiyyatdan keçirir:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 675, true );

set_post_thumbnail_size() post-thumbnail adlı ölçünü qeydiyyatdan keçirir. Üçüncü arqument kəsməni idarə edir. false (standart) olduqda WordPress şəkli 1200 x 675 içinə sığacaq şəkildə kiçildir. true olduqda isə onu mərkəzdən dəqiq 1200 x 675 ölçüsünə kəsir, yəni 16:9 çərçivədən kənarda qalan hər şey itir. Hansı hissənin saxlanacağını seçmək üçün array( 'center', 'top' ) kimi massiv də ötürə bilərsiniz.

Bir çox mövzu müxtəlif şablonlar üçün əlavə adlı ölçülər qeydiyyatdan keçirir:

add_image_size( 'hero-wide', 1600, 900, true );
add_image_size( 'card', 600, 400, true );

Sonra şablon onlardan birini adı ilə seçir:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'hero-wide' );
}

Ad verilmədən çağırıldıqda the_post_thumbnail() post-thumbnail ölçüsündən istifadə edir. Deməli, klassik mövzuda real seçilmiş şəkil ölçüsü şablonda adı çəkilən ölçüdür və blog arxivi tək yazı görünüşündən fərqli ölçü istifadə edə bilər.

Blok mövzular

Blok mövzular, o cümlədən bu saytdakı pulsuz mövzular, seçilmiş şəkli Seçilmiş şəkil bloku ilə çıxarır. Nüvə blokları arayışı onun parametrlərini sadalayır, o cümlədən sizeSlug (hansı qeydiyyatlı ölçünün yüklənəcəyi), aspectRatio, width, height və scale.

Bu, baxmalı olduğunuz yeri dəyişir. Görünüş > Redaktor bölməsini açın, Tək yazılar şablonunu redaktə edin və Seçilmiş şəkil blokunu seçin. Yan panel onun hansı şəkil ölçüsünü yüklədiyini və nisbət təyin olunub-olunmadığını göstərir. Nisbət brauzerdə CSS ilə tətbiq olunur, yəni fayl eyni qalır, görünən çərçivə dəyişir. Blok 16:9 çərçivə istəyirsə və şəkliniz kvadratdırsa, onun bir hissəsi gizlənir. Arxiv və ana səhifə şablonları tək yazı şablonundan fərqli parametrlər istifadə edə bilər, ona görə hər birini yoxlayın.

Mövzunuzun seçilmiş şəkil ölçüsünü necə tapmaq olar

Bunları ardıcıllıqla sınayın. Cavab verən ilki kifayətdir.

1. Mövzunun sənədlərinə baxın. Yaxşı mövzular tövsiyə olunan seçilmiş şəkil ölçüsünü göstərir. Varsa, onu istifadə edin.

2. WP-CLI ilə qeydiyyatlı ölçüləri siyahıya alın. Komanda sətrinə girişiniz varsa, wp media image-size hər qeydiyyatlı ölçünü eni, hündürlüyü, kəsmə parametri və nisbəti ilə göstərir:

   wp media image-size

3. Mövzu fayllarında axtarın. Klassik mövzuda functions.php faylında (və onun qoşduğu fayllarda) set_post_thumbnail_size və add_image_size axtarın, sonra single.php və ya şablon hissələrində the_post_thumbnail() funksiyasına hansı adın ötürüldüyünə baxın. Blok mövzuda yuxarıda təsvir olunduğu kimi Sayt redaktorunda Seçilmiş şəkil blokunu yoxlayın.

4. Canlı yazını yoxlayın. Seçilmiş şəklin üzərində sağ klik edin, Yoxla (Inspect) seçin və src daxilindəki fayl adını oxuyun. WordPress kiçildilmiş nüsxələrin adına ölçüləri əlavə edir, ona görə my-photo-1200x675.jpg mövzunun 1200 x 675 nüsxəni yüklədiyini göstərir. srcset-ə də baxın, çünki dar ekranlarda brauzer daha kiçik nüsxə seçə bilər. Adda ölçü yoxdursa, tam ölçülü fayl istifadə olunub.

Hədəfi bildikdən sonra bir qrup şəkil yükləməzdən əvvəl hər törəmə ölçünün necə görünəcəyini yoxlamaq üçün nümunə şəkli şəkil ölçüləri alətindən keçirin.

Yükləmə ölçüsünü seçmək

Mövzunun ölçüsü məlum olanda nəticənin düzgün görünüb-görünməyəcəyini dörd seçim həll edir.

• En. Ən azı mövzunun göstərdiyi eni yükləyin. Telefon və noutbukların yüksək sıxlıqlı ekranlarında kəskin nəticə üçün təxminən iki qat enə çalışın. 1200px enində yer üçün bu, 2400px deməkdir. WordPress yüklədiyiniz fayldan daha kiçik nüsxələr yaradır, heç vaxt daha böyüklərini yox, ona görə də kiçik orijinal yükləmədən sonra bulanıq şəklin ən çox rast gəlinən səbəbidir.
• Nisbət. Mövzunun kəsmə nisbətinə uyğunlaşın. 16:9-a kəsirsə, 16:9 verin və obyekti mərkəzə yaxın saxlayın ki, sərt kəsmə başları və ya mətni kəsməsin.
• Fayl həcmi. Normal keyfiyyətdə JPEG kimi saxlanmış 2400px foto adətən bir neçə yüz kilobayt olur. 6000px kamera faylı yükləmək yalnız iş artırır: WordPress 2560px-dən böyük hər şeyi onsuz da kiçildir və artıq piksellər heç vaxt ziyarətçiyə çatmır.
• Fayl formatı. Serverinizin şəkil kitabxanası dəstəklədiyi halda WordPress 5.8 versiyasından bəri WebP yükləmələrini və 6.5-dən bəri AVIF-i qəbul edir. Hər ikisi oxşar keyfiyyətdə adətən JPEG-dən daha kiçik fayl verir.

Sosial paylaşım şəkli ayrı məsələdir

Kimsə yazınızı Facebook, LinkedIn və ya başqa şəbəkələrdə paylaşanda önizləmə og:image teqindən gəlir, SEO plaginləri isə onu adətən seçilmiş şəkillə doldurur. Facebook-un paylaşım sənədləri ən azı 1200 x 630 piksel olan, 1,91:1 nisbətinə mümkün qədər yaxın şəkillər tövsiyə edir.

1200 x 628 tövsiyəsinə də rast gələcəksiniz. Bu, demək olar ki, dəqiq 1,91:1-dir, 1200 x 630 isə təxminən 1,90:1 edir. Hündürlükdə aralarındakı fərq cəmi 2 pikseldir, ona görə hər ikisi işləyir.

Mövzunuzun göstərmə ölçüsü də 1,91:1-ə yaxındırsa, bir 1200 x 630 (və ya 2400 x 1260) fayl hər ikisi üçün işləyir. Mövzu 16:9 və ya kvadrat kəsirsə, vacib məzmunu sol və sağ kənarlardan uzaq saxlayın və ya SEO plagininizdə ayrıca sosial şəkil təyin edin.

Google Discover-in şəkillər üçün öz tövsiyələri var. Google-un Discover təlimatları ən azı 1200 px enində, ümumilikdə 300 000 pikseldən çox olan, 1200 x 675 kimi 16:9 nisbətli şəkillər tövsiyə edir. Böyük şəkillər üçün həmçinin max-image-preview:large robots parametri lazımdır. Sayt axtarış sistemlərini indeksləmədən çəkindirmək üçün qurulmayıbsa, WordPress bunu 5.7 versiyasından bəri standart olaraq əlavə edir.

Seçilmiş şəkil ölçüsünü necə dəyişmək olar

Dəyişikliyi harada edəcəyiniz ölçüdən və mövzunuzdan asılıdır.

Nüvə ölçüləri (thumbnail, medium, large). Tənzimləmələr > Media bölməsinə keçin və eni və hündürlüyü dəyişin. Media tənzimləmələri ekranının sənədləri sahələri, o cümlədən miniatürlər üçün kəsmə qutusunu təsvir edir.

Klassik mövzuda mövzu ölçüləri. Ana mövzunu redaktə etməyin, çünki mövzu yeniləməsi dəyişikliyinizin üzərinə yazacaq. Yeni dəyərləri uşaq mövzunun functions.php faylına əlavə edin. Eyni adla ölçünü yenidən qeydiyyatdan keçirmək onu əvəz edir və uşaq mövzunun quraşdırması ana mövzunun quraşdırmasından sonra işləməlidir:

add_action( 'after_setup_theme', function () {
	set_post_thumbnail_size( 1600, 900, true );
	add_image_size( 'hero-wide', 1600, 900, true );
}, 11 );

11 prioriteti bu kodun standart 10 prioritetində qoşulmuş ana mövzudan sonra işləməsini təmin edir. Ana mövzunun koduna baxın və daha gec prioritet istifadə edirsə, dəyəri uyğunlaşdırın.

Blok mövzular. Sayt redaktoru şablonunda Seçilmiş şəkil blokunun şəkil ölçüsünü və nisbətini dəyişin. Kod lazım deyil və dəyişiklik həmin şablonu istifadə edən hər yazıya tətbiq olunur.

Bir şəkil, kodsuz. Konkret bir şəkildə kəsmənin nəyi saxlayacağını seçmək üçün onu Media > Kitabxana bölməsindən açın və Şəkli redaktə et düyməsinə klikləyin. Şəkli mövzunuzun nisbətinə kəsin (kəsmə aləti 16:9 kimi nisbət qəbul edir) və ya miqyasını dəyişin, sonra yadda saxlayın. WordPress dəyişikliyi həmin şəklin bütün ölçülərinə tətbiq edir və orijinal faylı saxlayır, ona görə də sonradan orijinal şəkli bərpa etmə seçimi ilə dəyişikliyi geri qaytara bilərsiniz.

Mövcud miniatürləri yenidən yaradın

Dəyişdirilmiş ölçü yalnız yeni yükləmələrə tətbiq olunur. Media kitabxananızda artıq olan şəkillər siz onları yenidən qurana qədər köhnə nüsxələrini saxlayır. Bunu wp media regenerate əmri edir:

wp media regenerate --yes

WP-CLI sənədlərindən faydalı seçimlər:

• --image_size=hero-wide yalnız həmin ölçünü yenidən yaradır. Bir neçə ölçü üçün seçimi təkrarlayın.
• --only-missing hələ mövcud olmayan ölçüləri yaradır və mövcud fayllara toxunmur, bu da yeni ölçü əlavə etdikdən sonra daha sürətlidir.
• --skip-delete köhnə miniatür fayllarını saxlayır. Başqa saytlar, bülletenlər və ya lentlər bu fayllara birbaşa link verirsə, istifadə edin.

Komanda sətri yoxdursa, WordPress.org plagin kataloqundakı Regenerate Thumbnails plagini eyni işi idarə panelindən görür. Böyük kitabxanada əvvəlcə ehtiyat nüsxə çıxarın, çünki yenidən yaratma çoxlu faylı yenidən yazır.

Tez-tez edilən səhvlər

• 1200 x 630-da dayanmaq. Bu, yaxşı başlanğıc nöqtəsidir və link önizləmələrinə uyğundur, amma mövzunuz 16:9-a və ya kvadrat kəsirsə, şəklin bir hissəsi kəsilir. Bir qrup şəkil yükləməzdən əvvəl mövzunuzun ölçüsünü yoxlayın.
• “Orijinalı saxlamaq” üçün yaradılan ölçüləri söndürmək. Mövzunun kiçik nüsxələri yoxdursa, o, hər ekranda tam faylı yükləyə bilər və bu, telefonlarda səhifəni yavaşladır. Kiçildilmiş nüsxələr məhz bunun qarşısını almaq üçündür.
• Şəkil ölçüsü kodunu dəyişib yenidən yaratmanı atlamaq. Kod işləyir, amma yalnız yeni yükləmələr üçün. Buna görə çoxları ölçü dəyişikliyinin “heç nə etmədiyini” düşünür.
• Ölçünü ana mövzuda dəyişmək. Növbəti mövzu yeniləməsi onu silir. Uşaq mövzu və ya Sayt redaktorundan istifadə edin.

Ölçünü və nisbəti uyğunlaşdırıb yenidən yaratdıqdan sonra da şəkil səhv görünürsə, brauzerin yüklədiyi fayl adını şəkil ölçüləri alətinin WordPress-in yaratmalı olduğunu göstərdiyi ölçülərlə müqayisə edin. Fərqlənirlərsə, çox vaxt WordPress ilə ziyarətçi arasında olan optimallaşdırma plagini və ya CDN şəkil ölçüləndiricisi öz versiyasını təqdim edir.