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.