Kao što vam je već sigurno poznato WordPress najčešće prikazuje na naslovnici ukratko dio svih objavljenih postova, ili zadnjih nekoliko, ili samo odabrane, sve u zavisnosti od želje autora. Naravno svima nama autorima web stranica jako je važno privući pažnju korisnika kako bi poželio pročitati i cijeli post, i time se zadržao što duže na našim stranicama. Kako svi ljudi, bez iznimke, vole šarene, male kvadrate, sa nekim (ne)suvislim prizorom, poznatije nam kao slike, time ćemo ih i mi ovdje probati privući. Dakle bilo bi lijepo nekako ugraditi sliku u svaki post na index stranicu našeg bloga. To je tema ovog posta, a jedna od solucija je u nastavku…

Ovo je prilično jednostavno napraviti. Treba samo osnovno poznavanje wordpressa i php-a, i naravno treba biti pažljiv kako ne bi izmjenili nešto što ne treba.
Recimo da želimo da nam se isti thumbnail prikazuje na naslovnici, gdje se nalaze ukratko svi naši postovi, i na detaljima određenog posta. Za to ćemo morati izmjeniti dva php file-a.

Postupak je sljedeći:
• nađite folder wordpress teme koju želite izmjeniti.
• index.php i single.php su file-ovi teme koji nas ovdje zanimaju. Napravite backup tih file-ova prije nego počnete raditi bilo kakve izmjene. Otvorite ove file-ove u vašem omiljenom html editoru.
• otvorite index.php i pronađite mjesto na kojem želite da se pojaljuje slika. Ja sam je ugradio odmah iznad “entry” div-a. Na to mjesto ubacite sljedeći kod. Izmjenite veličinu slike prema svojim željama.

index.php

<?php $postimageurl = get_post_meta($post->ID, 'post-img', true);
if ($postimageurl) {
?>
<a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php echo $postimageurl; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="562" height="180"/></a>
<?php } else { ?>
<a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php bloginfo('template_url'); ?>/images/post/post-default.jpg" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="562" height="180" /></a>
<?php } ?>

• otvorite i single.php, pronađite isto željeno mjesto kao i u file-u index.php i unesite ponešto izmjenjeni kod

single.php

<?php $postimageurl = get_post_meta($post->ID, 'post-img', true);
if ($postimageurl) {
?>
<img src="<?php echo $postimageurl; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="562" height="180"/>
<?php } else { ?>
<img src="<?php bloginfo('template_url'); ?>/images/post/post-default.jpg" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="562" height="180" />
<?php } ?>

• sada nam još preostaje da kreiramo custom field za svaki post na koje želimo da se pojavljuje thumbnail. Custom field treba biti naziva post-img a kao vrijednost unesite URL slike koju želite prikazati kao thumbnail

Objašnjenje koda: Kod prvo traži sliku objavljenu pod custom poljem unutar posta. Ukoliko nema spremljene slike za taj post objavit će se default slika. Tako nijedan vaš post više neće biti bez odgovarajućeg thumbnailsa.

Ovaj post raspoloživ je i na drugom jeziku: English

(1 votes, average: 5.00 out of 5)

Loading...

Ovaj post je objavljen u Četvrtak, 24.03.2011. u 23:53 u kategoriji Wordpress. Možete pratiti sve odgovore na ovaj unos kroz RSS 2.0 . Možete ostavite odgovor , ili trackback sa vašeg site-a.