{"id":254486,"date":"2022-04-10T14:17:00","date_gmt":"2022-04-10T11:17:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254486"},"modified":"2021-10-29T05:50:41","modified_gmt":"2021-10-29T02:50:41","slug":"hur-man-lagger-till-bilder-till-menyobjekt-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-bilder-till-menyobjekt-i-wordpress\/","title":{"rendered":"Hur man l\u00e4gger till bilder till menyobjekt i WordPress"},"content":{"rendered":"<p>Jag har goda nyheter.<\/p>\n<p>Att l\u00e4gga till bilder till menyalternativ \u00e4r f\u00f6rv\u00e5nansv\u00e4rt enkelt.<\/p>\n<p>Normalt skulle det kr\u00e4vas f\u00f6rst\u00e5else f\u00f6r kod f\u00f6r att l\u00e4gga till bilder. Men tack vare en praktisk plugin beh\u00f6ver du inte veta det f\u00f6rsta om kod.<\/p>\n<p>Faktum \u00e4r att den h\u00e4r l\u00f6sningen \u00e4r enkel som den vanliga menyredigeraren, och den l\u00e5ter dig l\u00e4gga till bilder precis s\u00e5 h\u00e4r:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p>I det h\u00e4r inl\u00e4gget kan du uppt\u00e4cka ett plugin som l\u00e5ter dig l\u00e4gga till bilder till alla dina menyalternativ och l\u00e4ra dig hur du anv\u00e4nder det p\u00e5 din webbplats.<\/p>\n<p>F\u00f6r att l\u00e4gga till bilder till din meny, ladda ner och installera insticksprogrammet <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39db9f678.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" \/><\/a><\/p>\n<p>Denna plugin l\u00e5ter dig l\u00e4gga till en bild till valfri menypost och kontrollera alla aspekter av stilen inklusive bildens position och storlek.<\/p>\n<p>N\u00e4r den \u00e4r aktiverad, bes\u00f6k din Meny-sida (Utseende &gt; Menyer) och klicka p\u00e5 rullgardinsmenyn p\u00e5 ett menyalternativ.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p><strong>Har du ingen meny \u00e4nnu?<\/strong> Du kan beh\u00f6va <a href=\"https:\/\/www.competethemes.com\/help\/customize-menu-cele\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">skapa en anpassad meny<\/a> f\u00f6rst.<\/p>\n<p>Detta visar inst\u00e4llningarna f\u00f6r menyalternativet. N\u00e4r du har installerat Menu Image kommer du att se ytterligare en upps\u00e4ttning alternativ f\u00f6r att l\u00e4gga till en bild.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p>Ladda upp en bild, \u00e4ndra hovringsl\u00e4get, v\u00e4lj en storlek och placera den med Menybild<\/p>\n<p>Som ett exempel kommer jag att anv\u00e4nda den h\u00e4r lilla personikonen f\u00f6r menyalternativet Om:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p>F\u00f6r att l\u00e4gga till bilden, klicka p\u00e5 knappen St\u00e4ll in bild och du kommer att se den v\u00e4lbekanta mediebiblioteks-popupen d\u00e4r du kan ladda upp en ny bild eller v\u00e4lja en befintlig.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p>N\u00e4r du har lagt till din bild kommer du att se en f\u00f6rhandsgranskning i menyalternativsredigeraren.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<p>S\u00e5 h\u00e4r ser det ut i menyn f\u00f6r <a href=\"https:\/\/www.competethemes.com\/morning\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">morgontemat<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"Hur man l\u00e4gger till bilder till menyobjekt i WordPress\" ><\/a><\/p>\n<h3>Ytterligare anpassning av bilder<\/h3>\n<p>F\u00f6rutom att l\u00e4gga till en bild kan du placera den ovanf\u00f6r, under, f\u00f6re eller efter menyalternativet. Du kan ocks\u00e5 visa en annan bild n\u00e4r en bes\u00f6kare h\u00e5ller muspekaren \u00f6ver menyalternativet, vilket \u00e4r s\u00e4rskilt anv\u00e4ndbart f\u00f6r f\u00e4rgbyten.<\/p>\n<p>N\u00e4r det g\u00e4ller storleken p\u00e5 bilden har du de fyra bildstorlekarna WordPress skapar, plus tre nya storlekar som lagts till av Menu Image. De storlekar som finns tillg\u00e4ngliga \u00e4r:<\/p>\n<ul>\n<li>Originalstorlek<\/li>\n<li>Miniatyr<\/li>\n<li>Medium<\/li>\n<li>Stor<\/li>\n<li>24 \u00d7 24<\/li>\n<li>36 \u00d7 36<\/li>\n<li>48 \u00d7 48<\/li>\n<\/ul>\n<p>M\u00e5tten p\u00e5 miniatyrbilden, medelstora och stora storlekar kan st\u00e4llas in i menyn Mediainst\u00e4llningar (Inst\u00e4llningar &gt; Media).<\/p>\n<p>Planera en upps\u00e4ttning bilder som ser liknande ut f\u00f6r din meny f\u00f6rst, s\u00e5 att din meny f\u00e5r en sammanh\u00e4ngande estetik. Jag lade till en ikon i mitt exempel f\u00f6r att illustrera pluginens anv\u00e4ndning, men jag skulle rekommendera att l\u00e4gga till en bild till alla menyalternativ eller inga.<\/p>\n<p>Du kan beh\u00f6va \u00e4ndra storlek p\u00e5 din bild n\u00e5gra g\u00e5nger tills den ser r\u00e4tt ut i menyn. Om du inte har en valfri grafikredigerare, kolla in <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GIMP<\/a> (gratis) eller <a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sketch<\/a> (endast 99 $ Mac).<\/p>\n<p>Slutligen, anv\u00e4nd transparenta PNG-bilder om du kan. Att visa en stor fyrkant runt ikonen kommer inte att se bra ut p\u00e5 n\u00e5gon meny.<\/p>\n<p>Den <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menyn Bild<\/a> plugin g\u00f6r det enkelt f\u00f6r vem som helst att l\u00e4gga till bilder till sina menyalternativ. Du beh\u00f6ver inte kunna n\u00e5gon PHP eller CSS f\u00f6r att inkludera snygga ikoner i din meny.<\/p>\n<p>Har du n\u00e5gra fr\u00e5gor om att l\u00e4gga till eller styla bilder i din meny? L\u00e4mna en kommentar nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Goda nyheter: det \u00e4r f\u00f6rv\u00e5nansv\u00e4rt enkelt att l\u00e4gga till bilder till menyalternativ. L\u00e4r dig hur du l\u00e4gger till bilder till din meny med hj\u00e4lp av ett enkelt plugin i det h\u00e4r inl\u00e4gget.<\/p>\n","protected":false},"author":1,"featured_media":257355,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-254486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anpassa-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=254486"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257355"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=254486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=254486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=254486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}