Vodič za WordPress veličine obrezivanja slika

WordPress 3.9 izašao je s puno dodatne snage ispod haube. Zapanjujuća nova značajka među mnogima je dodana mogućnost sada kontrole položaja obrezivanja slika prenesenih u WordPress – ovo je zaista glatko!!


Prije nastavka, velika hvala Brad Touesnard koji je dao ovaj strašan doprinos koji je sada uvršten u jezgru WordPressa! Mislio sam da će ovo biti sjajna prilika da ne samo razjasnimo kako iskoristiti ovu novu značajku, već i proći kroz dobru opciju u cijelom opsegu ove funkcije.

Vrlo početak – dodavanje ili prilagođavanje veličina slike

WordPress po zadanom generira 3x dodatne verzije slike. Verzija “Sličica”, “Medij” i “Velika”. Prenesena izvorna veličina slike naziva se “cijela” verzija.

Prilagođavanje zadanih postavki

Možete lako prebrisati zadane vrijednosti svake od tih veličina obrezivanja. Možete ili ići na svoje Nadzorna ploča programa WordPress, Postavke >> Mediji i tamo promijenite vrijednosti ili to možete učiniti putem datoteke teme ili dodataka:

update_option ('thumbnail_size_w', 250);
update_option ('thumbnail_size_h', 250);
update_option ('thumbnail_crop', 1);

Dodavanje dodatnih veličina

Ovu funkciju možete brzo i lako smjestiti u datoteku sa temama ili funkcijama dodataka:

add_image_size ($ ime, $ širina, $ visina, $ obrezivanje);

Izgledalo bi ovako:

add_image_size ('palac početne stranice', 250, 250, istina);

Običan tvrdi usjev

Savjet: Ne zaboravite dati svakoj dodatnoj veličini slike svoje jedinstveno ime ;-).

Sve što trebate znati možete pronaći putem WordPress Codex.

Neka magija programa WordPress 3.9+ za kontrolu položaja obrezivanja

Parametar $ crop je prethodno bio samo logična vrijednost, true ili false. Umesto mekog proporcionalnog obrezivanja ili tvrdog obrezivanja ako je postavljeno na istinito (nastavite čitati dolje da biste vidjeli razliku između tvrdog i mekog obrezivanja). No sada možete koristiti polje da odredite pozicioniranje područja obrezivanja, (x_crop_position, y_crop_position). Sviđaju mi ​​se slike izrezane iz središta, na primjer, vaša bi funkcija sada mogla izgledati ovako:

add_image_size ('početna stranica-palac', 250, 250, niz ('sredina', 'centar'));

Korisnički odabrani tvrdi obrezivanje

Parametar $ crop i dalje prihvaća istinite / lažne vrijednosti i prema Bradu je potpuno kompatibilan s unatrag. Sintaksa je identična onoj u svojstvu pozadinske pozicije CSS-a, tako da je poznata i dizajnerima i programerima, ali ovdje su ona u svakom slučaju radi jasnoće..

lijevi vrh
lijevo središte
lijevo dno
desni vrh
desno središte
desno dno
središnji vrh
središte centra
središnje dno

Tako sam shvatio da je ošišan, kako sada koristim?

Sjajne vijesti … potpuno je isto !! Za potpuni kvar, kao i uvijek pogledajte na WordPress Codex. Evo podsjetnika u svakom slučaju. Da biste ovu korisničku sliku nazvali u svojoj temi ili dodatku. U primjeru koji smo koristili, evo kako:

the_post_thumbnail ( 'stranica-palac);

ili…

wp_get_attachment_url (get_post_thumbnail_id ($ post-> ID, 'početna stranica-palac'));

Ali što je sa svim mojim postojećim slikama?

Kao što vam je vjerojatno poznato, veličine usjeva se prelaze i generiraju u trenutku prijenosa. To sada znači da nakon korištenja ove nove značajke dodavanjem prilagođenog položaja obrezivanja ili promjenom / dodavanjem nove veličine obrezivanja sada nam ostaje ono što je stvoreno u trenutku prijenosa, a nijedna od ovih novih verzija slika nam nije dostupna, nije cool!

Aaah, ali pričekaj. Srećom njihovi ljudi u WordPress zajednici imaju puno pametnih i sjajnih ljudi da bi spasili dan, evo obnoviti dodatak umanjenih sličica. Ovaj dodatak postoji već dugo vremena, fantastično je! Kružit će se kroz sve postojeće prenesene slike i regenerirati sve nove veličine slika koje ste dodali ili prilagodili. Woohooo problem riješen ��

Tvrdi vs. Meki obrezivanje – odlučili ste se

Tvrdi obrezivanje

Običan tvrdi usjev
Slika će se smanjiti i zatim obrezati na točno određene dimenzije koje ste naveli. Ovisno o omjeru slike u odnosu na veličinu obreza, velike su šanse da će slika uvijek biti odsječena.

Meki obrezivanje

Meki obrezivanje
Mekani obrezivanje nikad neće odrezati nijednu sliku, smanjit će je dok se ne uklapa u određene dimenzije, zadržavajući izvorni omjer slike.

Nešto vrijedi znati …

U slučaju da je bilo koja dimenzija prenesene slike, (širina ili visina) manja od one postavljene veličine obrezivanja, preskočit će se i verzija za tu veličinu neće biti napravljena! WordPress će kružiti kroz sve postavljene veličine slike i samo će stvoriti verzije onih slika koje su veće od verzije koju pokušava generirati. U tom slučaju, kada se slika preuzme unutar vaše teme ili dodatka, a ne postoji, ona će se zadati kao izvorna, “Puna” slika..

Uživajte u provođenju ove sjajne nove značajke na svojim temama i dodacima. Vrijeme je da krenemo po guzicu i obrežemo neke slike ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me