{"id":235692,"date":"2021-11-28T12:51:00","date_gmt":"2021-11-28T09:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235692"},"modified":"2022-05-16T14:37:50","modified_gmt":"2022-05-16T11:37:50","slug":"como-agregar-un-icono-de-enlace-externo-a-los-menus-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-un-icono-de-enlace-externo-a-los-menus-de-wordpress\/","title":{"rendered":"C\u00f3mo agregar un \u00edcono de enlace externo a los men\u00fas de WordPress"},"content":{"rendered":"<p>En el \u00faltimo tutorial que publiqu\u00e9, aprendiste c\u00f3mo <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-un-enlace-externo-a-su-menu-de-wordpress\/\" title=\"agregar un enlace externo a tu men\u00fa\">agregar un enlace externo a tu men\u00fa<\/a>.<\/p>\n<p>Ahora aqu\u00ed est\u00e1 la cosa &#8230;<\/p>\n<p>Los enlaces externos en el men\u00fa est\u00e1n bien, pero son bastante poco comunes. La mayor\u00eda de los visitantes se sorprender\u00e1n cuando hagan clic en un enlace de men\u00fa y abandonen su sitio. Incluso pueden pensar que es parte del mismo sitio al principio.<\/p>\n<p>Debe agregar un indicador visual que les permita saber que el enlace los llevar\u00e1 a otro sitio, y la mejor manera de hacerlo es agregando un \u00edcono de enlace externo.<\/p>\n<h2>Agregar el icono de enlace externo<\/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\">Suscr\u00edbete para competir temas en Youtube<\/a><\/p>\n<p>Hay algunas formas en las que puede agregar el \u00edcono, pero primero le mostrar\u00e9 el m\u00e9todo m\u00e1s simple.<\/p>\n<p>T\u00e9cnicamente, este es el \u00edcono de la &quot;flecha noreste&quot; y no un \u00edcono de enlace externo, pero transmite el punto cuando se coloca justo al lado de un enlace.<\/p>\n<p>Para agregar el \u00edcono, comience abriendo el Personalizador (Apariencia&gt; Personalizar) y navegue hasta el men\u00fa que desea editar.<\/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=\"C\u00f3mo agregar un \u00edcono de enlace externo a los men\u00fas de WordPress\"><\/a><\/p>\n<p>Este es el dise\u00f1o de la publicaci\u00f3n en el tema <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Challenger<\/a>.<\/p>\n<p>En mi ejemplo tonto, me estoy vinculando a Google \ud83d\ude1b<\/p>\n<p>Haga clic en el elemento del men\u00fa al que desea agregar el icono y copie y pegue este c\u00f3digo en la Etiqueta de navegaci\u00f3n: \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=\"C\u00f3mo agregar un \u00edcono de enlace externo a los men\u00fas de WordPress\"><\/a><\/p>\n<p>Aseg\u00farese de incluir todos los caracteres, desde el ampersand hasta el punto y coma<\/p>\n<p>As\u00ed es como se mostrar\u00e1 en el men\u00fa:<\/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=\"C\u00f3mo agregar un \u00edcono de enlace externo a los men\u00fas de WordPress\"><\/a><\/p>\n<p>Este icono es colorido porque se muestra como un emoji. Como emoji, esto tambi\u00e9n significa que se muestra un poco diferente seg\u00fan el dispositivo con el que se vea su sitio. Puede obtener una vista previa de <a href=\"https:\/\/emojipedia.org\/north-east-arrow\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">c\u00f3mo se ve en diferentes dispositivos aqu\u00ed<\/a>.<\/p>\n<p>Adem\u00e1s, tenga en cuenta que si ha desactivado la compatibilidad con emoji en su sitio, el icono se mostrar\u00e1 como una flecha negra sin el cuadro que lo rodea.<\/p>\n<p>\u00bfQu\u00e9 tan f\u00e1cil es eso? \u00a1Simplemente copie y pegue algunos caracteres y listo!<\/p>\n<p>El \u00fanico problema con este enfoque es que el icono no se puede personalizar. Si el color entra en conflicto con su marca, es posible que deba probar la siguiente soluci\u00f3n.<\/p>\n<h2>Una soluci\u00f3n m\u00e1s personalizable<\/h2>\n<p>Si bien hay formas de agregar \u00edconos con un poco de CSS, prefiero que no intentes escribir y editar c\u00f3digo.<\/p>\n<p>En su lugar, consulte este tutorial sobre c\u00f3mo <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-imagenes-a-los-elementos-del-menu-en-wordpress\/\" title=\"agregar im\u00e1genes a los elementos del men\u00fa\">agregar im\u00e1genes a los elementos del men\u00fa<\/a>. De esta manera, puede encontrar cualquier imagen que desee y luego agregarla antes o despu\u00e9s del elemento del men\u00fa. Tambi\u00e9n puede encontrar otras formas de utilizar el complemento que aparece en esa publicaci\u00f3n.<\/p>\n<h2>Abra el enlace en una pesta\u00f1a nueva<\/h2>\n<p>Antes de irse, hay una cosa m\u00e1s que debe hacer &#8230;<\/p>\n<p>Configure el elemento del men\u00fa para que se abra en una nueva pesta\u00f1a.<\/p>\n<p>El icono de enlace externo ayuda mucho y muchos visitantes abrir\u00e1n el enlace en una nueva pesta\u00f1a, pero para estar seguros, haremos que el enlace siempre se abra en una nueva pesta\u00f1a. Esto le ayudar\u00e1 a mantener en su sitio a m\u00e1s visitantes ganados con tanto esfuerzo.<\/p>\n<p>Hacer que los elementos del men\u00fa se abran en una nueva pesta\u00f1a es realmente dif\u00edcil de entender porque la configuraci\u00f3n est\u00e1 oculta de forma predeterminada. Siga <a href=\"https:\/\/themewp.inform.click\/es\/como-hacer-que-los-enlaces-de-wordpress-se-abran-en-nuevas-pestanas\/\" title=\"esta gu\u00eda sobre\">esta gu\u00eda sobre<\/a> c\u00f3mo <a href=\"https:\/\/themewp.inform.click\/es\/como-hacer-que-los-enlaces-de-wordpress-se-abran-en-nuevas-pestanas\/\" title=\"abrir enlaces en nuevas pesta\u00f1as\">abrir enlaces en nuevas pesta\u00f1as<\/a> para ver c\u00f3mo completar este paso final.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Hay muchas razones para agregar un enlace externo a su men\u00fa. Sin embargo, sin un indicador, pueden conducir a una mala experiencia de usuario.<\/p>\n<p>Al agregar un \u00edcono al elemento del men\u00fa, los visitantes sabr\u00e1n que est\u00e1n a punto de abandonar el sitio antes de hacer clic. Adem\u00e1s, abrir la p\u00e1gina en una nueva pesta\u00f1a evitar\u00e1 que salgan accidentalmente de su sitio.<\/p>\n<p>Si tiene alguna pregunta o comentario sobre este tutorial, deje 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>\u00a1No confunda a sus visitantes! Agregue un icono simple para etiquetar claramente los enlaces externos en su men\u00fa siguiendo este tutorial r\u00e1pido y sencillo.<\/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":[546],"tags":[849],"class_list":["post-235692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/235692","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=235692"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/235692\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/22094"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=235692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=235692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=235692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}