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

Contact Form 7, el plugin vitaminado para crear formularios

17 septiembre 2015

4 plugins para ver el tiempo en WordPress

9 febrero 2018

Muestra un antes y después en WordPress con fotografías

6 octubre 2015

WP Project Manager: Optimiza la gestión de proyectos en WordPress con Kanban y Gantt

6 febrero 2025

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

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...

Plugins

Optimiza la gestión de usuarios en WordPress con Index WP Users For Speed

4 junio 2025

En sitios web con miles de usuarios registrados, el panel de administración de WordPress...

Plugins

Twentig potencia los temas por bloques de WordPress con plantillas, portafolios y más de 100 patrones de diseño

3 junio 2025

WordPress continúa su evolución hacia una experiencia más visual y sin código, y el...

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




Últimos artículos

Diseña tu web portafolio con designfolio

14 agosto 2012

WordPress 10 años entre nosotros

27 enero 2013

Cómo hacer tu sitio de WordPress inclusivo en 2025

19 marzo 2025

Conoce Plesk y cómo instalar un WordPress de forma sencilla desde Plesk [Guía]

21 septiembre 2023

10 consejos para mejorar la seguridad de WordPress

28 junio 2016
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.