Ghid complet pentru miniaturi recomandate și dimensiuni de imagine în WordPress

O imagine este în valoare de o mie de cuvinte - dacă nu a fost redimensionată în mod necorespunzător, caz în care merită negativ o sută de cuvinte. Bine - poate că este o versiune mai puțin cunoscută a unei vechi zicale sau ceva ce tocmai am făcut, dar punctul este: WordPress este foarte puternic atunci când vine vorba de miniaturi și dimensiuni de imagine - trebuie doar să știi cum să le rezolvi. Citiți mai departe tot ce trebuie să știți despre dimensiunile imaginilor în WordPress și gestionarea imaginilor prezentate.

Notă: această postare este destul de greu cu PHP - nimic prea complicat, dar ați putea dori să citiți cursul gratuit de crash PHP înainte de a încerca orice modificări pe tema dvs..

Bazele primului

În tabloul de bord al administratorului WordPress, probabil că deja știți Setări -> Mass-media.

Acestea sunt cele trei dimensiuni implicite ale imaginilor, pe care WordPress le solicită: miniatură, mediu, și mare. Dimensiunea miniaturilor are o setare specială care trebuie tăiată la dimensiunea exactă specificată aici. Aceasta nu trebuie să fie o dimensiune de 1: 1 - puteți seta oricum doriți - dar imaginile vor fi centrate și tăiate, ceea ce înseamnă că orice porțiune a imaginii dvs. care nu se încadrează în aceste dimensiuni după ce a fost redusă va fi pur și simplu tăiată.

Setările medii și mari funcționează puțin diferit, pe care îl specificați maxim dimensiunile pentru lățime și înălțime, iar imaginile vor fi reduse corespunzător. Dacă imaginea este prea mică, aceste dimensiuni de imagine 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 înregistrate sunt create automat.

Aceste trei dimensiuni ale imaginii, precum și cele originale dimensiunea completă, sunt singurele disponibile când editați o postare și inserați suporturi media, așa că am tendința de a seta ca lățimea absolută a temei mele pentru pagini și postări cu lățime totală, precum și medii ca lățime a coloanei de conținut tipic.

Efectuarea de mai multe dimensiuni

Când editați tema sau creați widget-uri, este posibil ca cele trei dimensiuni definite în setările media să nu fie suficiente. Le las mereu pe aceia singuri pentru conținut - apoi definesc unele dimensiuni noi de imagini în functions.php dosar, astfel:

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

Fiecare dimensiune nouă a imaginii necesită o dimensiune a numelui, a lățimii și a înălțimii și dacă imaginile ar trebui sau nu să fie decupate exact la această dimensiune (adevărat sau fals). Pentru componentele structurale ale unei teme sau widget-uri, în general, veți dori să cultivați astfel încât să nu rupă aspectul.

Imagine recomandată

Din versiunea 2.9, WordPress ne-a permis să setăm o imagine specifică ca “imaginea specială” pentru un post. Această imagine nu este inserată în corpul postului (cu excepția cazului în care o introduceți singură), dar poate fi utilizată structural pe întreaga temă - ca miniatură lângă titlul postului sau, probabil, în antet, când vizionați acel post. Includerea unei imagini prezentate pare a fi doar leneșă, dat fiind câte teme și widgeturi se bazează pe ele - inserați acest fragment în funcții.php pentru a vă aminti când salvați o postare dacă ați uitat să setați o sursă:

 add_action ('save_post', 'wpds_check_thumbnail'); add_action ('admin_notices', 'wpds_thumbnail_error'); funcția wpds_check_thumbnail ($ post_id) // modificați orice tip de post personalizat dacă (get_post_type ($ post_id)! = 'post') retur; dacă ! has_post_thumbnail ($ post_id) // a setat un parametru tranzitoriu pentru a afișa utilizatorilor un mesaj de admin set_transient ("has_post_thumbnail", "no"); // desfaceți această funcție, astfel încât să nu se încurce infinit remove_action ('save_post', 'wpds_check_thumbnail'); // actualizați postarea setată la schița wp_update_post (array ('ID' => $ post_id, 'post_status' => 'draft')); add_action ('save_post', 'wpds_check_thumbnail');  altceva delete_transient ("has_post_thumbnail");  wpds_thumbnail_error () // verificați dacă este setat tranzitorul și afișați mesajul de eroare dacă (get_transient ("has_post_thumbnail") == "nu") echo "
Trebuie să selectați Imaginea recomandată. Mesajul dvs. este salvat dar nu poate fi publicat.
"delete_transient (" has_post_thumbnail ");

WordPress oferă o funcție convenabilă pentru obținerea imaginii recomandate și utilizarea acesteia în următoarele teme:

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

Funcția are 2 parametri: dimensiunea numită pe care o căutați și toate atributele pe care doriți să le transmiteți, cum ar fi o clasă CSS personalizată (notă: nu puteți suprascrie atributul alt). Dacă modificați o temă foarte veche, este posibil să fie necesar să adăugați și următoarele funcții în funcțiile dvs.:

add_theme_support ( 'post-thumbnails');

Dacă doriți mai degrabă să obțineți URL-ul real al imaginii recomandate, decât să ieșiți HTML-ul necesar, încercați acest lucru în schimb (obținerea dimensiunii imaginii medii în acest exemplu):

