{"id":235739,"date":"2021-11-28T12:25:00","date_gmt":"2021-11-28T09:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235739"},"modified":"2022-05-16T15:04:06","modified_gmt":"2022-05-16T12:04:06","slug":"hur-man-lagger-till-en-extern-lankikon-till-wordpress-menyer","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-en-extern-lankikon-till-wordpress-menyer\/","title":{"rendered":"Hur man l\u00e4gger till en extern l\u00e4nkikon till WordPress-menyer"},"content":{"rendered":"<p>I den senaste handledningen jag publicerade l\u00e4rde du dig hur du <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-en-extern-lank-till-din-wordpress-meny\/\" title=\"l\u00e4gger till en extern l\u00e4nk till din meny\">l\u00e4gger till en extern l\u00e4nk till din meny<\/a>.<\/p>\n<p>Nu \u00e4r det h\u00e4r&#8230;<\/p>\n<p>Externa l\u00e4nkar i menyn \u00e4r bra, men de \u00e4r ganska ovanliga. De flesta bes\u00f6kare kommer att bli f\u00f6rv\u00e5nade n\u00e4r de klickar p\u00e5 en menyl\u00e4nk och l\u00e4mnar din webbplats. De kanske till och med tror att det \u00e4r en del av samma webbplats f\u00f6rst.<\/p>\n<p>Du m\u00e5ste l\u00e4gga till en visuell indikator som l\u00e5ter dem veta att l\u00e4nken tar dem till en annan webbplats, och det b\u00e4sta s\u00e4ttet att g\u00f6ra det \u00e4r genom att l\u00e4gga till en extern l\u00e4nkikon.<\/p>\n<h2>L\u00e4gg till ikonen f\u00f6r extern l\u00e4nk<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/wVIPxlVYv8Y\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Prenumerera p\u00e5 t\u00e4vla teman p\u00e5 Youtube<\/a><\/p>\n<p>Det finns n\u00e5gra s\u00e4tt att l\u00e4gga till ikonen, men jag ska visa dig den enklaste metoden f\u00f6rst.<\/p>\n<p>Tekniskt sett \u00e4r det h\u00e4r &quot;nord\u00f6stpilen&quot;-ikonen och inte en extern l\u00e4nkikon, men den f\u00e5r fram po\u00e4ngen n\u00e4r den placeras precis bredvid en l\u00e4nk.<\/p>\n<p>F\u00f6r att l\u00e4gga till ikonen, b\u00f6rja med att \u00f6ppna Customizer (Utseende &gt; Anpassa) och navigera till menyn du vill redigera.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6dd305c5.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-224002-6171d6dd305c5.png\" alt=\"Hur man l\u00e4gger till en extern l\u00e4nkikon till WordPress-menyer\"><\/a><\/p>\n<p>Detta \u00e4r inl\u00e4ggslayouten i <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Challenger-<\/a> temat.<\/p>\n<p>I mitt f\u00e5niga exempel l\u00e4nkar jag ut till Google \ud83d\ude1b<\/p>\n<p>Klicka p\u00e5 menyalternativet som du vill l\u00e4gga till ikonen till och kopiera och klistra in denna kod i navigeringsetiketten: \u2197<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6df41c7f.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-224002-6171d6df41c7f.png\" alt=\"Hur man l\u00e4gger till en extern l\u00e4nkikon till WordPress-menyer\"><\/a><\/p>\n<p>Se till att inkludera alla tecken fr\u00e5n et-tecken till semikolon<\/p>\n<p>S\u00e5 h\u00e4r kommer det att visas i menyn:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6e0cfe78.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-224002-6171d6e0cfe78.png\" alt=\"Hur man l\u00e4gger till en extern l\u00e4nkikon till WordPress-menyer\"><\/a><\/p>\n<p>Den h\u00e4r ikonen \u00e4r f\u00e4rgstark eftersom den visas som en emoji. Som en emoji betyder det ocks\u00e5 att den visas lite annorlunda beroende p\u00e5 vilken enhet din webbplats visas med. Du kan f\u00f6rhandsgranska <a href=\"https:\/\/emojipedia.org\/north-east-arrow\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hur det ser ut p\u00e5 olika enheter h\u00e4r<\/a>.<\/p>\n<p>Observera ocks\u00e5 att om du har inaktiverat emoji-st\u00f6d p\u00e5 din webbplats, kommer ikonen att visas som en vanlig svart pil utan rutan runt den.<\/p>\n<p>Hur l\u00e4tt \u00e4r det? Bara kopiera och klistra in n\u00e5gra tecken och du \u00e4r klar!<\/p>\n<p>Det enda problemet med detta tillv\u00e4gag\u00e5ngss\u00e4tt \u00e4r att ikonen inte \u00e4r anpassningsbar. Om f\u00e4rgen st\u00e5r i konflikt med ditt varum\u00e4rke kan du beh\u00f6va prova n\u00e4sta l\u00f6sning.<\/p>\n<h2>En mer anpassningsbar l\u00f6sning<\/h2>\n<p>\u00c4ven om det finns s\u00e4tt att l\u00e4gga till ikoner med lite CSS, vill jag helst inte att du f\u00f6rs\u00f6ker skriva och redigera kod.<\/p>\n<p>Kolla ist\u00e4llet in den h\u00e4r handledningen om att <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-bilder-till-menyobjekt-i-wordpress\/\" title=\"l\u00e4gga till bilder till menyalternativ\">l\u00e4gga till bilder till menyalternativ<\/a>. P\u00e5 s\u00e5 s\u00e4tt kan du hitta vilken bild du vill och sedan l\u00e4gga till den f\u00f6re eller efter menyalternativet. Du kan ocks\u00e5 hitta n\u00e5gra andra s\u00e4tt att anv\u00e4nda plugin som visas i det inl\u00e4gget.<\/p>\n<h2>\u00d6ppna l\u00e4nken i en ny flik<\/h2>\n<p>Innan du g\u00e5r, finns det en sak till du b\u00f6r g\u00f6ra&#8230;<\/p>\n<p>St\u00e4ll in menyalternativet s\u00e5 att det \u00f6ppnas p\u00e5 en ny flik.<\/p>\n<p>Den externa l\u00e4nkikonen hj\u00e4lper mycket och m\u00e5nga bes\u00f6kare kommer att \u00f6ppna l\u00e4nken i en ny flik, men f\u00f6r att vara p\u00e5 den s\u00e4kra sidan g\u00f6r vi att l\u00e4nken alltid \u00f6ppnas i en ny flik. Detta kommer att hj\u00e4lpa dig att beh\u00e5lla fler av dina surt f\u00f6rv\u00e4rvade bes\u00f6kare p\u00e5 din webbplats.<\/p>\n<p>Att \u00f6ppna menyalternativ p\u00e5 en ny flik \u00e4r faktiskt v\u00e4ldigt sv\u00e5rt att ta reda p\u00e5 eftersom inst\u00e4llningen \u00e4r dold som standard. F\u00f6lj den <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-gor-wordpress-lankar-oppna-i-nya-flikar\/\" title=\"h\u00e4r guiden f\u00f6r att \u00f6ppna l\u00e4nkar p\u00e5 nya flikar f\u00f6r\">h\u00e4r guiden f\u00f6r att \u00f6ppna l\u00e4nkar p\u00e5 nya flikar f\u00f6r<\/a> att se hur du slutf\u00f6r detta sista steg.<\/p>\n<h2>Slutsats<\/h2>\n<p>Det finns m\u00e5nga sk\u00e4l att l\u00e4gga till en extern l\u00e4nk till din meny. Men utan en indikator kan de leda till en d\u00e5lig anv\u00e4ndarupplevelse.<\/p>\n<p>Genom att l\u00e4gga till en ikon till menyalternativet kommer bes\u00f6karna att veta att de \u00e4r p\u00e5 v\u00e4g att l\u00e4mna webbplatsen innan de klickar. Genom att \u00f6ppna sidan p\u00e5 en ny flik kommer de dessutom att f\u00f6rhindra att de av misstag l\u00e4mnar din webbplats.<\/p>\n<p>Om du har n\u00e5gra fr\u00e5gor eller feedback om denna handledning, 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>F\u00f6rvirra inte dina bes\u00f6kare! L\u00e4gg till en enkel ikon f\u00f6r att tydligt m\u00e4rka externa l\u00e4nkar i din meny genom att f\u00f6lja denna snabba och enkla handledning.<\/p>\n","protected":false},"author":1,"featured_media":22094,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-235739","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\/235739","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=235739"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/235739\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/22094"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=235739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=235739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=235739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}