Ovo je tekst za ljude koji imaju problema sa Magazeen temom. Da budem precizniji, sa prikazom thumbova na naslovnoj i ostalim stranicama, koristeći timthumb skriptu.

Vidio sam Magazeene temu na www.smashing.com i odmah mi se svidjela, i to je baš bila tema kakva mi je trebala za ovaj blog. Instalacija na mom lokalnom serveru je prošla bez problema, ali kada sam podigao temu na ovaj server timthumb jednostavno nije proizvodio thumbnailove i to je izgledalo otprilike ovako:

Pročitao sam sve komentare na orginalnoj stranici i pokušao nekako pronaći riješenje problema, pošto orginalne dokumentacije za ovu temu nema, morao sam pogledati što drugi ljudi kažu o tome. Ali ništa nije pomoglo, uobičajeni savjeti su bili, CHMOD 777 na cache mapu, postavljanje linkova u Image custom field, itd. To sam naravno sve napravio, ali ništa nije pomoglo.

Provjerio sam i postavke svog servera da vidim dali zadovoljavam uvjete za skriptu, server vrti PHP 5.nešto i GD 2.3.4 ili tako nešto, što je više nego dovoljno za pokretanje ove skripte.

Problem je bio čudan i iz tog razloga što je timthumb zapravo radio, kada sam otišao u cache mapu vidio sam da je timthumb zapravo kreirao thumbove, i kada bi upisao direktni URL do thumba slika bi se prikazala bez problema, ali se jednostavno nije htjela prikazati u widgetima i na naslovnoj stranici.

Kako nisam uspio riješiti taj problem predloženim savjetima, počeo sam tražiti drugo riješenje. I u toj potrazi naišao sam na skriptu smart image resizer . Ta skripta radi na sličan način kao i timthumb i sada ću opisati kako sam ju implementirao.

Implementacija smart image resizera umjesto timthumba

Download i instalacija smart image resizera

1. Odite u mapu svoje teme (wp-content/themes/magazeen) i obrišite mapu cache i datoteku timthumb.php
2. Odite na smart image resizer web site i skinite smart image resizer
3. Odzipajte datoteku i dobit ćete image.php datoteku , uploadajte tu datoteku u mapu vaše teme (wp-content/themes/magazeen)
4. U mapi u kojoj se nalazi magazeen tema napravite mapu imagecache i i promjenite joj dozvole (CHMOD 777)

Implementacija skripte

index.php

Zamjenite ovaj kod koji se nalazi u index.php datoteci Magazeen teme

<div class="post-image">

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to 
<?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>
&amp;amp;amp;w=521&amp;amp;amp;h=246&amp;amp;amp;zc=1" alt="<?php the_title(); ?>" /></a>

</div> 

Sa ovim kodom:

<div class="post-image">

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to 
<?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/image.php/
<?php echo get_post_meta( $post->ID, "image_name", true ); ?>?width=521&amp;amp;amp;height=264&amp;amp;amp;cropratio=2:1&amp;amp;amp;image=
<?php echo get_post_meta( $post->ID, "image_value", true ); ?>" alt="<?php the_title(); ?>" />

</a>

</div>

Oko linije 130 Pronaći ćete ovaj kod:

<div class="post-image">

<img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID,  "image_value", true ); ?>&amp;amp;amp;w=235&amp;amp;amp;h=109&amp;amp;amp;zc=1" alt="<?php the_title(); ?>" />

</div>

Zamjenite ga sa ovim kodom:

<div class="post-image">

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/image.php/<?php echo get_post_meta( $post->ID, "image_name", true ); ?>?width=235&amp;amp;amp;height=109&amp;amp;amp;cropratio=2:1&amp;amp;amp;image=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>" alt="<?php the_title(); ?>" />

</a>
</div>

Programski kod koji smo zamjenili upravlja prikazom thumbova na prva 2 velika posta i 4 mala dolje. Sada prikazom više ne upravlja timthumb nego image.php

header.php

Sada ćemo promjeniti kod koji upravlja prikazom thumbova u gornjem izborniku (docku), taj kod se nalazi u header.php datoteci u mapi u kojoj se nalazi Magazeen tema.

Zamjenite ovaj kod (linija 77):

<li>

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>&amp;amp;amp;w=69&amp;amp;amp;h=54&amp;amp;amp;zc=1" alt="<?php the_title(); ?>" />

</a>

<span><?php the_title(); ?></span>

</li>

Sa ovim kodom:

<li>

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/image.php/<?php echo get_post_meta( $post->ID, "image_name", true ); ?>?width=69&amp;amp;amp;height=54&amp;amp;amp;cropratio=5:4&amp;amp;amp;image=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>" alt="<?php the_title(); ?>" />

</a>

<span><?php the_title(); ?></span>

</li>

Featured news widget – functions.php

Da bi promjenili kod koji upravlja prikazom thumbova u vašem Featured news widgetu moramo promjeniti kod u vašoj functions.php datoteci.

Pronaći ćete ovaj kod počevši od linije 89:

<div class="sidebar-preview">

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/timthumb.php?src=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>&amp;amp;amp;w=109&amp;amp;amp;h=60&amp;amp;amp;zc=1" alt="<?php the_title(); ?>" />

</a>
</div>

Zamjenite ga sa ovim kodom:

<div class="sidebar-preview">

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<img src="<?php bloginfo( 'template_directory' ); ?>/image.php/<?php echo get_post_meta( $post->ID, "image_name", true ); ?>?width=109&amp;amp;amp;height=60&amp;amp;amp;cropratio=18:10&amp;amp;amp;image=<?php echo get_post_meta( $post->ID, "image_value", true ); ?>" alt="<?php the_title(); ?>" />

</a>

</div>

Zaključak

Mi smo sada samo zamjenili kod koji je govorio timthumb.php skripti da pravi thumbove, sa kodom koji govori image.php skripti da pravi thumbove. Pošto smo ostavili kod koji govori da se slike učitavaju sa image_value custom fielda, skripta se može koristiti na isti način kao i da radimo sa timthumb.php. Znači:

Počnite praviti novi post

Klinknite na Add new u izborniku za postove

Dodajte sliku

Pritisnite na ikonicu prikazanu na slici, zatim na Select files, odaberite sliku koju želite za thumbnail vašeg posta. Kada se slika podigne dobit ćete nešto slično kao na slici ispod.

Kopirajte URL slike. I zatim zalijepite taj URL u polje Image koje se nalazi ispod vašeg posta.

Nakon toga snimite vaš post i pogledajte kako sada izgleda vaša stranica. Nadam se da će vam ovo pomoći da riješite probleme sa thumbovima, kao što je i meni pomoglo. Za sva pitanja koristite sustav komentiranja ispod. Sretno.

Povezani članci