Skip to content


Stotinu puta ste videli grafičke teme, pogotovo one „magazinskog“ tipa, koje prikazuju izvod članka (excerpt) i uz njega umanjenu sličicu (thumbnail). Za te svrhe se uobičajeno koriste korisnički prilagođena polja, a postoje i dodaci koji imaju sličnu funkciju. Međutim, u WordPress je ugrađena jedna mogućnost koja dopušta kreiranje umanjenih sličica i bez ikakvih dodataka ili prilagođenih polja!

Savet kako da se iskoristi ova mogućnost izvorno je objavljena na blogu Web Developer Plus.

Prvo što treba da učinite jeste da proverite podešavanje veličine umanjenih slika koje WordPress sam kreira od svake slike koju unesete u članak. Pod „thumbnail size“ unesite željene dimenzije umanjenih slika koje ćete koristiti uz izvode članaka. Podrazumevana veličina je kvadrat dimenzija 150 piksela.

Zatim je potrebno da u index.php datoteku grafičke teme koju koristite, unesete sledeći kod unutar petlje (loop) za prikaz izvoda:

<?php
//Get images attached to the post
$args = array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'numberposts' => -1,
'order' => 'ASC',
'post_status' => null,
'post_parent' => $post->ID
);
$attachments = get_posts($args);
if ($attachments) {
foreach ($attachments as $attachment) {
$img = wp_get_attachment_thumb_url( $attachment->ID );
break;
}
//Display image
}
?>

Tako ste sa $img dobili putanju do umanjene slike (prve koja je umetnuta u članak), koju sada možete prikazati. Poželjno je da umanjenoj slici zadate neki logičan stil prikaza, odnosno poziciju koja najbolje odgovara Vašim potrebama:

<img src="<?php echo $img; ?>" style="float:left; padding:10px">

Rezultat možete videti na stranicama Web Developer Plus.

(Pažnja! Uz svaki članak morate umetnuti barem jednu sliku, kako bi WordPress imao šta da prikaže. Dobra tehnika može biti umetanje slika za označavanje kategorija, tagova ili slično, koje nećete prikazati u članku, već samo umetnuti u biblioteku medija uz članak.)

Slični tekstovi:

Komentari

Iznesite svoje mišljenje.

Nema komentara uz ovaj tekst.

Dodajte komentar

Unesite komentar u sledeće polje.