{"id":253809,"date":"2022-03-29T19:48:00","date_gmt":"2022-03-29T16:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=253809"},"modified":"2021-10-29T03:41:31","modified_gmt":"2021-10-29T00:41:31","slug":"como-hacer-que-se-pueda-hacer-clic-en-una-direccion-de-correo-electronico-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-hacer-que-se-pueda-hacer-clic-en-una-direccion-de-correo-electronico-en-wordpress\/","title":{"rendered":"C\u00f3mo hacer que se pueda hacer clic en una direcci\u00f3n de correo electr\u00f3nico en WordPress"},"content":{"rendered":"<p>Probablemente haya visto direcciones de correo electr\u00f3nico en las que se puede hacer clic en la web como esta, <a href=\"mailto:fake@email.com\">fake@email.com<\/a>.<\/p>\n<p>Si hace clic en esa direcci\u00f3n de correo electr\u00f3nico, se abrir\u00e1 el cliente de correo electr\u00f3nico predeterminado de su computadora. Entonces, \u00bfc\u00f3mo agrega enlaces como este a su sitio de WordPress?<\/p>\n<p>Esta es la manera f\u00e1cil de agregar enlaces de correo electr\u00f3nico a publicaciones y p\u00e1ginas, adem\u00e1s del HTML que puede usar para men\u00fas y widgets.<\/p>\n<h2>C\u00f3mo crear Mailto: enlaces<\/h2>\n<p><strong>ACTUALIZACI\u00d3N:<\/strong> Mire mi nuevo video tutorial para aprender c\u00f3mo agregar direcciones de correo electr\u00f3nico en las que se puede hacer clic en el nuevo editor de Gutenberg, as\u00ed como tambi\u00e9n men\u00fas y 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\">Suscr\u00edbete para competir temas en Youtube<\/a><\/p>\n<p>HTML5 introdujo algunos tipos de enlaces nuevos, incluido el enlace de correo electr\u00f3nico especial o el <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">enlace Mailto<\/a>. WordPress le ayuda a vincular autom\u00e1ticamente direcciones de correo electr\u00f3nico sin tocar el HTML.<\/p>\n<p>Primero, escriba una direcci\u00f3n de correo electr\u00f3nico simple en una publicaci\u00f3n o p\u00e1gina. Luego, resalte el texto de la direcci\u00f3n de correo electr\u00f3nico y haga clic en el icono de enlace en el 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=\"C\u00f3mo hacer que se pueda hacer clic en una direcci\u00f3n de correo electr\u00f3nico en WordPress\" ><\/a><\/p>\n<p>Alternativamente, presione cmd + k (ctrl + k) para usar el atajo de enlace.<\/p>\n<p>WordPress reconocer\u00e1 la direcci\u00f3n de correo electr\u00f3nico e insertar\u00e1 autom\u00e1ticamente el enlace Mailto correcto para usted.<\/p>\n<p>Simplemente presione la tecla Enter \/ Return para agregar el enlace y listo.<\/p>\n<h3>C\u00f3mo funcionan los enlaces de correo electr\u00f3nico<\/h3>\n<p>Al crear un enlace a un sitio web, incluye &quot;http: \/\/&quot; al principio. Todos los enlaces requieren un protocolo y &quot;http: \/\/&quot; es el protocolo de hipertexto que utilizamos para enlazar a las p\u00e1ginas web.<\/p>\n<p>Mailto es un protocolo diferente. Se usa cuando se vincula a una direcci\u00f3n de correo electr\u00f3nico. En la pr\u00e1ctica, solo necesita recordar usar &quot;mailto:&quot; en lugar de &quot;http: \/\/&quot; cuando se vincule a una direcci\u00f3n de correo electr\u00f3nico.<\/p>\n<h3>El HTML del enlace Mailto<\/h3>\n<p>Si est\u00e1 agregando el enlace a un widget o men\u00fa, no tendr\u00e1 la creaci\u00f3n autom\u00e1tica de enlaces de Mailto que obtiene en el editor de publicaciones.<\/p>\n<p>As\u00ed es como debe verse la URL al agregar un enlace de direcci\u00f3n de correo electr\u00f3nico a un men\u00fa.<\/p>\n<pre><code>mailto:fake@email.com<\/code><\/pre>\n<p>Y aqu\u00ed est\u00e1 el HTML completo para un enlace de Mailto.<\/p>\n<pre><code>&lt;a href=\"mailto:fake@email.com\"&gt;fake@email.com&lt;\/a&gt;<\/code><\/pre>\n<h2>Enlaces de correo electr\u00f3nico con WordPress<\/h2>\n<p>En esta publicaci\u00f3n, aprendi\u00f3 c\u00f3mo agregar enlaces de correo electr\u00f3nico a cualquier parte de su sitio con WordPress utilizando el enlace HTML5 &quot;Mailto&quot;.<\/p>\n<p>Hacer que se pueda hacer clic en las direcciones de correo electr\u00f3nico puede facilitar que los visitantes se pongan en contacto contigo. Incluso puede actualizar los enlaces para tener una <a href=\"https:\/\/css-tricks.com\/snippets\/html\/mailto-links\/#article-header-id-1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l\u00ednea de asunto escrita previamente<\/a>.<\/p>\n<p>Si tiene alguna pregunta sobre c\u00f3mo agregar direcciones de correo electr\u00f3nico en las que se puede hacer clic a su sitio, publique un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <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>\u00bfQuiere que se pueda hacer clic en una direcci\u00f3n de correo electr\u00f3nico? Esta es la manera f\u00e1cil de agregar enlaces de correo electr\u00f3nico a publicaciones y p\u00e1ginas, adem\u00e1s del HTML que puede usar para men\u00fas y 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":[566],"tags":[849],"class_list":["post-253809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/253809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=253809"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/253809\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/261610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=253809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=253809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=253809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}