Este posibil să fi dat peste faptul că, în rolul de dezvoltator de teme, este un standard să construiești tema cu performanța web în minte. Acest lucru înseamnă să vă asigurați că imaginile ieșite în tema dvs. nu sunt în dimensiune „completă” dacă acestea ar putea fi mai mari de 100 de kilobiți.
De asemenea, utilizarea funcționalității WordPress pentru atributul HTML image srcset este un alt motiv pentru a utiliza funcția wp_get_attachment_image() în ieșirea imaginilor.
O altă utilizare ar fi în ieșirea postărilor de blog cu imagini recomandate. În calitate de dezvoltator de teme, doriți să vă asigurați că fie specificați: (a) una dintre dimensiunile implicite ale miniaturii posturilor, sau (b) să vă creați propria dimensiune personalizată a miniaturii posturilor.
Există cazuri în care s-ar putea să nu fie nevoie să utilizați o dimensiune personalizată a miniaturii posturilor. Cu toate acestea, puteți utiliza în schimb o dimensiune implicită a miniaturii posturilor care se va potrivi perfect pentru cerințele dumneavoastră.
Dimensiunile implicite ale miniaturilor disponibile pentru a le utiliza sunt următoarele:
-
thumbnail(folosește dimensiunea de 150px × 150px) -
medium(folosește dimensiunea de 300px × 300px) -
medium_large(folosește dimensiunea de 768px × 0px) - .
large(utilizează dimensiunea 1024px × 1024px)
În aceste cazuri, puteți specifica cu ușurință dacă aveți o dimensiune similară de utilizat pentru oricare dintre aceste dimensiuni implicite ale miniaturilor. Tot ce va trebui să faceți este să folosiți oricare dintre șirurile de caractere menționate mai sus în parametrul $size al funcției the_post_thumbnail().
Vă veți observa că aceste dimensiuni implicite ale miniaturilor de post sunt aproape toate imaginile decupate pătrat. Acest lucru se datorează probabil spațiului maxim din care poate fi emisă o imagine – un pătrat. Pentru a utiliza la maximum spațiul, s-a luat decizia de a face ca aceste dimensiuni implicite ale miniaturilor de postări să fie imagini pătrate.
Când să folosiți o dimensiune personalizată a miniaturilor de postări
Cu toate acestea, există cazuri în care trebuie să scoateți o imagine care nu este pătrată. Să luăm ca exemplu faptul că trebuie să adăugați o imagine evidențiată deasupra articolului unic al blogului dvs. folosind funcția the_post_thumbnail().
Puteți folosi următorul cod care va scoate o imagine featured a articolului dvs. cu dimensiunea 1024px × 768px:
add_image_size( 'single-feature', 1024, 768, true );
Și identificând rapid ce înseamnă acest lucru în termeni simpli:
- add_image_size() – creează o dimensiune personalizată a miniaturii articolului
- ‘single-feature’ – parametrul
$name, doar un nume al dimensiunii miniaturii articolului personalizat - 1024 – parametrul
$width, lățimea dimensiunii miniaturii postului personalizat - 768 – parametrul
$height, înălțimea dimensiunii miniaturii postului personalizat - true – parametrul
$crop, înseamnă dacă trebuie (a) decupat dur sau (b) redimensionată imaginea în dimensiunea miniaturii postului personalizat. Mai multe informații în documentația WP Dev
Ca informații suplimentare: din exemplu, lățimea și înălțimea specificate au fost alese (1024 × 768), deoarece acestea sunt dimensiunile obișnuite de utilizat pentru imaginile recomandate. Totuși, acest lucru nu trebuie să însemne că nu puteți folosi orice altă dimensiune. Asigurați-vă că vedeți ce se potrivește cel mai bine pentru designul temei dvs. și folosiți-o.
Cum să actualizați miniaturile posturilor personalizate
Cum veți testa noile dimensiuni ale imaginilor pentru imaginile WordPress, veți observa că este posibil să aveți probleme în actualizarea lățimii și înălțimii fără a modifica $name dimensiunea miniaturilor posturilor personalizate.
Să luăm ca exemplu faptul că aveți dimensiunea veche:
add_image_size( 'single-feature', 1024, 768, true );
Dar acum trebuie să actualizați dimensiunea acestei miniaturi „single-feature” la următoarea dimensiune:
add_image_size( 'single-feature', 1366, 768, true );
Vezi că modificarea a fost în lățime de la 1024 la 1366. Dar când reîmprospătați șablonul în care ar trebui să fie afișată această dimensiune, acesta va afișa în continuare imaginea sa cu lățimea de 1024. Cum se poate remedia acest lucru?
Pentru a remedia acest lucru, va trebui să regenerați miniatura.
Așa că, pentru început, asigurați-vă că ați actualizat lățimea și înălțimea miniaturii, apoi instalați pluginul Regenerate Thumbnails. Urmați instrucțiunile pluginului și apoi veți fi regenerat cu succes dimensiunile miniaturilor.
Regenerarea tuturor imaginilor dvs. poate dura ceva timp, mai ales dacă site-ul dvs. web are multe imagini în Media Library.
Unde să plasați funcția add_image_size
Funcția add_image_size() nu va funcționa dacă nu o plasați corespunzător în cadrul cârligului de acțiune WordPress after_setup_theme. Acest lucru înseamnă că următorul cod de exemplu:
add_image_size( 'archive-featured', 792, 446, true );
trebuie să se afle în cadrul următorului cârlig de acțiune din fișierul functions.php al temei dvs. sub:
function ms_setup() {add_image_size( 'archive-featured', 792, 446, true );}add_action( 'after_setup_theme', 'ms_setup' );
Adăugarea add_image_size în Underscores Theme
O temă de pornire foarte populară numită Underscores Theme sau _s theme are un loc bun pentru a adăuga funcțiile add_image_size().
Puteți adăuga funcția personalizată de mărime a miniaturii posturilor add_image_size() sub linia add_theme_support( 'post-thumbnails' ); din fișierul functions.php al temei Underscores.
Motivul pentru care puteți adăuga funcția add_image_size() aici este că aceasta se află deja în cadrul cârligului de acțiune after_setup_theme menționat mai devreme.
Add Image Size Function Snippet for WordPress Themes
Dacă doriți, puteți copia fragmentul de mai jos pentru add_image_size în tema Underscores pentru referințe viitoare:
/* * Custom post thumbnail sizes for use across the theme. * * @link https://developer.wordpress.org/reference/functions/add_image_size/ */add_image_size( $name, $width, $height, $crop );
Nota: Vă rugăm să vă asigurați că definiți parametrii utilizați în fragment pentru a vă asigura că nu primiți erori de avertizare PHP în tema dvs. Fragmentul de mai sus este folosit ca un șablon pe care să îl copiați și să îl lipiți în funcțiile temei dumneavoastră.
Concluzie
Mulțumim că ați citit acest articol! Vă rog să-mi spuneți părerile și configurația dvs. cu privire la dimensiunile miniaturilor posturilor personalizate.
Dacă v-a plăcut acest articol, s-ar putea să vă placă să cunoașteți Greșelile temei în configurarea tipurilor de posturi personalizate. În primul rând, nu înregistrați tipurile de posturi personalizate în tema dvs.!
.
