Ghidul complet pentru miniaturi și dimensiuni ale imaginilor în WordPress

Ghidul complet pentru miniaturi și dimensiuni ale imaginilor în WordPress

O imagine valorează o mie de cuvinte --- cu excepția cazului în care a fost redimensionată necorespunzător, caz în care este puțin jenantă. WordPress conține instrumente puternice pentru redimensionarea imaginilor și a miniaturilor, dar trebuie să știi cum să le tratezi.





Citiți mai departe pentru tot ce trebuie să știți despre dimensiunile imaginilor în WordPress și gestionarea imaginilor recomandate.



Editarea PHP în fișiere WordPress

Această postare conține cod PHP pentru WordPress. S-ar putea să doriți să citiți cursul nostru gratuit PHP de blocare înainte de a încerca orice modificări pe tema dvs.





Dacă nu vă simțiți confortabil să vă deschideți fișierele tematice sau nu doriți, deoarece acestea se vor pierde odată cu actualizările viitoare ale temei, puteți utiliza Funcțiile mele personalizate plugin pentru a adăuga în schimb blocuri de cod.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Noțiuni de bază despre dimensiunea imaginii WordPress

În tabloul de bord al administratorului WordPress, probabil că știți deja despre Setări > Jumătate.

lucruri de făcut în ajun online

Acestea sunt cele trei dimensiuni de imagine implicite, pe care WordPress le numește: miniatură , mediu , și mare . Dimensiunea miniaturii are o setare specială pentru a fi decupată la dimensiunea exactă pe care o specificați aici. Aceasta nu trebuie să fie o dimensiune de raport 1: 1 --- o puteți seta oricum doriți.



Când decuparea este activată, imaginile vor fi redimensionate și centrate, apoi tot ce nu se potrivește va fi aruncat.

Setarea medie și mare funcționează ușor diferit, în sensul în care veți specifica maxim atât pentru lățime cât și pentru înălțime, iar imaginile vor fi reduse în mod corespunzător. Dacă imaginea este prea mică, acele dimensiuni ale imaginii nu vor fi create.



Când încărcați o imagine nouă, originalul este salvat și disponibil pentru a fi inserat într-o postare la dimensiune completă, iar celelalte dimensiuni ale imaginii înregistrate sunt create automat.

Adăugarea dimensiunilor de imagine personalizate în WordPress

Este posibil ca cele trei dimensiuni definite în mod implicit în WordPress să nu fie suficiente, motiv pentru care temele și pluginurile au permisiunea de a adăuga propriile dimensiuni personalizate. Dacă vă simțiți confortabil să editați fișierele tematice, puteți face și acest lucru.

Deschideți directorul tematic și căutați fișierul funcții.php fişier. Adaugă următorul cod, una pentru fiecare dimensiune a imaginii pe care doriți să o definiți:

add_image_size( 'my-thumbnail', 400, 200, true);

Fiecare nouă dimensiune a imaginii are nevoie de un nume, lățime și înălțime și dacă imaginile ar trebui sau nu să fie decupate exact la această dimensiune ( Adevărat sau fals ). Pentru părțile structurale ale unei teme sau widget-uri, în general, ați dori să decupați, astfel încât să nu întrerupă aspectul.

S-ar putea să fiți tentați să creați o mulțime de dimensiuni de imagine personalizate, dar ar trebui să faceți acest lucru cu cumpărare. Fiecare dimensiune a imaginii pe care o definiți va fi generată pentru fiecare imagine pe care o încărcați, chiar dacă ne-ați intenționat-o numai cu imaginea prezentată.

Deci, dacă aveți șapte dimensiuni de imagine personalizate, plus cele trei implicite, fiecare imagine pe care o încărcați va genera 10 copii mici ale sale. Dacă considerați că o singură postare poate avea 10 imagini încorporate, sunt 100 de fișiere create doar pentru postarea respectivă.

Nu puteți crea o dimensiune personalizată a imaginii și să specificați că aceasta trebuie utilizată numai pentru imaginile dvs. prezentate.

De asemenea, chiar dacă nu mai utilizați o anumită dimensiune personalizată și ați șters codul respectiv (sau ați modificat temele), imaginile vechi vor rămâne pe server pentru totdeauna. WordPress nu va șterge imaginile neutilizate pentru dvs. Pe un site la fel de vechi sau la fel de mare ca MakeUseOf, aceasta înseamnă că sunt risipite câteva sute de gigaocteți stocând imagini care nu mai sunt folosite.

Pentru site-urile mai mici, Media Cleaner pluginul vă poate ajuta, dar întotdeauna executați întotdeauna o copie de rezervă completă.

https://wordpress.org/plugins/media-cleaner/#description

Dimensiuni de imagine personalizate pentru utilizare în conținutul postat

În mod implicit, dimensiunile de imagine personalizate nu vor apărea în caseta derulantă atunci când introduceți o imagine într-o postare. Singurul lucru pe care îl veți vedea este miniatură, medie, mare și dimensiune completă (în funcție de dimensiunea imaginii originale, deoarece nu va fi modificată).

