Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Jimi Wikman
    Jimi Wikman

    Wordpress tips - lägga till utvald bild i headern

    Sign in to follow this  

    Igår så satt jag en stund med Wordpress och till min förvåning så fick jag hjälpa inte mindre än två personer med att få till så att den utvalda bilden på en sida visas i headern. Det är en enkel snippet som enkelt kan läggas in i lämplig template.

     

    Att få den utvalda bilden att visas görs enkelt med en kort snippet kod där vi kollar om sidan har post_thumbnail, som är funktionen som styr utvald bild, definierad:

    <?php 

    if ( has_post_thumbnail() ) {

    the_post_thumbnail();

    }

    ?>

    Det går även att definiera vilken storlek bilden ska använda vilket kan vara användbart om vi vill visa olika storlekar på olika platser, eller vill använda mindre varianter på stora bilder. Vi kan använda de mediaformat som finns i Wordpress och lägga in som en variabel i koden. Gör vi inte det så kommer koden automatiskt att använda "thumbnail" formatet. De formaten som finns att välja på är:

    the_post_thumbnail();                  // utan parameter -> Thumbnail

     

    the_post_thumbnail('thumbnail'); // Thumbnail (default 150px x 150px max)

    the_post_thumbnail('medium'); // Medium upplösning (default 300px x 300px max)

    the_post_thumbnail('large'); // Large upplösning (default 640px x 640px max)

    the_post_thumbnail('full'); // Original storlek (omodifierad)

     

    the_post_thumbnail( array(100,100) ); // Valfri storlek (bredd, höjd)

    Så vill vi lägga in en toppbild högst upp på sidan som ska vara i full storlek så använder vi oss av följande kodsnutt:

    <?php 

    if ( has_post_thumbnail() ) {

    the_post_thumbnail('full');

    }

    ?>

    Du kan läsa mer om hur Wordpress post_thumbnail fungerar i Wordpress Codex.

    Sign in to follow this  


    User Feedback

    Recommended Comments

    There are no comments to display.



    Guest
    Add a comment...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


  • Who's Online   0 Members, 0 Anonymous, 12 Guests (See full list)

    There are no registered users currently online

×
×
  • Create New...