{"id":226539,"date":"2022-09-06T17:45:00","date_gmt":"2022-09-06T14:45:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226539"},"modified":"2022-11-08T19:55:46","modified_gmt":"2022-11-08T16:55:46","slug":"wordpress-utvald-bild-vad-det-aer-och-hur-man-laegger-till-en","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-utvald-bild-vad-det-aer-och-hur-man-laegger-till-en\/","title":{"rendered":"WordPress utvald bild: Vad det \u00e4r och hur man l\u00e4gger till en"},"content":{"rendered":"\n<p>Du ser det \u00f6verallt, men du vet inte s\u00e5 mycket om det. Det \u00e4r WordPress-bilden. L\u00e5t oss ta reda p\u00e5 mer om det.<\/p>\n<p>Du vet utan tvekan att varje fysisk tidning \u00e4r beroende av bilder. Innan dessa tidningar gick ut p\u00e5 n\u00e4tet anv\u00e4nde redakt\u00f6rerna visuella medier f\u00f6r att se till att folk lockades att l\u00e4sa ber\u00e4ttelserna.<\/p>\n<p>Nu, innan du ens b\u00f6rjar ifr\u00e5gas\u00e4tta hur viktiga bilder \u00e4r, fr\u00e5ga dig sj\u00e4lv, hur mycket skulle du vilja ha din favorittidning utan en? Skulle du vara lika intresserad som du \u00e4r nu om det inte fanns n\u00e5gra bilder p\u00e5 din favoritbil, mat eller mode?<\/p>\n<p>WordPress utvalda bilder \u00e4r en funktion som \u00e4r ganska popul\u00e4r, och de flesta av dagens teman har st\u00f6d f\u00f6r en miniatyrbild eller utvalda bilder n\u00e4r du l\u00e4gger till ett inl\u00e4gg. En utvald bild har som m\u00e5l att visa inneh\u00e5llet, eller temat, f\u00f6r ett inl\u00e4gg eller en sida.<\/p>\n<p>Det finns flera variabler f\u00f6r en bra utvald bild. Till exempel finns det inte en f\u00f6rdefinierad b\u00e4sta storlek f\u00f6r utvalda bilder i WordPress, s\u00e5 det beror p\u00e5 ditt specifika fall. WordPress-miniatyrstorleken b\u00f6r ocks\u00e5 vara tillr\u00e4cklig f\u00f6r att visa bilden korrekt, och anv\u00e4ndare b\u00f6r kunna se vad bilden \u00e4r fr\u00e5n miniatyren.<\/p>\n<p>Det finns vanligtvis en enda utvald bild, och den anv\u00e4nds f\u00f6r att f\u00f6rb\u00e4ttra din webbplats presentation. Nedan ser du hur du l\u00e4gger till en miniatyrbild eller utvald bild, hur du \u00e4ndrar storleken p\u00e5 utvalda bilder i WordPress, etc.<\/p>\n<h3><strong>Vad \u00e4r en utvald bild?<\/strong><\/h3>\n<p>\u00c4ven om du kanske \u00e4r ben\u00e4gen att tro att detta bara \u00e4r ytterligare en mediefil, s\u00e5 f\u00f6rtj\u00e4nar bilden f\u00f6r miniatyrinl\u00e4gget s\u00e4rskild uppm\u00e4rksamhet, eftersom det \u00e4r detta du kommer att anv\u00e4nda f\u00f6r att f\u00e5nga dina bes\u00f6kares uppm\u00e4rksamhet. Det h\u00e4r \u00e4r vad du kommer att anv\u00e4nda f\u00f6r att locka individer att l\u00e4sa dina ber\u00e4ttelser, samt f\u00f6r att \u00f6ka din bloggs visuella kvalitet. Och det spelar ocks\u00e5 en ganska avg\u00f6rande roll vid delning av sociala medier. D\u00e4rf\u00f6r f\u00e5r denna bilds betydelse inte f\u00f6rsummas.<\/p>\n<p>Du kommer att uppt\u00e4cka att f\u00f6r inte s\u00e5 l\u00e4nge sedan hade m\u00e5nga av de popul\u00e4ra WordPress-temanen inte st\u00f6d f\u00f6r en utvald bild, och det var inte s\u00e5 enkelt som att f\u00e5 WordPress att f\u00e5 en utvald bild som du gillar och s\u00e4tta den p\u00e5 ditt inl\u00e4gg. \u00c4ven de f\u00e5 som hade visat bilder, tenderade att m\u00f6ta problem som att WordPress-bilden inte visades etc. Tiderna har dock f\u00f6r\u00e4ndrats och de flesta teman som finns tillg\u00e4ngliga online \u00e4r redo f\u00f6r utvalda bilder.<\/p>\n<h3><strong>Var visas de p\u00e5 din webbplats?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3e05ced.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3e05ced.jpg\" alt=\"WordPress utvald bild: Vad det \u00e4r och hur man l\u00e4gger till en\" ><\/a><\/p>\n<p>De utvalda bilderna tenderar att leva under din hemsidas str\u00e5lkastare. De \u00e4r miniatyrerna som representerar hela inl\u00e4gget, och de l\u00e4nkar vanligtvis direkt till inl\u00e4gget. N\u00e4r du v\u00e4ljer en utvald bild s\u00e4tter du hela tonen f\u00f6r din ber\u00e4ttelse. Och precis som ett bra foto kan locka en bes\u00f6kare att l\u00e4sa hela inl\u00e4gget, kan ett d\u00e5ligt skjuta upp dem helt.<\/p>\n<p>Samma utvalda bilder visas vanligtvis \u00f6verst i enskilda inl\u00e4gg, s\u00e5v\u00e4l som sidor och anpassade inl\u00e4ggstyper i WordPress. Beroende p\u00e5 vilket tema du anv\u00e4nder kan den utvalda bilden visas en bit under eller ovanf\u00f6r titeln. WordPress-bildstorleken beror ocks\u00e5 p\u00e5 temat och \u00e4r vanligtvis upp till utvecklaren som arbetat med detaljerna.<\/p>\n<p>Nu, \u00e5terigen beroende p\u00e5 temat, kanske du har visat bilder n\u00e5gon annanstans. Om du till exempel har en widget f\u00f6r senaste inl\u00e4gg kan den visa inl\u00e4ggsminiatyrer f\u00f6r lite stil och f\u00f6r att dra till sig lite uppm\u00e4rksamhet. Vissa kommer till och med att visa bilderna p\u00e5 adminsidorna bredvid de tilldelade inl\u00e4ggen.<\/p>\n<p>L\u00e5t oss ta en titt p\u00e5 n\u00e5gra tips och tricks f\u00f6r utvalda bilder.<\/p>\n<h3><strong>Hur visar du utvalda bilder i enstaka inl\u00e4gg?<\/strong><\/h3>\n<p>Du m\u00e5ste hitta temafilen som \u00e5terger de enskilda inl\u00e4ggen. Denna fil kallas vanligtvis <strong>single.php.<\/strong> Det finns en <strong>while()<\/strong> loop inuti den, l\u00e4gg till f\u00f6ljande kod till den:<\/p>\n<p><code>&lt;?php if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; ?&gt;<\/code><\/p>\n<p>Den h\u00e4r koden kontrollerar om det finns en bild f\u00f6r inl\u00e4gget eller sidan och anv\u00e4nder sedan funktionen &quot;get_the_post_thumbnail()&quot; f\u00f6r att skriva ut den. S\u00e5 h\u00e4r ska slingan se ut n\u00e4r du har integrerat den nya koden:<\/p>\n<p><code>&lt;?php while (have_posts() ): the_post(); if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; endwhile; ?&gt;<\/code><\/p>\n<h3>Hur l\u00e4gger man till en utvald bild?<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3f423f1.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3f423f1.jpg\" alt=\"WordPress utvald bild: Vad det \u00e4r och hur man l\u00e4gger till en\" ><\/a><\/p>\n<p>Detta \u00e4r ganska enkelt. Det finns ett inbyggt alternativ f\u00f6r att f\u00e5 WordPress att visa utvalda bilder, och det \u00e4r p\u00e5 h\u00f6ger sida av sk\u00e4rmen. Om du inte ser det, se till att du har markerat rutan &quot;Utvald bild&quot; p\u00e5 fliken &quot;Sk\u00e4rmalternativ&quot; i det \u00f6vre h\u00f6gra h\u00f6rnet.<\/p>\n<p>P\u00e5 en ny webbplats finns fliken Utvalda bilder l\u00e4ngst ner i det h\u00f6gra sidof\u00e4ltet. Klicka bara p\u00e5 l\u00e4nken &quot;Ange utvald bild&quot; s\u00e5 \u00f6ppnas ett nytt f\u00f6nster, ditt mediebibliotek. V\u00e4lj bara en bild som du redan har p\u00e5 din webbplats, eller anv\u00e4nd dra och sl\u00e4pp f\u00f6r att ladda upp en ny fr\u00e5n din dator. N\u00e4r du har gjort ditt val klickar du p\u00e5 &quot;Ange utvald bild&quot;.<\/p>\n<h3>Hur tar man bort en utvald bild?<\/h3>\n<p>N\u00e4r du vill ta bort din utvalda bild \u00f6ppnar du bara inl\u00e4ggs- eller bildredigeraren och klickar p\u00e5 X-ikonen i modulen Utvalda bilder. Om du tar bort den kommer du att visa din anpassade huvudbild ist\u00e4llet.<\/p>\n<h3>Alternativa utvalda bilder<\/h3>\n<p>F\u00f6rutom de utvalda huvudbilderna kommer du att uppt\u00e4cka att m\u00e5nga teman ocks\u00e5 erbjuder st\u00f6d f\u00f6r alternativa utvalda bilder. Dessa kan inkludera saker som inl\u00e4ggsminiatyrer, bildspel och till och med bilder bifogade till utvalda inl\u00e4gg.<\/p>\n<h3>Men vad h\u00e4nder om temat du valde inte har ett utvalt bildalternativ?<\/h3>\n<p>\u00c4ven om, som tidigare n\u00e4mnt, de flesta av teman \u00e4r redo f\u00f6r utvalda bilder, hittar du den udda h\u00e4r och d\u00e4r som inte erbjuder en s\u00e5dan funktion. Det finns andra s\u00e4tt att l\u00e4gga till en, antingen manuellt eller med en plug-in. Nedan ser du hur du g\u00f6r det med n\u00e5gon av dessa metoder. Plugins som n\u00e4mns nedan \u00e4r otroliga, och du kan till och med anv\u00e4nda dem f\u00f6r att l\u00e5ta WordPress hantera utvalda bilder automatiskt.<\/p>\n<h3>G\u00f6r det manuellt<\/h3>\n<p>Om du vill g\u00f6ra saker manuellt \u00e4r det ganska enkelt. G\u00e5 till <strong>functions.php<\/strong> -filen i ditt tema och l\u00e4gg till koden nedan:<\/p>\n<p><code>function mytheme_post_thumbnails() { add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme', 'mytheme_post_thumbnails' );<\/code><\/p>\n<p>Och du \u00e4r ganska klar.<\/p>\n<h3>Vad s\u00e4gs om att anv\u00e4nda plugins f\u00f6r detta?<\/h3>\n<p>Tv\u00e5 plugins som du kan anv\u00e4nda \u00e4r Dynamic Featured Image och Quick Featured Images. L\u00e5t oss ta en titt p\u00e5 dem b\u00e5da.<\/p>\n<h4><a href=\"https:\/\/wordpress.org\/plugins\/dynamic-featured-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dynamisk utvald bild<\/a><\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/dynamic-featured-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af40448f8.jpg\" alt=\"WordPress utvald bild: Vad det \u00e4r och hur man l\u00e4gger till en\" \/><\/a><\/p>\n<p>N\u00e4r du t\u00e4nker p\u00e5 det faktum att det finns \u00f6ver 70 tusen aktiva anv\u00e4ndare av detta plugin, \u00e4r det tydligt att m\u00e5nga teman fortfarande beh\u00f6ver lite extra omsorg n\u00e4r vi diskuterar miniatyrbilder av inl\u00e4gg. Denna plugin l\u00e5ter dig l\u00e4gga till flera bilder, s\u00e5 att du inte l\u00e4ngre beh\u00f6ver vara beroende av bara en som \u00e4r allm\u00e4nt tillg\u00e4nglig. Insticksprogrammet f\u00f6rbereder bilderna och l\u00e5ter \u00e4ven andra temafunktioner komma \u00e5t dem n\u00e4r det \u00e4r n\u00f6dv\u00e4ndigt, utan att du beh\u00f6ver g\u00f6ra n\u00e5got.<\/p>\n<p>N\u00e4r du beh\u00f6ver arbeta med andra plugins som beh\u00f6ver utvalda bilder, s\u00e5v\u00e4l som reglage som visar dem f\u00f6r dina anv\u00e4ndare, \u00e4r detta ett utm\u00e4rkt val. Och det finns ocks\u00e5 en premiumversion om du vill l\u00e4gga till n\u00e5gra andra funktioner ocks\u00e5.<\/p>\n<h4><a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Snabba utvalda bilder<\/a><\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af4144a81.jpg\" alt=\"WordPress utvald bild: Vad det \u00e4r och hur man l\u00e4gger till en\" \/><\/a><\/p>\n<p>Quick Featured Images \u00e4r extremt enkelt. Fr\u00e5n det \u00f6gonblick du installerar det kan du g\u00e5 vidare och s\u00e4tta allt p\u00e5 autopilot. Det l\u00e5ter dig st\u00e4lla in en standardbild, s\u00e5 n\u00e4r du gl\u00f6mmer att st\u00e4lla in en, \u00e5terg\u00e5r den till standardminiatyren. Det l\u00e5ter dig ocks\u00e5 ta bort eller ers\u00e4tta bilder fr\u00e5n ett antal utvalda inl\u00e4gg samtidigt.<\/p>\n<p>Och dessutom finns det m\u00f6jlighet att l\u00e4gga till en bild i en sorterbar bildkolumn, i listor med sidor, inl\u00e4gg och anpassade inl\u00e4ggstyper. Du hittar ocks\u00e5 filter och regler f\u00f6r att \u00e4ndra hur din webbplats hanterar inl\u00e4ggsminiatyrer. Och det b\u00e4sta av allt \u2013 det \u00e4r gratis!<\/p>\n<h3>Avslutande tankar om WordPress utvald bild<\/h3>\n<p>Utvalda bilder \u00e4r bland de viktigaste mediefilerna du kommer att ha p\u00e5 din blogg. D\u00e4rf\u00f6r \u00e4r det viktigare att de ser bra ut \u00e4n man tror. Visst, att ha en snyggt genererad datorbild eller ett vackert foto \u00e4r viktigt, att f\u00e5 det att se s\u00e5 bra ut som du kan \u00e4r verkligen n\u00e5got du borde g\u00f6ra.<\/p>\n<p>Som tur \u00e4r beh\u00f6ver du inte vara utvecklare, eller ha en fullst\u00e4ndig f\u00f6rst\u00e5else f\u00f6r WordPress bildbehandling f\u00f6r detta. Allt du beh\u00f6ver \u00e4r ett litet kodavsnitt, eller ett enkelt plugin, och vi hoppas att guiden ovan hj\u00e4lper till med detta.<\/p>\n<p>Om du gillade att l\u00e4sa den h\u00e4r artikeln om hur du l\u00e4gger till WordPress-utvalda bilder, b\u00f6r du kolla in den h\u00e4r om <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-aaterstaeller-wordpress-till-dess-standardinstaellningar\/\" title=\"hur du \u00e5terst\u00e4ller WordPress\">hur du \u00e5terst\u00e4ller WordPress<\/a>.<\/p>\n<p>Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som hur man redigerar <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-anvaendarroller-vad-de-aer-och-hur-man-redigerar-dem\/\" title=\"WordPress-anv\u00e4ndarroller\">WordPress-anv\u00e4ndarroller<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-duplicerar-en-sida-i-wordpress\/\" title=\"hur man duplicerar en sida i WordPress\">hur man duplicerar en sida i WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-redigerar-html-i-wordpress-den-stressfria-loesningen\/\" title=\"hur man redigerar HTML i WordPress\">hur man redigerar HTML i WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-enkelt-baeddar-in-videor-i-wordpress\/\" title=\"hur man b\u00e4ddar in video i WordPress\">hur man b\u00e4ddar in video i WordPress<\/a>, hur man <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/aendra-wordpress-url-hur-man-goer-det-utan-att-foerstoera\/\" title=\"\u00e4ndrar WordPress URL\">\u00e4ndrar WordPress URL<\/a> och hur man <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/laegg-till-javascript-till-wordpress-hur-man-goer-det-enkelt\/\" title=\"l\u00e4gger till JavaScript i WordPress.\">l\u00e4gger till JavaScript i WordPress.<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress featured image \u00e4r en funktion som \u00e4r ganska popul\u00e4r, och de flesta av dagens teman har st\u00f6d f\u00f6r det n\u00e4r du l\u00e4gger till ett inl\u00e4gg.<\/p>\n","protected":false},"author":1,"featured_media":196795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[838,848,868],"tags":[1173],"class_list":["post-226539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-foer-nyboerjare","category-handledningar","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/226539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=226539"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/226539\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/196795"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=226539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=226539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=226539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}