{"id":244424,"date":"2022-03-29T20:14:00","date_gmt":"2022-03-29T17:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244424"},"modified":"2021-10-28T00:39:46","modified_gmt":"2021-10-27T21:39:46","slug":"como-tornar-um-endereco-de-e-mail-clicavel-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-tornar-um-endereco-de-e-mail-clicavel-no-wordpress\/","title":{"rendered":"Como tornar um endere\u00e7o de e-mail clic\u00e1vel no WordPress"},"content":{"rendered":"<p>Voc\u00ea provavelmente j\u00e1 viu endere\u00e7os de e-mail clic\u00e1veis \u200b\u200bna web como este, <a href=\"mailto:fake@email.com\">fake@email.com<\/a>.<\/p>\n<p>Se voc\u00ea clicar nesse endere\u00e7o de e-mail, ele abrir\u00e1 o cliente de e-mail padr\u00e3o do seu computador. Ent\u00e3o, como voc\u00ea adiciona links como este ao seu site WordPress?<\/p>\n<p>Esta \u00e9 a maneira f\u00e1cil de adicionar links de e-mail a postagens e p\u00e1ginas, al\u00e9m do HTML que voc\u00ea pode usar para menus e widgets.<\/p>\n<h2>Como criar Mailto: links<\/h2>\n<p><strong>ATUALIZA\u00c7\u00c3O:<\/strong> assista ao meu novo tutorial em v\u00eddeo para aprender como adicionar endere\u00e7os de e-mail clic\u00e1veis \u200b\u200bno novo editor de Gutenberg, bem como menus e widgets.<\/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\">Inscreva-se nos Temas do Compete no Youtube<\/a><\/p>\n<p>HTML5 introduziu alguns novos tipos de link, incluindo o link de e-mail especial ou <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">link Mailto<\/a>. O WordPress ajuda voc\u00ea a vincular endere\u00e7os de e-mail automaticamente sem tocar no HTML.<\/p>\n<p>Primeiro, digite um endere\u00e7o de e-mail simples em uma postagem ou p\u00e1gina. Em seguida, realce o texto do endere\u00e7o de e-mail e clique no \u00edcone do link no editor.<\/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=\"Como tornar um endere\u00e7o de e-mail clic\u00e1vel no WordPress\" ><\/a><\/p>\n<p>Como alternativa, pressione cmd + k (ctrl + k) para usar o atalho do link.<\/p>\n<p>O WordPress reconhecer\u00e1 o endere\u00e7o de e-mail e inserir\u00e1 automaticamente o link Mailto correto para voc\u00ea.<\/p>\n<p>Basta pressionar a tecla Enter \/ Return para adicionar o link e pronto.<\/p>\n<h3>Como funcionam os links de e-mail<\/h3>\n<p>Ao criar um link para um site, voc\u00ea inclui &#8220;http: \/\/&quot; no in\u00edcio. Todos os links exigem um protocolo e &#8220;http: \/\/&quot; \u00e9 o protocolo de hipertexto que usamos para criar links para p\u00e1ginas da web.<\/p>\n<p>Mailto \u00e9 um protocolo diferente. \u00c9 usado ao vincular a um endere\u00e7o de e-mail. Na pr\u00e1tica, voc\u00ea s\u00f3 precisa se lembrar de usar &#8220;mailto:&#8221; em vez de &#8220;http: \/\/&#8221; ao vincular a um endere\u00e7o de e-mail.<\/p>\n<h3>O HTML do link Mailto<\/h3>\n<p>Se voc\u00ea estiver adicionando o link a um widget ou menu, n\u00e3o ter\u00e1 a cria\u00e7\u00e3o autom\u00e1tica de link Mailto que obt\u00e9m no editor de postagem.<\/p>\n<p>Essa \u00e9 a apar\u00eancia do URL ao adicionar um link de endere\u00e7o de e-mail a um menu.<\/p>\n<pre><code>mailto:fake@email.com<\/code><\/pre>\n<p>E aqui est\u00e1 o HTML completo para um link Mailto.<\/p>\n<pre><code>&lt;a href=\"mailto:fake@email.com\"&gt;fake@email.com&lt;\/a&gt;<\/code><\/pre>\n<h2>Links de e-mail com WordPress<\/h2>\n<p>Nesta postagem, voc\u00ea aprendeu como adicionar links de e-mail a qualquer parte do seu site com o WordPress usando o link HTML5 &#8220;Mailto&#8221;.<\/p>\n<p>Tornar os endere\u00e7os de e-mail clic\u00e1veis \u200b\u200bpode tornar mais f\u00e1cil para os visitantes entrarem em contato com voc\u00ea. Voc\u00ea pode at\u00e9 mesmo atualizar os links para ter uma <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/#article-header-id-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">linha de assunto pr\u00e9-escrita<\/a>.<\/p>\n<p>Se voc\u00ea tiver alguma d\u00favida sobre como adicionar endere\u00e7os de e-mail clic\u00e1veis \u200b\u200bao seu site, poste um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <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>Quer tornar um endere\u00e7o de e-mail clic\u00e1vel? Esta \u00e9 a maneira f\u00e1cil de adicionar links de e-mail a postagens e p\u00e1ginas, al\u00e9m do HTML que voc\u00ea pode usar para menus e 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":[573],"tags":[848],"class_list":["post-244424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=244424"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244424\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/261610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=244424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=244424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=244424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}