Cum se schimbă dimensiunea imaginii prezentate WordPress?

Publicat: 2023-01-03

Dimensiunea imaginii WordPress! Huh! Sună a ceva simplu, nu-i așa? Dar chiar este?

Bine, hai să vorbim despre asta. Ce crezi că caută un utilizator aleatoriu de internet înainte de a face clic pe un link, blog, articol etc.? Este titlul? Poate că este antetul? slogan? Răspunsul este în mare parte nu, niciunul dintre acestea.

Dar dacă te gândești la imaginea caracteristică, am spune că da. Potrivit multor studii și reviste populare, navigatorii web tind să facă clic pe imagini atractive și informative.

Ei tind să studieze conținutul din imaginea caracteristică, cu mult înainte de a se uita la titlu sau metadate.

Aici se întâmplă magia. Aici/când un navigator decide să facă clic pe conținutul dvs. publicat pentru a vedea în continuare.

A fi capabil să captivezi publicul cu imaginea caracteristică înseamnă un clic organic aproape sigur.

Ceea ce nu este atât de ușor atunci când lucrați cu un cuvânt cheie competitiv cu coadă lungă sau cuvinte cheie cu coadă scurtă, expresii populare, evenimente populare, subiecte, referințe la cultura pop etc.

Deci, dimensiunea recomandată a imaginii prezentate WordPress de către echipa de dezvoltare DroitThemes este de 1200×675 pixeli sau raport de 16:9.

Importanța imaginilor bune

După cum am menționat mai devreme, o imagine prezentată atractivă pe WordPress poate aduce mai multe atracții organizate și clicuri fără nicio muncă suplimentară. Importanța imaginilor bune nu poate fi subestimată.

Un blog, un articol, o postare, un buletin informativ etc. nu contează ce tipuri de conținut poate prezenta, implementarea imaginilor informative și de calitate sunt cheia succesului.

Oamenii au tendința de a se răsfăța vizual înainte de a începe să citească și toate acestea se întâmplă în fracțiuni de secunde după ce întâlnesc imaginea menționată.

Prin urmare, este foarte recomandabil să selectați o imagine excelentă care să fie prezentată în următorul conținut.

O imagine de înaltă calitate nu numai că atrage mai multe priviri, dar este și excelentă pentru menținerea unei calități stabile în diferite tipuri de rezoluții de afișare.

Imagini recomandate WordPress: ce sunt acestea?

O imagine caracteristică este utilizată pentru prezentarea vizuală a informațiilor de context cu privire la o bucată de conținut.

Aceste tipuri de imagini apar de obicei deasupra conținutului și sunt prezentate alături de metadatele conținutului menționat, în secțiunea de miniaturi.

Imaginea prezentată atrage atenția și imaginația vizitatorului și oferă indicii, informații și context minor cu privire la conținutul dvs. vizual.

De exemplu, imaginea prezentată aici indică clar punctul de discuție și subiectul în joc.

Tema WordPress activă a site-ului web joacă, de asemenea, un rol cheie în timp ce determină modul în care va fi afișată imaginea caracteristică.

Când construiți un site web WordPress, încercați întotdeauna să alegeți cea mai bună temă WordPress pentru blogging și publicare de conținut.

Developer.WordPress.org Dimensiunea imaginii recomandate WordPress recomandată

WordPress folosește implicit următoarele dimensiuni de imagine

WordPress creează automat trei versiuni ale imaginii încărcate și acestea sunt:

  • Dimensiunea miniaturii: 150 px X 150 px
  • Dimensiune medie: 300 px X 300 px
  • Dimensiune mare: 1024 px X 1024 px

Care este scopul acestor diferite versiuni ale dimensiunilor imaginilor prezentate WordPress?

Luați în considerare imaginea de dimensiune folosită de echipa de dezvoltare DroitThemes – 1200px X 675px .

Dimensiunea originală a imaginii poate ajunge până la 100 KB .

Acum luați în considerare dimensiunile originale ale imaginii ca miniatură! Acum nu ar părea anormal pentru o imagine în miniatură, nu-i așa!

Și să nu mai vorbim de impactul asupra performanței pe care l-ar avea rezoluția dacă acea rezoluție ar veni cu dimensiunea imaginii.

Prin urmare, este sigur să presupunem că dimensiunea convertită automat de către WordPress de 150×150 px este un pariu sigur și de încredere.

Redimensionarea automată a imaginilor de către WordPress este o caracteristică excelentă, desigur.

Cu toate acestea, această caracteristică minunată funcționează bine în anumite scenarii.

De exemplu, redimensionarea implicită a unei imagini poate să nu fie o soluție adecvată dacă o temă WordPress necesită o anumită dimensiune a imaginii.

Aici la DroitThemes este ceva de discutat, deoarece lucrăm cu dimensiunea imaginii prezentate WordPress de 1200×675 pixeli.

În astfel de cazuri, este recomandabil să adăugați manual o dimensiune personalizată a imaginii.

Deci, cum funcționează?

Iată un scurt tutorial despre cum să adăugați o dimensiune personalizată a imaginii recomandate WordPress

WordPress automatizează conținutul dvs. pentru cea mai bună performanță pe platforma sa, redimensionând imaginile caracteristice originale cu trei dimensiuni și rezoluții diferite.

Ce zici de adăugarea unei alte dimensiuni implicite? Ar fi posibil să includeți o dimensiune personalizată a imaginii WordPress?

Da, este posibil și vă vom arăta cum să o faceți corect.

