{"id":252651,"date":"2022-03-29T19:33:00","date_gmt":"2022-03-29T16:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=252651"},"modified":"2021-10-28T23:15:47","modified_gmt":"2021-10-28T20:15:47","slug":"hur-man-gor-en-e-postadress-klickbar-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-gor-en-e-postadress-klickbar-i-wordpress\/","title":{"rendered":"Hur man g\u00f6r en e-postadress klickbar i WordPress"},"content":{"rendered":"<p>Du har f\u00f6rmodligen sett klickbara e-postadresser p\u00e5 webben som denna, <a href=\"mailto:fake@email.com\">fake@email.com<\/a>.<\/p>\n<p>Om du klickar p\u00e5 den e-postadressen \u00f6ppnas din dators standardklient f\u00f6r e-post. S\u00e5 hur l\u00e4gger du till s\u00e5dana h\u00e4r l\u00e4nkar till din WordPress-webbplats?<\/p>\n<p>H\u00e4r \u00e4r det enkla s\u00e4ttet att l\u00e4gga till e-postl\u00e4nkar till inl\u00e4gg och sidor, plus HTML som du kan anv\u00e4nda f\u00f6r menyer och widgets.<\/p>\n<h2>Hur man skapar Mailto:-l\u00e4nkar<\/h2>\n<p><strong>UPPDATERING:<\/strong> Se min nya videohandledning f\u00f6r att l\u00e4ra dig hur du l\u00e4gger till klickbara e-postadresser i den nya Gutenberg-redigeraren samt menyer och widgets ocks\u00e5.<\/p>\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\/qunoDA84pGI\" 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>HTML5 introducerade n\u00e5gra nya l\u00e4nktyper inklusive den speciella e- <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">postl\u00e4nken<\/a> eller <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mailto-l\u00e4nken<\/a>. WordPress hj\u00e4lper dig automatiskt att l\u00e4nka e-postadresser utan att r\u00f6ra HTML.<\/p>\n<p>Skriv f\u00f6rst en vanlig e-postadress i ett inl\u00e4gg eller en sida. Markera sedan e-postadressens text och klicka p\u00e5 l\u00e4nkikonen i redigeraren.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180989-616f5cfcbb91e.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-180989-616f5cfcbb91e.png\" alt=\"Hur man g\u00f6r en e-postadress klickbar i WordPress\" ><\/a><\/p>\n<p>Alternativt, tryck p\u00e5 cmd+k (ctrl+k) f\u00f6r att anv\u00e4nda l\u00e4nkgenv\u00e4gen.<\/p>\n<p>WordPress kommer att k\u00e4nna igen e-postadressen och automatiskt infoga r\u00e4tt Mailto-l\u00e4nk \u00e5t dig.<\/p>\n<p>Tryck bara p\u00e5 enter\/retur-tangenten f\u00f6r att l\u00e4gga till l\u00e4nken och du \u00e4r klar.<\/p>\n<h3>Hur e-postl\u00e4nkar fungerar<\/h3>\n<p>N\u00e4r du l\u00e4nkar till en webbplats inkluderar du &quot;http:\/\/&quot; i b\u00f6rjan. Alla l\u00e4nkar kr\u00e4ver ett protokoll och &quot;http:\/\/&quot; \u00e4r hypertextprotokollet vi anv\u00e4nder f\u00f6r att l\u00e4nka till webbsidor.<\/p>\n<p>Mailto \u00e4r ett annat protokoll. Det anv\u00e4nds n\u00e4r du l\u00e4nkar till en e-postadress. I praktiken beh\u00f6ver du bara komma ih\u00e5g att anv\u00e4nda &quot;mailto:&quot; ist\u00e4llet f\u00f6r &quot;http:\/\/&quot; n\u00e4r du l\u00e4nkar till en e-postadress.<\/p>\n<h3>Mailto-l\u00e4nken HTML<\/h3>\n<p>Om du l\u00e4gger till l\u00e4nken till en widget eller meny kommer du inte att ha den automatiska Mailto-l\u00e4nken som du f\u00e5r i inl\u00e4ggsredigeraren.<\/p>\n<p>S\u00e5 h\u00e4r ska webbadressen se ut n\u00e4r du l\u00e4gger till en e-postadressl\u00e4nk till en meny.<\/p>\n<pre><code>mailto:fake@email.com<\/code><\/pre>\n<p>Och h\u00e4r \u00e4r den fullst\u00e4ndiga HTML-koden f\u00f6r en Mailto-l\u00e4nk.<\/p>\n<pre><code>&lt;a href=\"mailto:fake@email.com\"&gt;fake@email.com&lt;\/a&gt;<\/code><\/pre>\n<h2>E-postl\u00e4nkar med WordPress<\/h2>\n<p>I det h\u00e4r inl\u00e4gget l\u00e4rde du dig hur du l\u00e4gger till e-postl\u00e4nkar till vilken del av din webbplats som helst med WordPress genom att anv\u00e4nda HTML5-l\u00e4nken &quot;Mailto&quot;.<\/p>\n<p>Att g\u00f6ra e-postadresser klickbara kan g\u00f6ra det l\u00e4ttare f\u00f6r bes\u00f6kare att komma i kontakt med dig. Du kan till och med uppdatera l\u00e4nkarna s\u00e5 att de har en <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/#article-header-id-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">f\u00f6rskriven \u00e4mnesrad<\/a>.<\/p>\n<p>Om du har n\u00e5gra fr\u00e5gor om att l\u00e4gga till klickbara e-postadresser till din webbplats, v\u00e4nligen skriv 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>Vill du g\u00f6ra en e-postadress klickbar? H\u00e4r \u00e4r det enkla s\u00e4ttet att l\u00e4gga till e-postl\u00e4nkar till inl\u00e4gg och sidor, plus HTML som du kan anv\u00e4nda f\u00f6r menyer och widgets.<\/p>\n","protected":false},"author":1,"featured_media":261610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-252651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/252651","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=252651"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/252651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/261610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=252651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=252651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=252651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}