$ thumbnail = wp_get_attachment_image_src (get_post_thumbnail_id (), "mediu"); echo $ thumbnail [0];

Regenerarea imaginilor

Ori de câte ori vă modificați dimensiunile implicite ale imaginilor sau creați o nouă definiție a dimensiunii, se va aplica numai la nou încărcări. Toate imaginile existente rămân dimensiunile originale. Nu vă temeți niciodată că există un plugin extraordinar care va reveni prin postările dvs. și va regenera aceste dimensiuni noi de imagine pentru dvs. AJAX Thumbnail Rebuild vă permite să selectați dimensiunile care trebuie regenerate și să lucrați încet prin arhivă. Acest lucru nu va redimensiona imaginile inserate în posturi - acestea sunt fixate la punctul de inserare. Regenerarea imaginilor va face ca dimensiunea nouă să fie disponibilă pentru a fi utilizată în teme sau în postări viitoare, dar nu puteți edita automat dimensiunea imaginilor existente care au fost deja inserate.

Veți găsi două dezavantaje pentru a face noi imagini. În primul rând, chiar dacă dimensiunea imaginii pe care ați făcut-o este utilizată numai pentru imaginea recomandată ca parte a unei teme, va fi creată o nouă versiune a fiecărei imagini pe care ați încărcat-o vreodată - nu doar imaginea recomandată. Aceasta este o limitare a WordPress; o imagine prezentată este la fel ca oricare alta și nu o puteți viza în mod specific cu add_image_size () funcţie. Din fericire, pluginul Thumbnail Rebuild vă permite să limitați acest lucru numai imaginile prezentate din arhivă - dar toate încărcările viitoare vor fi gestionate de WordPress și vor crea o nouă dimensiune a imaginii pentru tot. Acum ar fi un moment minunat sa invatam si diferenta dintre JPG si PNG Stiu cand sa folosim ce format de fisier: PNG vs. JPG, DOC vs. PDF, MP3 vs FLAC Stiu cand sa folosesc ce format fisier: PNG vs. JPG, DOC vs. PDF, MP3 vs. FLAC Știți diferențele dintre JPG și PNG, MP3 sau FLAC? Dacă nu știți ce formate de fișiere să utilizați, să vă călăuzim prin distincțiile lor. Citește mai mult, astfel încât să știi să folosești formatul optim în viitor.

În al doilea rând, chiar dacă nu mai utilizați o anumită dimensiune, acestea vor rămâne pe server - WordPress nu va șterge imagini nefolosite pentru dvs. Pe un site ca MakeUseOf cu sute de mii de imagini, înseamnă că au pierdut câteva gigaocteți. Pentru site-uri mai mici, pluginul Curățire imagine vă va ajuta prin scanare și oferindu-vă opțiunea de ștergere; dar site-urile mai mari vor trebui să învețe niște linii de comandă și regex fu (consultați ghidul nostru rapid cătreîncepând cu linia de comandă Linux Un ghid rapid pentru a începe cu linia de comandă Linux Un ghid rapid pentru a începe cu linia de comandă Linux Puteți face o mulțime de lucruri uimitoare cu comenzi în Linux și nu este cu adevărat dificil de învățat. Citeste mai mult ). Întotdeauna faceți întotdeauna o copie de siguranță completă, în cazul în care șterge ceva ce nu ar trebui să aibă.

Tema mea nu se schimbă

Deci, ați editat o temă cu dimensiunile imaginii noi și ați regenerat corect toate imaginile existente existente - dar dimensiunea potrivită încă nu apare? Probabil că ați aplicat o imagine CSS pe imagine sau dacă o înconjurați pe DIV atunci. Utilizați modul de depanare al browserului dvs. Figura Aflați problemele de pe site-ul Web cu ajutorul instrumentelor pentru dezvoltatori Chrome sau Firebug Imagine a problemelor site-ului cu ajutorul instrumentelor pentru dezvoltatori Chrome sau Firebug Dacă ați urmat tutorialele mele jQuery până acum, este posibil să fi întâlnit deja unele probleme de cod și nu se știe cum să le repare. Atunci când se confruntă cu un bit non-funcțional de cod, este foarte ... Citește mai mult pentru a găsi CSS ofensator și tweak în consecință. Și rețineți că puteți redimensiona doar dacă imaginea sursă este suficient de mare - WordPress și pluginul de generare a miniaturilor nu vor scumpi imaginile din cauza pierderii calității.

WordPress are aproape 11 ani, deci este o dovadă a puterii și flexibilității sale, că este una dintre puținele aplicații web care a fost păstrată în viață atât de mult timp și nu a fost înlocuită. Caracteristici cum ar fi miniaturi post sunt acum omniprezente pe web, și la creditul său, WordPress a ținut întotdeauna în sus cu tendințele de design. Te gandesti, Ghost arata ca e un bun Wordpress Killer? Bine ați venit la Ghost (și cum să-l instalați pe o Pi Zmeura) Wordpress Killer? Bine ați venit la Ghost (și cum să-l instalați pe o Pi Zmeura) Citește mai mult .

Aveți probleme cu imaginile prezentate? Postați în comentariile și văd dacă vă pot ajuta.

Explorați mai multe despre: Wordpress.