Zapisi

Vordpres 2.9: uređivanje i umanjena slika

Pre oko sat vremena mi je Milan javio da je u novu verziju 2.9 lokalizovanog Vordpresa ugradio rutinu za automatsko preslovljavanje predloška članaka (eng. slug) za ćirilične naslove u latinične predloške (bez „kuka i kvaka“). Ovo je ujedno bio i znak da nadogradim Zapise na verziju 2.9, a onda i da omogućim upotrebu nove funkcije za prikaz umanjene slike (eng. thumbnail) na naslovnoj stranici Zapisa.

Dodavanje umanjene slike u temu

Pošto ovu novu funkciju podržava veoma mali broj tema, morao sam sâm da je „ugradim“, što je ipak veoma jednsotavno uraditi

Prvo treba dodati sledeću liniju kôda u datoteku functions.php (nalazi se u direktorijumu teme koju koristimo):
<?php add_theme_support('post-thumbnails'); ?>

Ovime smo temu „naučili da razume“ zahtev za prikaz umanjene slike, ali ona još uvek ne zna gde treba da je prikaže. Da bi joj i to pokazali, u datoteku index.php (ili drugu, u zavisnosti od toga gde želimo da prikažemo umanjenu sliku) dodajemo sledeći kôd:
<?php the_post_thumbnail( 'thumbnail' ); ?>

Ovaj poziv treba staviti unutar loop-a, kako bi bila prikazana odgovarajuća slika za svaki članak ili stranu.

Koja slika je umanjena slika?

Ako ste pomislili da je to sve, varate se. Naime, Vordpres sada ne prikazuje prvu sliku u članku kao umanjenu (kako to rade neki nezavisni dodaci), već prikazuje samo sliku koja je ručno izabrana prilikom pisanja članka, ili kasnije pri uređivanju. Dakle, ako nismo izabrali sliku koja će biti prikazana kao umanjena, nikakva slika neće ni biti prikazana.

Meni „Umanjena slika članka“ nalazi se na desnoj strani stranice za uređivanje članka. Podrazumevano se na njemu nalazi samo veza „Postavi umanjenu sliku“.

Meni „Umanjena slika članka“ na stranici za uređivanje članka

Kada kliknemo na nju dobićemo dobro poznati dijalog „Dodaj sliku“. Ako u članku već imamo sliku koju želimo da koristimo kao umanjenu, dovoljno je da iz Galerije izaberemo željenu sliku, a potom na dnu odeljka sa opcijama slike kliknemo na dugme „Koristi kao umanjenu sliku“.

Izbor slike koja će biti korišćena kao umanjena slika članka

Uređivanje (umanjene) slike

Ako nam se ne svidi deo odabrane slike koji je automatski upotrebljen kao umanjena slika, možemo i ručno odrediti deo slike. Na vrhu odeljka sa parametrima slike kliknemo na dugme „Uredi sliku“.

Dugme „Uredi sliku“ na dijalogu za dodavanje slike

Dobićemo novu stranicu za uređivanje slike. Ovo je takođe nova funkcija koju donosi verzija 2.9 i omogućava opkrajanje, rotiranje za 90° i izvrtanje po horizontali i vertikali.

Nova mogućnost uređivanja slika u Vrodpresu 2.9

Uglavnom, „nacrtamo“ okvir oko dela slike koju ćemo koristiti kao umanjenu sliku, izaberemo stavku „Umanjena slika“ u grupi „Primeni izmene na“ (na desnoj strani), kliknemo na dugme „Iseci“ (prvo u traci alatki) a potom na plavo dugme „Sačuvaj“ ispod slike.

Čuvanje načinjenih izmena na slici

Izabrana umanjena slika

Kada odaberemo i/ili izrežemo umanjenu sliku, u meniju „Umanjena slika članka“ na stranici za uređivanje članka pojaviće se izabrana umanjena slika koja će biti prikazana tamo gde smo to u temi bloga odredili.

Izabrana slika na dijalogu „Umanjena slika članka“

Rezultat

Da ne bih više „davio“, sve ovo radimo da bi umesto izgleda članaka kao na prvoj slici ispod, imali ono što je prikazano na drugoj slici.

Naslovna stranica Zapisa bez umanjene slike

Naslovna stranica Zapisa sa umanjenom slikom