Inläggstumnaglar blir mer populära för varje dag. Många tidningsteman associerar en bild med ett specifikt inlägg som de senare visar antingen på startsidan eller på inläggssidan. Vi visar en miniatyrbild med våra inlägg på både inläggssidan och kategorisidan. I äldre versioner erhölls denna funktionalitet genom användning av anpassade fältmetoden som inte var särskilt användarvänlig. Tack vare WordPress Core Developers tillsammans med många anmärkningsvärda funktioner i WordPress 2.9, lades denna funktion också till i kärnan.
Simply watch the video or read the tutorial below 
Video
Nybörjarguide
Du kommer att se ett alternativ som detta i sidofältet på ditt skrivinläggspanel i WordPress-instrumentpanelen.
Klicka på länken, så kommer du till en sida för att ladda upp bilder. Ladda upp bilden, och du kommer att se något som detta:
Klicka bara på länken som säger använd den som miniatyrbild. När du har gjort det ser du en skärm som denna:
Skärmen ovan betyder att du är klar. Klicka bara på publicera så visas bilden på din webbplats.
Utvecklarguide
Även om den här funktionaliteten har lagts till i kärnan, kommer inte alla användare att se det här alternativet i sidofältet på sitt skrivinläggspanel. Detta är en av de funktioner som endast kan aktiveras om temat stöder det. Äldre gratis teman kanske inte stöder det, så du skulle behöva be utvecklaren att uppdatera, eller så kan du göra det själv genom att följa den här handledningen.
Först måste du öppna din functions.php-fil i din temamapp och klistra in följande kod:
add_theme_support( 'post-thumbnails' );
Den här koden aktiverar temastöd för både inlägg och sidor. Så nu kommer du att kunna se ett alternativ i din instrumentpanel. Men det kommer inte att visas i dina teman eftersom vi ännu inte har lagt till koden i temat.
Du kan visa miniatyrbilden var som helst inuti loopen genom att använda denna kod:
<?php the_post_thumbnail(); ?>
Det var den grundläggande funktionen, men om du vill ha mer avancerade funktioner, som att specificera storleken på inläggsminiatyrbilden, behöver du bara öppna din functions.php -fil och klistra in koden så här:
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 50, 50, true );
Dimensionerna anges i ordningen: bredd x höjd och dessa är pixlar.
Du kan också lägga till ytterligare bildstorlekar för din utvalda bild genom att lägga till den här raden:
add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size
Du kan senare anropa specifika miniatyrbildstorlekar i din inläggsloop så här:
<?php the_post_thumbnail('single-post-thumbnail'); ?>
Detta är en förenklad version av den fullständiga funktionaliteten hos den här funktionen. Vi försökte hålla det enkelt, så att alla kan följa det. Om du vill ha mer information om den här funktionaliteten, kolla in:
Chrissy
Är detta nödvändigt med Genesis Child Themes. De verkar redan ha en utvald bild för sina inlägg. Tack
Redaktionell personal
Nej, detta är inte nödvändigt med Genesis-teman.
Admin
Divya
Hej,
I mitt tema finns ingen loop.php, var behöver jag då redigera?
Tack på förhand
Redaktionell personal
Loopen kan finnas i din index.php, single.php, archive.php och andra filer.
Admin
A. Suriel
Jag provade widgeten och den fungerar bra. Tack för tipset.
Kathleen Smitheram
Så... jag provade detta och jag tror att jag förstörde min webbplats. Jag får nu det här felet
Parse error: syntax error, unexpected ‘”‘ in /home/content/21/10729521/html/wp-content/themes/desk-mess-mirrored/functions.php on line 642
och kan inte komma in på mitt instrumentbräda. Jag är ny på self-hosting och jag har ingen aning om hur jag ska fixa detta. HJÄLP!
Redaktionell personal
Läs den här artikeln:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
Vi tror att du gjorde ett fel när du klistrade in koden på rätt sätt.
Admin
Nik
Bra handledning!
Snabb fråga:
Du sa att om du inte ser "använd som miniatyrbild" kanske du måste gå in i PHP eftersom temat är ett äldre tema.
Var skulle jag leta i det nya WordPress-layouten för att se om "använd som miniatyrbild" finns i mitt tema?
Här är en bild som hjälper till att förklara vad jag menar med "nytt WordPress-layout".
http://thereselawlor303.files.wordpress.com/2012/12/newpost5.jpg?w=1024&h=621
Hoppas det ger mening.
Tack!
Redaktionell personal
Om du kan se den utvalda bilden visas bredvid din titel på din webbplats, då har ditt tema stöd för miniatyrbilder.
Admin
Nik
Fattar. Tack!
Drew
Hej,
Tack för det här inlägget, det hjälpte mig verkligen!
Fråga, hur skulle jag nu också visa den utvalda bilden (i en annan storlek) inom själva inlägget (inte i loopen)?
Thanks
Redaktionell personal
Du kan helt enkelt använda knappen infoga inlägg på bilden.
Admin
Mimo
Oj, mitt exempel ovan misslyckades.
t.ex. i mg src=”<?p hp the_p ost_thumbnail (); />
Mimo
Ignorera mina kommentarer. Jag förstod varför du inte skulle vilja slå in dem i img- och ankarelement :D.
Tack för inlägget
canada goose jackor
Fortsätt skriva, fortsätt inspirera, fortsätt skapa. Jag gillar idén och webbplatsen är ganska lätt att använda. Jag önskar bara att de skulle recensera fler än de cirka 20 bästa webbplatserna inom området. Nätet är stort.
canada goose jackor
Fortsätt skriva, fortsätt inspirera, fortsätt skapa. Jag gillar idén och webbplatsen är ganska lätt att använda. Jag önskar bara att de skulle recensera fler än de cirka 20 bästa webbplatserna inom området. Nätet är stort.
mbtshoesmbts
Tack för att du postade denna information. Jag vill bara låta dig veta att jag precis kollade din webbplats och jag tycker att den är mycket intressant och informativ. Jag kan knappt vänta med att läsa många av dina inlägg.
Speeltjezoeken
Tack, det här inlägget hjälpte mig att komma igång igen.
lakkolmahendra
Tack så mycket för den underbara informationen. Det är en enkel metod att lägga till miniatyrbild på din startsida. Jag ska prova för min webbplats idag.
LukeSwenson
Jag arbetar med WordPress Version 3.2.1. Jag märkte att modulen i admin står "Utvald bild" snarare än "Inläggsminiatyr".
Dessutom får jag följande fel när jag försöker lägga till en bild i admin:
Varning: Kan inte ändra huvudet information – huvuden redan skickade av (utdata startade vid /——–/—-/——/——-/wp-content/themes/html5/functions.php:58) i /Applications/MAMP/htdocs/justine/wp-admin/async-upload.php på rad 2648
SagivHaalush
@wpbeginner Hey
VERY(!) helpful post, However I got to the exact same problem after adding the 2 lines(at the bottom…). When I put them at the beginning, nothing happens…
Can you please be more specific as for the placement in the loop(Which/where)? Thanks
birdhammer
Hej, jag försökte precis ange koden ovan genom att följa instruktionerna i videon, men när jag uppdaterade fick jag ett parsningsfel. Jag kan inte ens logga in på min instrumentpanel. Jag känner mig som en idiot!
Jag använder wordpress med modularity lite-temat och min webbplats är birdhammer.com.
Kan du snälla hjälpa mig?
wpbeginner
Placeringen av koden i din functions.php-fil orsakar förmodligen felen. Använder du ett tema-ramverk? Lägger du till den allra längst ner??
Casey Dennison
min fungerar inte alls, jag får bara felmeddelanden i php och det är skrivet korrekt. jag vet inte vad som är fel, det visar alltid funktionskoden högst upp på mitt wp-instrumentbräda??? det är konstigt
davede
@wpbeginner Ah tack, jag löste problemet. detaljer här: (ja, det verkar som att jag inte kan klistra in en länk). det är uselt.
wpbeginner
@davede Du skulle behöva lägga till miniatyrkod i din single.php-fil också.
davede
Bra grejer. Tack.
Jag har svårt att få miniatyrbilden att visas endast i utdraget och inte på inläggssidan.
några idéer?
kevin.m.kwok
@wpbeginner Fungerade perfekt tack så mycket!
wpbeginner
@kevin.m.kwok Ja, det här låter som ett CSS-problem. Din bilds CSS-klass behöver ha egenskapen float: left.
kevin.m.kwok
Hej, bra handledning. Allt fungerar, förutom att jag inte kan få miniatyren att visas till vänster om mitt inlägg på min startsida. Den hamnar alltid ovanför mitt inlägg, även om jag väljer vänster i miniatyrinställningarna. Några idéer?
kevin.m.kwok
Hej,
Peter Wolff
Hej WP Beginner.
Bra WP-handledning ovan från redaktionen!
Jag har en snabb fråga om WP-miniatyrbildsgalleriet. Jag har försökt att lägga till lite enkel Custom Field PHP-kod i min Catefory.php-mall för att lägga till en liten textbildtext under varje miniatyrbild. Väldigt frustrerad... hur som helst, jag har bifogat nedan Category.php-miniatyrbildsloopen och undrade om du kan hjälpa mig att skriva PHP-koden för ett anpassat fält (fält kallat "thumb_tag") inom denna loop. Här är koden:
ID, ‘main_image’, true); ?>
<a href="” ><img src="/resize.php?w=162&h=105&file=” alt=”” title=”” width=’162′ height=’105′ />
Tack så mycket!
Pete
Redaktionell personal
Varför använda anpassade fält för det? WordPress har det inbyggt som standard.
https://www.wpbeginner.com/wp-tutorials/how-to-display-wordpress-post-thumbnails-with-captions/
Admin
Ankit
Tack för den fantastiska handledningen. Det är den enklaste och unika metoden att lägga till en miniatyrbild på din startsida. Det fungerar på min webbplats.
shivam
jag är ny på wordpress, vet inte så mycket om programmering.. jag gillade din artikel. men kan du berätta exakt var vi ska placera den här koden.. som functions.php är en fil, som vi måste redigera, var ska vi lägga till den koden, finns det någon demo för det?
Redaktionell personal
Olika teman har olika koder i functions-filen. Du måste lägga till denna kod inom php-taggen.
Admin
James
Tack, jag tror att jag har fått det att fungera. Men när jag lägger till en miniatyrbild läggs den nu automatiskt till överst i mitt inlägg, även om inlägget redan har en bild.
mark
Bra handledning – Men, och jag kan inte hitta den här informationen någonstans – MEN, jag vill lägga till miniatyrbilden till inläggseditorskärmen så att mina skribenter kan se hur det skulle se ut i linje med inlägget innan de publicerar. Var kan jag göra det? Tack på förhand.
Redaktionell personal
Du ser miniatyren när du laddar upp den, men det finns ingen liveförhandsgranskning på administratörsskärmen. Din författare kan helt enkelt klicka på Förhandsgranska och se inlägget i den nya fliken <<
Admin
elizabeth
Hej
Tack för informationen. Jag följde stegen i mitt tema, men mina bilder visas fortfarande inte i bildrutan... de ser ut som trasiga filer på min hemsida. När jag klickar på dem, då visas de. Hur kan jag göra dem synliga på hemsidan? Tack
Redaktionell personal
Så länge the_post_thumbnail(); finns inuti loopen på startsidan bör det fungera bra.
Admin
jam
tack för din hjälp! jag hatar plugins så jag föredrar att använda mallfunktioner!
janine
Tack för det utmärkta inlägget – specifikt om add_theme_support( ‘post-thumbnails’ ); – Det fungerade utmärkt med wootheme som jag modifierar
saBEE
Tack för den utmärkta informationen.
Varje inlägg har en bild. Jag försöker få varje inläggs bild att visas som en miniatyrbild i RSS-flödet. Kommer ovanstående metod att fungera för detta?
Redaktionell personal
Nej, du måste använda den här metoden i kombination med den här metoden:
https://www.wpbeginner.com/wp-tutorials/how-to-add-post-thumbnail-to-your-wordpress-rss-feeds/
Admin
sabee
Tack för ditt snabba svar.
Jag är lite förvirrad eftersom temat jag använder, AutoFocus+, också kräver temat Thematic. Vilken functions.php-fil behöver redigeras? Eller behöver båda redigeras?
Undrar också var jag ska lägga in koden?
Bernard
Jag har gått igenom stegen i den här handledningen, men av någon anledning får jag följande felmeddelande när jag försöker välja en bild från galleriet:
Allvarligt fel: Anrop till odefinierad funktion: get_post_thumbnail_id() i /wp-admin/includes/media.php på rad 1292
Kan någon hjälpa mig att reda ut detta?
tack
Bernard
darren
beskärs bilden faktiskt vid uppladdning? Eller visar den den bara med lämplig höjd och bredd när den anropas på sidan? Jag frågar eftersom vi hämtar vårt flöde från vår blogg till en icke-wp-webbplats och länkar tillbaka till den, men skulle vilja kunna referera till miniatyrbilderna. Det är en asp-webbplats så jag har inte lyxen av php:s inbyggda bildmanipulering
Redaktionell personal
Den skalar om bilden, den beskär den inte.
Admin
Zara
Tack alla ni är otroliga!
Jag älskar er <3
Helen
Hej
Vi har den här koden i tema-funktioner (den kom med temat) temat har en bildkarusell som använder funktionen 'post thumbnail'. ändå visas den inte i admin så vi kan inte få karusellen att fungera;
<?php
hjälp : ) tack
Redaktionell personal
Helen,
Vi ser inte PHP-koden. Kan du snälla koda din PHP-kod innan du klistrar in den i kommentarerna? Eller så kan du skicka oss ett e-postmeddelande via vårt kontaktformulär.
Admin
Ami
fungerar utmärkt!! bara en fråga.. hur kan jag lägga till en länk eller omsluta något med en länk
så att när någon klickar på länken öppnas en lightbox med originalstorleken.
Bara för att klargöra.
För tillfället i functions.php har jag
add_image_size(‘my-custom-image’, 640,9999); så att bilden i inlägget är 640 i bredd, detta kommer sedan att länkas till originalbilden som är säg 1000px med 500px.
Jag hittade detta: http://polymathworkshop.com/shoptalk/2010/03/19/get-the_post_thumbnail-direct-path-for-wordpress/ vilket fungerar till en viss grad men öppnar miniatyrbilden i lightboxen.
Redaktionell personal
Det enda sättet att få det att fungera är att länka till den ursprungliga bilagan till miniatyrbilden.
Admin
Eduardo Antunes
Coolt!
Att komma ihåg:
> lägg till i functions.php
add_theme_support(‘post-thumbnails’);
set_post_thumbnail_size(70, 70, true);
> lägg till i loopen:
php the_post_thumbnail();
Ricky@twitter appar
Jag letade efter samma sak. Jag har en snabb fråga till dig. Finns det något sätt att få standardbilden för kategorin att visas som miniatyrbilder? Eller finns det något sätt att hämta den första bilden från ett inlägg och använda den som miniatyrbild för relaterade inlägg.
Jag implementerade ovanstående teknik på min blogg men det stora problemet är att alla mina inlägg inte har miniatyrbilder aktiverade. Vilket gör situationen hemsk eftersom jag måste uppdatera alla inlägg med miniatyrbilder.
Finns det något sätt att använda den första bilden som standardminiatyrbild med ovanstående teknik?
Redaktionell personal
Ja, du kan hämta den första bilden i inlägget genom att använda Justin Tadlocks Get Image Plugin. Du kan också lägga till en om då-variabel genom att kontrollera om is_post_thumbnail.
Admin
Jal
Redaktörer,
Använder du WordPress inläggsredigerare eller någon offline bloggpubliceringsprogramvara? Jag använder Live Writer som har några bra alternativ men ibland tänker jag på att byta till WP:s inläggsredigerare. Kan du dela med dig av några åsikter om detta?
Tack
Antonio
Wow thanks I’ve always wondered how to do this but never really had the patience to look for a solution. I didn’t know it was this simple. WOOOOT! Thanks.
Bob
Hur lägger man till lightbox eller thickbox (exempel rel=”lightbox” eller class “thickbox”) till miniatyrbilden?
Redaktionell personal
Du måste använda jQuery och lägga till klassen till miniatyrbilden. För att lägga till klassen skulle du lägga till: array('class' => 'lightbox')
Admin
Trisha
Någon idé om detta fungerar för sidminiatyrbilder? Jag försöker lista undersidor med den här koden. (den andra, i 'post format'. Bytt ut alla förekomster av 'content' mot 'excerpt' och använde Andrew Oz' Excerpt Editor som är riktigt cool.
När jag försöker koppla in koden för miniatyrbilden, visas den inte.
Någon idé om vad jag kan göra fel?
Redaktionell personal
Den här koden fungerar bara inuti loopen. Om du vill visa den utanför loopen måste du köra en global wp_query-funktion.
Admin
noonoob
Tack så mycket, det fungerar. perfekt
Jeremy
Hur får jag miniatyrbilden utanför loopen?
Redaktionell personal
Vi kommer att skriva en annan artikel som förklarar det snart. Tack för förslaget. Om du verkligen vill gå vidare och börja arbeta med det, kommer du att använda funktionen query_post.
Admin
Chad
Ser fram emot ditt inlägg om att visa inläggsbilder utanför loopen. Jag har ännu inte hittat ett fungerande exempel med WP 3.0
Redaktionell personal
Det skulle fungera på samma sätt som detta:
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Walt Ribeiro
Det liknar den handledningen som inte är ett exakt exempel. Så har du lagt upp din egen handledning för miniatyrbilder? Jag skulle gärna vilja veta hur!
Cosmin
Grabbar, fungerar detta bara med fyrkantiga bilder?
Som i 50px gånger 50px?
Jag hörde någon nämna att den bara tar höjdvärdet när man anger dimensioner...
(så 50px med 30px skulle inte fungera)
Redaktionell personal
Det fungerar med alla storlekar. Ibland går bildkvaliteten förlorad om det inte är rätt proportioner. Vi har det fungerande på en kunds webbplats och det fungerar helt perfekt.
Admin
Luke
Jag är nybörjare och älskar det du gör. Det vore trevligt att få mycket specifika instruktioner för sådant här. När jag kopierar/klistrar in i funktioner fungerar det inte.
Tankar om vad jag kan göra fel? Kanske ett inlägg om funktioner för nybörjare?
Tack och fortsätt med det goda arbetet.
Redaktionell personal
Använder du WordPress 2.9? Om så är fallet finns det inget sätt att det inte skulle fungera. Detta är förmodligen den bästa genomgången av denna kod.
Även om vi försöker göra allt så tydligt som möjligt, kräver det ibland förkunskaper för att slutföra vissa uppgifter.
Om du vill att någon av våra medarbetare ska titta på det och göra det åt dig kan vi göra det mot en liten avgift.
Admin
Chris Peterson
Bra tips! Du har tydligt förklarat varje steg för att installera inläggstumnaglar.
Cosmin
Jättebra!
Tack grabbar, perfekt timing, eftersom jag arbetar med ett WordPress-tema för en kund och det kräver precis detta!
Now it will be sooo easy for the less-tech-savvy person that’ll write posts
Nimit kashyap
Jag skulle hellre vilja använda ett plugin för det.
Redaktionell personal
Varför då? Plugins saktar ner din webbplats, och det är förmodligen det enklaste sättet att göra detta.
Admin
jeprie
Mycket fina artiklar, visste inte att man kunde göra detta i WordPress.
så, hur mycket kan plugins sakta ner vår wp-webbplats? är det betydande?
Redaktionell personal
Ju fler databasfrågor din webbplats gör, desto långsammare laddas den och varje plugin lägger till fler frågor.