Dacă doriți ca dimensiunea dvs. personalizată să fie, de asemenea, pe listă, vom avea nevoie de puțin mai mult cod. Din nou, adăugați la funcții.php fişier:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Acest lucru funcționează prin filtrarea listei de selecție media. Combinăm matricea listă de dimensiuni originale cu orice dimensiuni noi pe care le dorim, de asemenea, listate. Schimbați „miniatura mea” și „Dimensiunea miniaturii mele” la dimensiunea dvs. personalizată, precum și numele ușor de citit de către om, pe care doriți să fie listat.

Imaginile prezentate sunt o singură imagine asociată cu o postare, dar nu neapărat inserată în conținutul postării. Sunt adesea folosite de teme din antet, de pe prima pagină sau din bara laterală. Cu toate acestea, în ceea ce privește dimensionarea imaginii, acestea nu sunt tratate diferit față de imaginile normale.

Pentru fiecare dimensiune pe care ați definit-o, orice imagine încărcată va fi duplicată și redimensionată, inclusiv imaginea prezentată.

ce bloatware pentru a elimina din Windows 10

Dacă nu vedeți opțiunea de a Setați imaginea prezentată pe ecranul de editare a postărilor, este posibil ca tema dvs. să nu accepte funcția. Puteți forța asistența adăugând următoarea linie la tema dvs. funcții.php fișier, dar aș sugera cu tărie să găsiți o temă nouă.

Lipsa suportului pentru ceva la fel de simplu precum imaginile prezentate ar indica un cod învechit în altă parte.

add_theme_support('post-thumbnails');

Pentru a utiliza imaginea prezentată în propria temă sau pluginuri, utilizați the_post_thumbnail () funcție pentru a afișa eticheta de imagine:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Funcția are 2 parametri: dimensiunea numită pe care o căutați (în acest caz „miniatura mea”) și orice atribute în care doriți să treceți, cum ar fi o clasă CSS personalizată.

Dacă preferați doar să obțineți adresa URL reală a imaginii prezentate decât HTML necesară, încercați aceasta (obținând dimensiunea medie a imaginii în acest exemplu):

cum se creează Windows 10 DVD de boot
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerarea imaginilor miniaturale WordPress

De fiecare dată când modificați dimensiunile implicite ale imaginii sau creați o dimensiune personalizată a imaginii, aceasta se va aplica numai nou încărcări. Toate imaginile existente rămân în dimensiunile originale.

Dacă doriți să redimensionați imaginile încărcate anterior, veți avea nevoie de un plugin. AJAX Thumbnail Rebuild vă permite să selectați ce dimensiuni să regenerați și va trece încet prin arhiva dvs.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Există însă câteva limitări și capcane despre care ar trebui să știți.

În timp ce imaginile prezentate pot fi redimensionate automat, niciun plugin nu poate rescrie conținutul postării. De exemplu, dacă ați adăugat o imagine la o postare la mare dimensiunea (care poate avea 500px în acel moment), modificând definiția mare nu va schimba dimensiunea imaginii în postare. Va rămâne la 500 px, cu excepția cazului în care editați postarea și reintroduceți aceeași imagine la noua dimensiune.

După cum sa menționat, dacă aveți o mulțime de dimensiuni de imagine, veți genera multe imagini. Din fericire, Reconstruirea miniaturilor vă permite să limitați acest lucru la au prezentat doar imagini . Dar, din nou, amintiți-vă că acest lucru se aplică doar imaginii dvs. anterioare. Toate încărcările viitoare de imagini vor fi gestionate de WordPress, ceea ce înseamnă că toate dimensiunile imaginii vor fi create pentru orice.

Acum ar fi un moment minunat pentru a învăța și diferența dintre JPG și PNG deci știți să utilizați formatul optim în viitor.

Luați site-ul dvs. WordPress la nivelul următor

Vrei să-ți modifici tema WordPress? Utilizarea temei de imagini, culori și poziționarea elementelor este definită în principal de CSS și HTML, așa că vă recomandăm să consultați aceste tutoriale pas cu pas pentru a învăța CSS și HTML.

Și dacă sunteți interesat de teme, aruncați o privire la aceste teme WordPress interesante pentru un portofoliu de fotografii.

Site-ul dvs. WordPress se prăbușește prea des? Plătești prea mult? Treceți la un serviciu de găzduire bine cunoscut precum InMotion Hosting (reducere specială MakeUseOf cu acest link ) sau Bluehost (reducere specială MakeUseOf cu acest link ).

Acțiune Acțiune Tweet E-mail Iată de ce FBI a emis un avertisment pentru Hive Ransomware

FBI a emis un avertisment cu privire la o tulpină deosebit de urâtă de ransomware. Iată de ce trebuie să fiți deosebit de atenți la ransomware-ul Hive.

Citiți în continuare Subiecte asemănătoare
  • Programare
  • Wordpress
Despre autor James Bruce(707 articole publicate)

James are o licență în inteligență artificială și este certificat CompTIA A + și Network +. Când nu este ocupat ca editor de recenzii hardware, îi place LEGO, VR și jocurile de societate. Înainte de a se alătura MakeUseOf, a fost tehnician de iluminat, profesor de engleză și inginer de date.

Mai multe de la James Bruce

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona