timthumb

Hey – hørt om Timthumb?

Bilder og blogg hører nøye sammen, synes jeg ihvertfall. Her kommer et triks som er gull verdt.

Hørt om Timthumb? Ikke! Neivel, da har du gått glipp av noe. Enkelt forklart så er Timthumb et enkelt PHP script som gjør at du kan få bilder på bloggen din, og ikke bare nok med det. Timthumb lar deg custom en menge forskjellige parametre.

[showmyads]

Her på BareBlogg bloggen bruker vi Timthumb, og slik kan du også få det.

1. Gå hit http://code.google.com/p/timthumb.
2. Last ned filen. Lagre den som timthumb.php
3. Finn punktene som vist under, der xxx er bildestørrelse som passer ditt oppsett..
4. BareBlogg bloggen bruker f.eks. w=650  og h=280

Select Code
1
2
3
// get standard input properties
$new_width = (int) abs ($this->param('w', xxx));
$new_height = (int) abs ($this->param('h', xxx));

5. Finn frem FTP programmet ditt
6. Bla deg frem til ditt theme som du bruker nå
7. Lag en mappe som heter «script»
8. CHOMD den til 775
9. Lag en mappe under «script» som hetet «cache»
10. CHMOD den til 775
11. Finn ditt theme`s index.php fil og sett inn følgende kode

Select Code
1
2
3
4
5
6
7
8
9
10
<!--?php if ($images = get_children(array( 'post_type' =--> 'attachment',
'numberposts' => 1,
'post_status' => null,
'post_parent' => $post->ID,)))
foreach($images as $image) {
$attachment=wp_get_attachment_image_src($image->ID, $size);
?><a title="Permanent Link to <?php the_title_attribute(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $attachment[0]; ?>" alt="<?php the_title(); ?>" /></a>
<!--?php } else { ?-->
<a title="Permanent Link to <?php the_title_attribute(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img src="<?php bloginfo('template_directory'); ?>/scripts/preview.jpg" alt="" /></a>
<!--?php } ?-->

Det som skjer nå er at hver gang du legget til et bilde som fremhevet så vil alle bildene ha samme størrelse og samme plassering. Nice!

[showmyads]

6 kommentarer om “Hey – hørt om Timthumb?

  1. Dette innlegget skjønte jeg ikke. Man trenger da ikke et script for å få bilder på bloggen…?

    1. Nei. De fleste theme kommer med en eller annen form for bildeopplegg, men ikke alle klarer å resize bildene. Altså feature bildet blir seende slik som du lastet det opp. Med Timthumb så henter scriptet bildet og resizer det ihht til ønsket parameter.

      1. Aha. Da lærte jeg noe nytt om WP. :) Jeg har bare brukt ett eneste tema i min WP-blogg, og der velger jeg størrelse pr bilde og kan resize manuelt (klikk og dra) i TinyMCE om nødvendig.

        1. Ja du kan bruke Timthumb til mye rart. Jeg bruker det på denne bloggen til å resize
          feature bildet til 710 x 280. Ellers må jeg croppe hvert bilde jeg skal legge til…og det blir altfor stress. Det fleste kvalitets themes som du kjøper bruker Timbthumb vil jeg tro.

          1. Er det nå jeg skal fortelle at jeg fikser alt sånt med enkel css i blogg.no-bloggen min? :D Og at bildene automatisk vises i forhåndsbestemte (forskjellige) størrelser, alt etter hvilken side det er på, hvor på siden det er og hvilken kategori det ligger i? :D

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>