{"id":57,"date":"2017-10-19T15:06:19","date_gmt":"2017-10-19T13:06:19","guid":{"rendered":"https:\/\/www.svenskadomaner.se\/blogg\/?p=57"},"modified":"2017-11-14T12:16:03","modified_gmt":"2017-11-14T11:16:03","slug":"lagg-till-bild-wordpress-sidomenyn","status":"publish","type":"post","link":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/","title":{"rendered":"L\u00e4gg till en bild i din WordPress widget f\u00f6r sidomenyn"},"content":{"rendered":"

\"Hur<\/a><\/p>\n

Detta blogginl\u00e4gg g\u00e4ller endast f\u00f6r anv\u00e4ndare av WordPress versioner innan WordPress 4.8.1, som sl\u00e4pptes den 2 augusti 2017.<\/em><\/p>\n

Det \u00e4r ganska enkelt att l\u00e4gga till en bild i sidomenyn eller ett galleri<\/a>\u00a0i WordPress. Det \u00e4r d\u00e4remot inte lika l\u00e4tt f\u00f6r nyb\u00f6rjare att l\u00e4gga till bilder utanf\u00f6r dina inl\u00e4gg. Detta kan vara i navigeringen eller andra st\u00e4llen som t.ex. i sidomenyn, som f\u00f6rklaras i detta inl\u00e4gg. WordPress har, som standard, ingen bild widget. F\u00f6r att l\u00e4gga till en bild i sidomenyn, till exempel, eller r\u00e4ttare sagt utanf\u00f6r inl\u00e4gg, beh\u00f6ver man d\u00e4rf\u00f6r l\u00e4gga till en HTML kod manuellt. I detta inl\u00e4gg kommer vi att f\u00f6rklara hur du kan l\u00e4gga till en bild i sidomenyn.<\/p>\n

L\u00e4gg till en bild i din WordPress sidomeny widget manuellt<\/h3>\n

F\u00f6rst beh\u00f6ver du l\u00e4gga till den bild du vill anv\u00e4nda i WordPress medieuppladdare. F\u00f6r att g\u00f6ra detta g\u00e5r du in p\u00e5 Media \u00bb L\u00e4gg till och ladda upp din bild. Efter att du laddat upp bilden klickar du p\u00e5 Edit more details.<\/p>\n

WordPress tar dig nu till Redigera Media sidan, d\u00e4r du kan se bildens Fil-URL i menyn till h\u00f6ger p\u00e5 sk\u00e4rmen. Du kopierar den h\u00e4r URLn och kopierar in den i vilket textredigeringsprogram som helst (ex: Word, anteckningar etc.)<\/p>\n

\"l\u00e4gga<\/p>\n

D\u00e4refter g\u00e5r du in p\u00e5 Utseende \u2013> Widgets och drar och sl\u00e4pper en text widget till din sidomeny (sidebar) d\u00e4r du vill visa bilden.<\/p>\n

\"l\u00e4gga<\/p>\n

I textboxen, l\u00e4gger du till f\u00f6ljande kod:<\/p>\n

<img src="Kopiera in Fil-URL h\u00e4r" alt="Jordgubbar" \/><\/pre>\n
Img taggen anv\u00e4nds i HTML f\u00f6r att visa bilder. Den beh\u00f6ver tv\u00e5 attribut. Den f\u00f6rsta \u00e4r src som definierar bildfilens plats. Det \u00e4r h\u00e4r du kommer att kopiera in URLen som du tidigare kopierat.<\/p>\n
Den andra \u00e4r alt som anv\u00e4nds f\u00f6r att ge bilden en alternativ text. Den slutgiltiga bild taggen kommer att se ut n\u00e5got liknande detta:<\/p>\n
<img src="http:\/\/www.example.com\/wp-content\/uploads\/2014\/09\/jordgubbar.jpg" alt="Jordgubbar" \/><\/pre>\n
Gl\u00f6m inte att klicka p\u00e5 \u201dSpara\u201d f\u00f6r att dina \u00e4ndringar ska sparas och du ska kunna f\u00f6rhandsgranska \u00e4ndringarna live p\u00e5 din hemsida.<\/p>\n
Anv\u00e4nd Image Widget f\u00f6r att l\u00e4gga till en bild i sidomenyn i WordPress<\/h3>\n
Ett enklare s\u00e4tt att l\u00e4gga till bilder i sidomenyn i din WordPress \u00e4r att anv\u00e4nda ett plugin f\u00f6r detta. F\u00f6rst beh\u00f6ver du ladda ner och aktivera Image Widget<\/a> Pluginet.<\/p>\n
D\u00e4refter g\u00e5r du till Utseende\u00a0\u00bb Widgets. H\u00e4r kommer du att hitta den nya Image Widget bland dina andra Widgetar. Dra och sl\u00e4pp denna widget till din WordPress sidomeny d\u00e4r du vill att din utvalda bild ska visas.<\/p>\n
\"l\u00e4gga<\/p>\n
Det b\u00e4sta med att anv\u00e4nda just Image Widget \u00e4r att du slipper skriva n\u00e5gon som helst HTML-kod. Anv\u00e4nd bara medieuppladaren f\u00f6r att ladda upp bilden som du vill ska visas direkt fr\u00e5n widgeten.<\/p>\n
S\u00e5 snart du laddat upp en bild, kommer Image Widget att expanderas med en f\u00f6rhandsvisning av din bild. Den kommer ocks\u00e5 att visa ett antal inst\u00e4llningar som kan konfigureras direkt fr\u00e5n widgeten. Du kan v\u00e4lja en titel, alt text, och en bildtext. Du kan \u00e4ven v\u00e4lja vilken storlek bilden ska visas ifr\u00e5n listan med tillg\u00e4ngliga alternativ.<\/p>\n
\"image<\/p>\n
N\u00e4r du \u00e4r n\u00f6jd med din bild, klicka p\u00e5 Spara s\u00e5 sparas widgeten ner och du \u00e4r f\u00e4rdig. Du kan nu titta p\u00e5 din hemsida och se bilden i din sidomeny.<\/p>\n
Vi hoppas att detta inl\u00e4gg hj\u00e4lpt dig med hur du ska l\u00e4gga till en blld i din sidomeny!<\/p>\n
Har du n\u00e5gra fr\u00e5gor \u00e4r du mer \u00e4n v\u00e4lkommen att kontakta oss p\u00e5 supporten<\/a>\u00a0eller via v\u00e5r Facebook sida<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Detta blogginl\u00e4gg g\u00e4ller endast f\u00f6r anv\u00e4ndare av WordPress versioner innan WordPress 4.8.1, som sl\u00e4pptes den 2 augusti 2017. Det \u00e4r ganska enkelt att l\u00e4gga till en bild i sidomenyn eller ett galleri\u00a0i WordPress. Det \u00e4r d\u00e4remot inte lika l\u00e4tt f\u00f6r nyb\u00f6rjare att l\u00e4gga till bilder utanf\u00f6r dina inl\u00e4gg. Detta kan vara i navigeringen eller andra … <\/p>\n
Forts\u00e4tt l\u00e4sa \u201dL\u00e4gg till en bild i din WordPress widget f\u00f6r sidomenyn\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":123,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,1],"tags":[18,22,17,21,19,20,15,10],"class_list":["post-57","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hemsida","category-wordpress","tag-bildhantering","tag-blogg","tag-hemsida","tag-howto","tag-imagewidget","tag-nyabilder","tag-tips","tag-wordpress"],"yoast_head":"\nS\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg<\/title>\n<meta name=\"description\" content=\"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg\" \/>\n<meta property=\"og:description\" content=\"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/\" \/>\n<meta property=\"og:site_name\" content=\"Svenska Dom\u00e4ners blogg\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/svenskadomaner\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-19T13:06:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-14T11:16:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Svenska Dom\u00e4ner\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Svenska Dom\u00e4ner\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/\",\"url\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/\",\"name\":\"S\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg\",\"isPartOf\":{\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png\",\"datePublished\":\"2017-10-19T13:06:19+00:00\",\"dateModified\":\"2017-11-14T11:16:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/b192096a5f59a64cd5a15cdd5fef6538\"},\"description\":\"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage\",\"url\":\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png\",\"contentUrl\":\"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png\",\"width\":1200,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.svenskadomaner.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"L\u00e4gg till en bild i din WordPress widget f\u00f6r sidomenyn\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/#website\",\"url\":\"https:\/\/www.svenskadomaner.se\/blogg\/\",\"name\":\"Svenska Dom\u00e4ners blogg\",\"description\":\"V\u00e5ra b\u00e4sta tips och tricks f\u00f6r att optimera din hemsida\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.svenskadomaner.se\/blogg\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/b192096a5f59a64cd5a15cdd5fef6538\",\"name\":\"Svenska Dom\u00e4ner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2aea73d59616ef60be3d7eb4f101809a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2aea73d59616ef60be3d7eb4f101809a?s=96&d=mm&r=g\",\"caption\":\"Svenska Dom\u00e4ner\"},\"sameAs\":[\"https:\/\/svenskadomaner.se\",\"https:\/\/www.facebook.com\/svenskadomaner\/\"],\"url\":\"https:\/\/www.svenskadomaner.se\/blogg\/author\/dobreva-v\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"S\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg","description":"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/","og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg","og_description":"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!","og_url":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/","og_site_name":"Svenska Dom\u00e4ners blogg","article_author":"https:\/\/www.facebook.com\/svenskadomaner\/","article_published_time":"2017-10-19T13:06:19+00:00","article_modified_time":"2017-11-14T11:16:03+00:00","og_image":[{"width":1200,"height":400,"url":"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png","type":"image\/png"}],"author":"Svenska Dom\u00e4ner","twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"Svenska Dom\u00e4ner","Ber\u00e4knad l\u00e4stid":"3 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/","url":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/","name":"S\u00e5h\u00e4r kan du l\u00e4gga till en bild i sidomenyn i din Wordpress |\u00a0Svenska Dom\u00e4ners blogg","isPartOf":{"@id":"https:\/\/www.svenskadomaner.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage"},"image":{"@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage"},"thumbnailUrl":"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png","datePublished":"2017-10-19T13:06:19+00:00","dateModified":"2017-11-14T11:16:03+00:00","author":{"@id":"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/b192096a5f59a64cd5a15cdd5fef6538"},"description":"F\u00f6r att l\u00e4gga till en bild i sidomenyn beh\u00f6ver man l\u00e4gga till en HTML-kod manuellt. Vi f\u00f6rklarar hur du kan g\u00f6ra detta p\u00e5 tv\u00e5 olika s\u00e4tt!","breadcrumb":{"@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#primaryimage","url":"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png","contentUrl":"https:\/\/www.svenskadomaner.se\/blogg\/wp-content\/uploads\/2017\/10\/image-sidebar-post.png","width":1200,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.svenskadomaner.se\/blogg\/lagg-till-bild-wordpress-sidomenyn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.svenskadomaner.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"L\u00e4gg till en bild i din WordPress widget f\u00f6r sidomenyn"}]},{"@type":"WebSite","@id":"https:\/\/www.svenskadomaner.se\/blogg\/#website","url":"https:\/\/www.svenskadomaner.se\/blogg\/","name":"Svenska Dom\u00e4ners blogg","description":"V\u00e5ra b\u00e4sta tips och tricks f\u00f6r att optimera din hemsida","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.svenskadomaner.se\/blogg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Person","@id":"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/b192096a5f59a64cd5a15cdd5fef6538","name":"Svenska Dom\u00e4ner","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/www.svenskadomaner.se\/blogg\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2aea73d59616ef60be3d7eb4f101809a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2aea73d59616ef60be3d7eb4f101809a?s=96&d=mm&r=g","caption":"Svenska Dom\u00e4ner"},"sameAs":["https:\/\/svenskadomaner.se","https:\/\/www.facebook.com\/svenskadomaner\/"],"url":"https:\/\/www.svenskadomaner.se\/blogg\/author\/dobreva-v\/"}]}},"_links":{"self":[{"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":13,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/posts\/57\/revisions\/213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/media\/123"}],"wp:attachment":[{"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.svenskadomaner.se\/blogg\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}