{"id":240742,"date":"2022-03-29T19:56:00","date_gmt":"2022-03-29T16:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=240742"},"modified":"2021-10-27T13:24:25","modified_gmt":"2021-10-27T10:24:25","slug":"wie-man-eine-e-mail-adresse-in-wordpress-anklickbar-macht","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/wie-man-eine-e-mail-adresse-in-wordpress-anklickbar-macht\/","title":{"rendered":"Wie man eine E-Mail-Adresse in WordPress anklickbar macht"},"content":{"rendered":"<p>Sie haben wahrscheinlich anklickbare E-Mail-Adressen wie diese im Internet gesehen, <a href=\"mailto:fake@email.com\">fake@email.com<\/a>.<\/p>\n<p>Wenn Sie auf diese E-Mail-Adresse klicken, wird der Standard-E-Mail-Client Ihres Computers ge\u00f6ffnet. Wie f\u00fcgst du also solche Links zu deiner WordPress-Site hinzu?<\/p>\n<p>So k\u00f6nnen Sie ganz einfach E-Mail-Links zu Beitr\u00e4gen und Seiten hinzuf\u00fcgen sowie den HTML-Code, den Sie f\u00fcr Men\u00fcs und Widgets verwenden k\u00f6nnen.<\/p>\n<h2>So erstellen Sie Mailto: Links<\/h2>\n<p><strong>UPDATE:<\/strong> Sehen Sie sich mein neues Video-Tutorial an, um zu erfahren, wie Sie im neuen Gutenberg-Editor anklickbare E-Mail-Adressen sowie Men\u00fcs und Widgets hinzuf\u00fcgen.<\/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\">Abonnieren Sie Compete Themes auf Youtube<\/a><\/p>\n<p>HTML5 f\u00fchrte einige neue <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Linktypen ein,<\/a> darunter den speziellen E-Mail-Link oder <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mailto-Link<\/a>. WordPress hilft Ihnen, E-Mail-Adressen automatisch zu verkn\u00fcpfen, ohne den HTML-Code zu ber\u00fchren.<\/p>\n<p>Geben Sie zun\u00e4chst eine einfache E-Mail-Adresse in einen Beitrag oder eine Seite ein. Markieren Sie dann den Text der E-Mail-Adresse und klicken Sie im Editor auf das Link-Symbol.<\/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=\"Wie man eine E-Mail-Adresse in WordPress anklickbar macht\" ><\/a><\/p>\n<p>Dr\u00fccken Sie alternativ cmd+k (Strg+k), um die Verkn\u00fcpfung f\u00fcr den Link zu verwenden.<\/p>\n<p>WordPress erkennt die E-Mail-Adresse und f\u00fcgt automatisch den richtigen Mailto-Link f\u00fcr Sie ein.<\/p>\n<p>Dr\u00fccken Sie einfach die Eingabe-\/Return-Taste, um den Link hinzuzuf\u00fcgen, und Sie sind fertig.<\/p>\n<h3>So funktionieren E-Mail-Links<\/h3>\n<p>Wenn Sie auf eine Website verlinken, f\u00fcgen Sie am Anfang &quot;http:\/\/&quot; ein. Alle Links erfordern ein Protokoll und &quot;http:\/\/&quot; ist das Hypertext-Protokoll, das wir f\u00fcr die Verlinkung auf Webseiten verwenden.<\/p>\n<p>Mailto ist ein anderes Protokoll. Es wird beim Verkn\u00fcpfen mit einer E-Mail-Adresse verwendet. In der Praxis m\u00fcssen Sie nur daran denken, \u201emailto:&#8220; anstelle von \u201ehttp:\/\/&#8220; zu verwenden, wenn Sie auf eine E-Mail-Adresse verlinken.<\/p>\n<h3>Der Mailto-Link-HTML<\/h3>\n<p>Wenn Sie den Link zu einem Widget oder Men\u00fc hinzuf\u00fcgen, haben Sie nicht die automatische Mailto-Linkerstellung, die Sie im Post-Editor erhalten.<\/p>\n<p>So sollte die URL aussehen, wenn einem Men\u00fc ein E-Mail-Adresslink hinzugef\u00fcgt wird.<\/p>\n<pre><code>mailto:fake@email.com<\/code><\/pre>\n<p>Und hier ist der komplette HTML-Code f\u00fcr einen Mailto-Link.<\/p>\n<pre><code>&lt;a href=\"mailto:fake@email.com\"&gt;fake@email.com&lt;\/a&gt;<\/code><\/pre>\n<h2>E-Mail-Links mit WordPress<\/h2>\n<p>In diesem Beitrag haben Sie erfahren, wie Sie mit WordPress E-Mail-Links zu jedem Teil Ihrer Website hinzuf\u00fcgen, indem Sie den HTML5-Link \u201eMailto&#8220; verwenden.<\/p>\n<p>E-Mail-Adressen anklickbar zu machen kann es Besuchern erleichtern, mit Ihnen in Kontakt zu treten. Sie k\u00f6nnen die Links sogar aktualisieren, um eine <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/#article-header-id-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">vorgefertigte Betreffzeile zu erhalten<\/a>.<\/p>\n<p>Wenn Sie Fragen zum Hinzuf\u00fcgen anklickbarer E-Mail-Adressen zu Ihrer Website haben, schreiben Sie bitte unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <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>M\u00f6chten Sie eine E-Mail-Adresse anklickbar machen? So k\u00f6nnen Sie ganz einfach E-Mail-Links zu Beitr\u00e4gen und Seiten hinzuf\u00fcgen sowie den HTML-Code, den Sie f\u00fcr Men\u00fcs und Widgets verwenden k\u00f6nnen.<\/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":[567],"tags":[845],"class_list":["post-240742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/240742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=240742"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/240742\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/261610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=240742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=240742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=240742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}