Cómo abrir enlaces externos en una nueva ventana o pestaña con WordPress

¿Desea abrir enlaces externos desde las publicaciones de su blog en una nueva ventana?

Al abrir enlaces externos en una nueva ventana, los usuarios pueden visitar el enlace sin salir de su sitio web.

Muchos principiantes tienen dificultades para encontrar la opción de abrir un enlace en una ventana, principalmente porque no es visible al instante cuando se agrega un enlace en WordPress.

En esta guía para principiantes, le mostraremos cómo abrir fácilmente enlaces externos en una nueva ventana en su sitio de WordPress. También le mostraremos diferentes métodos para hacerlo, para que pueda elegir el que más le convenga.

Cómo abrir enlaces externos en una nueva ventana

¿Por qué y cuándo debe abrir enlaces externos en una nueva ventana?

Los enlaces externos son enlaces a sitios web que no posee ni controla. Normalmente, si agrega un enlace a un sitio web externo, sus visitantes simplemente abandonarán su sitio haciendo clic en el enlace.

Si bien algunos expertos en experiencia del usuario dicen que no debe abrir enlaces externos en una nueva ventana, no estamos de acuerdo con eso.

Verá, la mayoría de los usuarios olvidan fácilmente el último sitio web que estaban visitando. Si tienen varias pestañas abiertas, es probable que nunca más puedan encontrar su sitio web.

Para una mejor experiencia de usuario, recomendamos abrir enlaces externos en una nueva ventana o pestaña. De esta manera, la página web original no se pierde y los usuarios pueden reanudar la navegación en su sitio web volviendo a cambiar.

Otro beneficio de abrir enlaces externos en una nueva ventana es el aumento de las visitas a la página y la participación del usuario en su sitio. Es más probable que los usuarios regresen a la pestaña anterior y terminen de leer el artículo.

Los usuarios que pasan más tiempo en su sitio tienen más probabilidades de unirse a su boletín de correo electrónico, seguirlo en las redes sociales, dejar un comentario y comprar sus productos.

Dicho esto, echemos un vistazo a cómo abrir fácilmente enlaces externos en una nueva ventana en WordPress.

Abrir enlace externo en una nueva ventana en Gutenberg Editor

El nuevo editor de bloques de WordPress tiene una función incorporada que le permite abrir enlaces externos en una nueva ventana. Sin embargo, la opción está oculta detrás de un botón, por lo que los principiantes a menudo no lo notan.

Simplemente edite una publicación de blog o una página donde desee agregar un enlace externo. Luego, seleccione el texto que desea vincular y luego haga clic en el botón Insertar vínculo (o presione CTRL + K en Windows / Comando + K en Mac).

Abrir enlace en una nueva pestaña

Esto abrirá la ventana emergente de insertar enlace. Simplemente ingrese el enlace y luego haga clic en la flecha hacia abajo junto a él. Esto revelará la opción de abrir el enlace nueva pestaña.

Haga clic para alternar la opción y luego presione Intro. Su texto seleccionado ahora estará vinculado, y puede obtener una vista previa visitando su sitio web.

Abrir enlace externo en una nueva ventana usando el editor clásico

WordPress introdujo un nuevo editor de bloques con WordPress 5.0. Muchos usuarios prefieren usar el antiguo editor instalando el complemento editor clásico.

Si todavía usa el editor clásico, le recomendaremos que comience a usar el nuevo editor. Es moderno, más rápido e incluye muchas características nuevas que se están perdiendo.

Sin embargo, si aún desea utilizar el editor clásico, así es como abriría un enlace en una nueva ventana utilizando el editor clásico.

Primero, debe editar la publicación o la página donde desea agregar el enlace. A continuación, seleccione el texto que desea vincular y luego haga clic en el botón Agregar vínculo.

Agregar nuevo enlace en el editor clásico

Aparecerá una ventana emergente donde puede agregar su enlace externo. Después de eso, haga clic en el ícono de engranaje al lado. Esto abrirá la ventana emergente de inserción avanzada de enlaces.

Abra el enlace en una pestaña nueva usando el editor clásico

Desde aquí, debe marcar la casilla junto a la casilla de verificación “Abrir enlace en una pestaña nueva” y luego hacer clic en el botón “Actualizar” para agregar su enlace.

Ahora puede guardar su publicación y obtener una vista previa para ver el enlace en acción.

Abra un enlace en una pestaña nueva usando la pestaña Texto en el Editor clásico

Si está utilizando el editor HTML etiquetado ‘Texto‘ en el antiguo editor clásico, entonces así es como abriría un enlace externo en una nueva ventana.

Agregar botón de enlace en el editor de texto

Simplemente seleccione el texto que desea vincular y luego haga clic en el botón Agregar enlace. Esto abrirá la ventana emergente avanzada Insertar enlace.

Agregar un enlace en el editor de texto sin formato con el editor clásico

Desde aquí, puede agregar el enlace y marcar la casilla junto a la opción “Abrir enlace en una pestaña nueva”. Después de eso, haga clic en el botón Agregar enlace y la ventana emergente desaparecerá. Ahora verá el código HTML para el enlace en el editor de texto.

Código HTML para el enlace externo

Ahora puede guardar sus cambios y ver la publicación para ver el enlace externo en acción.

Cómo abrir enlaces externos en una nueva ventana usando HTML

A veces puede necesitar escribir HTML para agregar un enlace en WordPress. Por ejemplo, cuando usa el modo HTML en el nuevo editor de bloques o agrega un enlace en un archivo de plantilla de tema de WordPress.

Deberá agregar el enlace con el siguiente código HTML.

Link Text 

Simplemente reemplace example.com con la URL del enlace externo y el Texto del enlace con el texto que desea vincular.

El parámetro de destino en este código le dice a los navegadores que abran el enlace en una nueva ventana o pestaña.

Abrir automáticamente todos los enlaces externos en una nueva ventana con un complemento de WordPress

Puede parecer un trabajo adicional verificar manualmente la opción para cada enlace externo que agregue. Sin embargo, con el tiempo te acostumbrarás.

Si ejecuta un blog de varios autores o a menudo se olvida de abrir enlaces externos en una nueva pestaña, puede usar un complemento para eso.

Primero, debe instalar y activar el complemento Abrir enlaces externos en una ventana nueva. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

El complemento funciona de fábrica, y abrirá automáticamente enlaces externos en una nueva ventana.

En realidad, no cambia los enlaces externos en las publicaciones de tu blog. En cambio, usa JavaScript para abrir enlaces externos en una nueva ventana.

Nota: Tenga en cuenta que la desactivación del complemento dejará de abrir enlaces externos en una nueva ventana.

Esperamos que este artículo te haya ayudado a aprender cómo abrir fácilmente enlaces externos en una nueva ventana en WordPress. También es posible que desee ver nuestra lista definitiva de los consejos, trucos y hacks de WordPress más útiles que puede usar en su sitio web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.