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

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

Abrir enlaces externos en una nueva ventana permite a sus usuarios 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 de inmediato al agregar 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 te mostraremos diferentes métodos para hacer esto, para que elijas el que más te convenga.

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

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

Aunque algunos expertos en experiencia de usuario afirman que no debería abrir enlaces externos en una nueva ventana, no estamos de acuerdo con esto.

Verá, la mayoría de los usuarios olvidan fácilmente el último sitio web que visitaron. 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 forma, la página web original no se pierde y los usuarios pueden reanudar la navegación en su sitio web volviendo atrás.

Otro beneficio de abrir enlaces externos en una nueva ventana es el aumento de las visitas a la página y la participación de los usuarios en su sitio. Es más probable que los usuarios vuelvan 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 suscribirse a su boletín informativo, 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 ventana nueva en el editor de Gutenberg

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 se dan cuenta.

Simplemente edite una publicación de blog o una página donde desee agregar un enlace externo. A continuación, 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 inserción de enlaces. Simplemente ingrese el enlace y luego haga clic en la flecha hacia abajo junto a él. Esto revelará la opción para abrir la nueva pestaña de enlace.

Haga clic para habilitar o deshabilitar la opción y luego presione Entrar. El 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 utilizar el editor antiguo instalando el plugin del editor clásico.

Si todavía usa el editor clásico, le recomendamos que comience a usar el nuevo editor. Es moderno, más rápido y viene con muchas funciones nuevas que te estás perdiendo.

Sin embargo, si aún desea usar el editor clásico, así es como abriría un enlace en una nueva ventana usando 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.

Agrega un nuevo enlace en el editor clásico.

Aparecerá una ventana emergente donde puede agregar su enlace externo. A continuación, haga clic en el icono de engranaje que se encuentra al lado. Esto abrirá la ventana emergente de inserción de enlace avanzada.

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

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

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

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

Si está utilizando el editor HTML con la etiqueta “Texto” en el antiguo editor clásico, así es como abriría un enlace externo en una nueva ventana.

Agregue el 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 vínculo. Aparecerá la ventana emergente Advanced Insert Link.

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

Desde aquí, puede agregar el enlace y marcar la casilla junto a la opción “Abrir enlace en una nueva pestaña”. Después de eso, haga clic en el botón Agregar enlace y la ventana emergente desaparecerá. Ahora verá el código HTML del 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, es posible que deba escribir HTML para agregar un enlace en WordPress. Por ejemplo, al usar el modo HTML en el nuevo editor de bloques o agregar un enlace en un archivo de plantilla de tema de WordPress.

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

<a href="http://example.com" target="_blank" rel="noopener">Link Text</a> 

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 indica a los navegadores que abran el enlace en una nueva ventana o pestaña.

Abra automáticamente todos los enlaces externos en una nueva ventana con un plugin de WordPress

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

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

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

El plugin funciona inmediatamente y automáticamente abrirá enlaces externos en una nueva ventana.

En realidad, no cambia los enlaces externos en las publicaciones de su blog. En su lugar, utiliza JavaScript para abrir enlaces externos en una nueva ventana.

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

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

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *