WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo añadir un icono a los links externos en WordPress

Jorge López by Jorge López
16 noviembre 2015
in Plugins
Reading Time: 4 mins read
0

Es bueno, por temas de usabilidad y para una mejor comunicación con nuestros visitantes, el indicarles que el enlace apunta hacia contenido externo. Una buena práctica para ello es añadir un icono a los links externos. Hoy te mostramos cómo llevarlo a cabo en WordPress.

Habrás visto en otros sitio web como Wikipedia que utilizan iconos para indicar al usuario que un enlace apunta hacia una página exterior. Esto, que puede parecer una práctica absurda, es muy útil por temas de usabilidad y también para indicar al usuario donde va a ser redirigido. Aparte de enlazarlo a _blank, ya sabéis, para abrir la página en otra ventana, lo ideal es informar al usuario que el enlace apunta a contenido externo con un icono al lado del enlace. Añadiendo un icono a los links externos, estaremos indicando al usuario que la página que va a abrir no está dentro de nuestro sitio web. Pero, ¿cómo hacer esto en una página desarrollada con WordPress? En este artículo te mostramos cómo llevarlo a cabo.

Captura de enlaces externos de Wikipedia
Fuente: Wikipedia

El plugin External Links

Lo primero que debes hacer es instalar el plugin External Links. Si eres asiduo al blog, notarás que este plugin ya lo utilizamos en otro artículo anterior para añadir el atributo nofollow a los enlaces externos también. Para ello debemos ir a la sección Plugins de nuestro backoffice y seleccionar la opción de Añadir Nuevo. Una vez dentro, hacemos uso del campo de búsqueda situado en la parte superior derecha de la página y tecleamos el nombre del plugin de WordPress, que tal y como te hemos comentado, se llama «External Links». Cuando ya lo tengas, dale al botón buscar y te deberá aparecer como el primero en los resultados de búsqueda. Instálalo y actívalo para que puedas utilizarlo. Ya activado, notarás que e tu backoffice hay una opción nueva dentro de Ajustes llamada External Links, que justo es la opción para configurar el propio plugin del mismo nombre.

Configuración del plugin External Links Este plugin tiene múltiples funciones. Una es la posibilidad de marcar como nofollow los links externos, abrirlos en una nueva ventana por defecto y otra es la que te estamos indicando hoy, el añadir un icono a los links externos en WordPress. En la página de configuración del módulo verás que hay una opción con el nombre de Add Icons. Como habrás sospechado, es la opción correcta para añadir iconos a los links externos de nuestro WordPress. Además podemos escapar de estas opciones si no queremos que se muestren o ejecuten en un sitio amigo o de nuestra confianza, gracias al campo Domains to Exclude, en el que podemos ingresar el nombre de los dominios a los que no queremos que afecten estas configuraciones. Una vez hayas marcado el campo Add Icons, no olvides guardar los cambios para que se efectúe el cambio en la web.

Artículos relacionados

¿Cuándo se considera que son demasiados los plugins instalados en WordPress?

24 febrero 2017

Quiero traducir mi WordPress, ¿qué plugin uso?

3 octubre 2022

7 plugins de WordPress para detectar código malicioso

16 enero 2016

Cómo exportar todas las URLs de WordPress en texto plano

31 enero 2018

Ahora visita la parte pública de tu web y verás que se muestra un pequeño icono en los links externos de nuestra web. Es posible que no sea muy de tu agrado dicho icono, entonces, ¿cómo podemos cambiarlo? No te preocupes, es sencillo…

Modificar el icono que viene por defecto

El icono que se muestra en la web al lado de los links externos, es un icono pequeñito. Si necesitas reemplazarlo por uno más personalizado, deberás hacerlo manualmente. No, no estamos queriendo decir que tengas que ir enlace por enlace modificando cada icono, sino que tendrás que modificar la imagen accediendo a donde está ubicada físicamente.

Recuerda que si quieres crear tu propio icono personalizado, lo suyo es que lo hagas a través de un programa de edición de imágenes como Photoshop o GIMP. Ten en cuenta que la imagen debe tener un tamaño de 10x10px y su nombre tiene que ser obligatoriamente «external.png».

Ya con la imagen creada a nuestro gusto, debemos conectar al ftp de nuestra web. Si no posees los datos para conectarte por ftp, consulta con tu proveedor de alojamiento para WordPress y te los facilitará sin problema alguno. Ahora necesitamos un cliente ftp para conectarnos a nuestra web. Personalmente te recomiendo Filezilla, un software gratuito que cumple muy bien con las funciones que vamos a llevar a cabo en este artículo. Si tenemos los datos ftp y el cliente ftp ya solo queda conectanos a nuestro sitio. Para modificar la imagen de los enlaces externos por defecto, iremos a esta ruta:

/wp-content/plugins/sem-external-links/

Contenido del plugin external links en el FTP Allí dentro verás la imagen que queremos cambiar, que como te hemos indicado antes, se llama «external.png». Ahora, lo único que tienes que hacer es, reemplazar nuestra nueva imagen (la que acabamos de crear) por la que está en la carpeta de nuestro ftp. No tengas miedo si te dice de sobreescribir, dile que si a la opción de Filezilla, y la imagen nueva se subirá sustituyendo a la anterior. Ya solo tenemos que acceder a la parte pública de nuestra web y, si has seguido este artículo paso por paso, se debería mostrar el nuevo icono a los links externos.

Espero que te haya gustado este artículo y no tengas ningún problema a la hora de ponerlo en práctica en tu WordPress. Y tú, ¿eres partidario de este tipo de iconos a links externos?

Tags: enlacesenlaces externosicono a enlacesicono a los links externoslinks externos
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

Plugins

WP Cerber: Un plugin de seguridad gratuito y potente para proteger WordPress

18 junio 2025

En el ecosistema de WordPress, la seguridad es una preocupación fundamental para cualquier administrador...

Plugins

Headers Security Advanced & HSTS WP: refuerza WordPress con cabeceras HTTP avanzadas y protección CSP

10 junio 2025

Headers Security Advanced & HSTS WP es uno de los plugins más completos para...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo corregir el error ERR_SSL_VERSION_OR_CIPHER_MISMATCH

8 agosto 2017

Cómo instalar Google Analytics en WordPress

1 marzo 2017

Productos tecnológicos, los grandes protagonistas de los regalos de los Reyes Magos

20 enero 2022

9 plugins de WordPress para hacer mucho más con tus fuentes

12 marzo 2016

Cómo añadir gifs animados de Giphy en WordPress

21 noviembre 2017
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.