Adăugarea dimensiunilor personalizate de imagine utilizând Image Regenerate & Select Crop

Regenerate & Select Crop este un plugin simplu care oferă mai multe funcționalități decât Regenerate Thumbnails.

În afară de a permite utilizatorilor să modifice dimensiunea implicită a imaginii prezentate, utilizatorii au și opțiunea de a regenera toate imaginile existente pentru a se potrivi cu dimensiunea preferată a imaginii, de a seta opțiunile de decupare implicite sau de a regenera miniaturile.

Odată instalat și activat, mergeți la WordPress Dashboard > Regenerate & Select Crop , de aici faceți clic pe DEFINE CUSTOM IMAGE SIZES și setați un nume pentru dimensiunea personalizată a imaginii prezentate WordPress și adăugați dimensiunile.

Pentru acest exemplu, folosim dimensiunea imaginii prezentate WordPress de 1200×675 pixeli.

După ce ați terminat, asigurați-vă că apăsați pe Salvare modificări .

Există multe mai multe opțiuni oferite cu acest plugin special, nu explorăm acest lucru în continuare, dar vă recomandăm cu căldură, utilizatorului, să explorați și să modificați setările.

Pasul.01 Adăugați dimensiunea personalizată a imaginii WordPress prin editarea functions.php

Pentru aceasta, va trebui să modificați câteva coduri din fișierul functions.php al site-ului dvs., dar nu vă faceți griji, vă vom fi alături pe parcurs.

Deoarece vom modifica unele coduri, ar trebui să faceți o copie de rezervă a fișierului menționat doar pentru a fi în siguranță.

Acum mergeți la Tabloul de bord WordPress > Aspect > Editor de teme .

Acum faceți clic pe Funcțiile temei ( functions.php ) de aici, găsiți următorul cod cu editorul de teme apăsând Ctrl + F și apăsați Enter, Dacă codul este deja acolo, lăsați-l și treceți la pasul următor.

Și dacă codul pare să lipsească, introduceți următorul șir -

 add_theme_support( 'post-thumbnails' );

După ce ați terminat, asigurați-vă că apăsați butonul Actualizare fișier .

Acum, pentru a adăuga dimensiunile personalizate ale imaginii, introduceți următorul cod chiar sub codul menționat anterior, dimensiunea personalizată -

 add_image_size( 'my-custom-image-size', 1200, 675 );

În special, trebuie să actualizați conținutul ghilimelelor simple cu numele noii dimensiuni personalizate a imaginii. Vă sugerăm ceva simplu și descriptiv.

Prima valoare ar trebui să fie lățimea imaginii, iar a doua valoare trebuie să fie înălțimea imaginii.

Urmați cele mai bune practici WordPress privind imaginile prezentate

Pur și simplu nu este suficient să încărcați și să uitați de componentele importante ale site-ului web, cum ar fi imaginile caracteristice.

În timp ce alegeți și încărcați imagini cu caracteristici pentru WordPress sau orice altă platformă de creare de site-uri web, recomandăm insistent utilizatorilor să urmeze câțiva pași simpli:

Imagini de înaltă calitate

Imaginile caracteristice trebuie să fie de înaltă calitate și cu o rezoluție clară și clară. O imagine caracteristică vă reprezintă pe dvs., site-ul dvs. și conținutul dvs., astfel încât utilizarea unei imagini de calitate este o necesitate.

Utilizatorii ar trebui să aleagă ceva care arată bine atât pe miniaturi, cât și în postări.

Conținut consistent

Încărcați imagini care sunt în concordanță cu conținutul de pe site-ul dvs. Încărcați caracteristici, conținut, logo etc. în concordanță cu marca dvs. Menținerea unei interpretări coerente asupra designului dvs. vizual vă ajută să vă construiți brandul și să îl faceți recunoscut de vizitatori.

Imagini relevante

Un om procesează imaginile mai repede decât textul. Când o considerați o imagine caracteristică relevantă, informativă, poate aduce mai multă atenție site-ului dvs.

Deci, încercați întotdeauna să mențineți o relevanță puternică în timp ce luați în considerare imaginile caracteristice.

Drepturi de autor

Nu încălcați chestiunile legate de drepturile de autor. Încercați întotdeauna să vă asigurați conținutul produs și, dacă încărcați ceva de la un alt creator de conținut, asigurați-vă că îi luați acordul legal înainte de a face acest lucru.

Cumpărarea de fotografii de stoc fără drepturi de autor de pe site-uri precum Unsplash, Pixaby și altele este o opțiune excelentă.

Pentru a-l încheia

Imaginile prezentate sunt o parte integrantă a fiecărui site web WordPress.

O imagine bine concepută și prezentată poate face site-ul dvs. să arate mai profesional și vă va ajuta foarte mult la creșterea gradului de cunoaștere a mărcii dvs. Același lucru este valabil și pentru magazinele online. Imaginile sunt utile pentru vânzarea produselor.

O imagine caracteristică bine concepută și completă poate avea un impact semnificativ asupra imaginației vizitatorilor dvs., ajutându-vă să obțineți mai multe clicuri și vizionări organice.

Acestea fiind spuse, sperăm că ați găsit acest conținut util și că veți lua în considerare să îl distribuiți cu cineva care are nevoie.

Vă mulțumim că ați trecut pe aici și dacă aveți întrebări sau nelămuriri cu privire la acest subiect, nu ezitați să ne anunțați în comentariul de mai jos.

Saasland