Cómo abrir enlaces externos en una nueva ventana o pestaña usando WordPress
¿Te gustaría abrir enlaces externos a publicaciones de blog en una nueva ventana?
Abrir un enlace externo en una nueva ventana permite a sus usuarios acceder al enlace sin salir de su sitio web.
Muchos principiantes luchan por encontrar la opción para abrir un enlace en una ventana, principalmente porque no es visible de inmediato 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 formas de hacer esto, para que pueda elegir la que mejor se adapte a sus necesidades.
¿Por qué y cuándo deberían abrirse los enlaces externos en nuevas ventanas?
Los enlaces externos son enlaces a sitios web que usted no posee ni controla. A menudo, si agrega un enlace a un sitio web externo, sus visitantes simplemente pueden hacer clic en el enlace para salir de su sitio web.
Si bien algunos expertos en UX dicen que no debe abrir enlaces externos en una nueva ventana, no estamos de acuerdo.
Verá, la mayoría de los usuarios olvidan fácilmente el sitio web que visitaron por última vez. Si tienen varias pestañas abiertas, es probable que nunca vuelvan a encontrar su sitio.
Para una mejor experiencia de usuario, recomendamos abrir enlaces externos en una nueva ventana o pestaña. De esta manera, la página original no se pierde y los usuarios pueden continuar navegando en su sitio 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 web. Es más probable que los usuarios regresen a la pestaña anterior y terminen de leer el artículo.
Es más probable que los usuarios que pasan más tiempo en su sitio web se unan a sus boletines de correo electrónico, lo sigan en las redes sociales, dejen comentarios y compren sus productos.
Dicho esto, veamos cómo abrir fácilmente enlaces externos en una nueva ventana en WordPress.
videotutorial
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, siga leyendo.
Abrir enlace externo en una ventana nueva en el editor de Gutenberg
El nuevo editor de bloques de WordPress tiene una función integrada 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 generalmente no la notan.
Simplemente edite la publicación del blog o la página donde desea agregar enlaces externos. A continuación, seleccione el texto que desea vincular y haga clic en el botón Insertar vínculo (o CTRL+K en Windows / Comando+K en Mac).
Esto abrirá la ventana emergente Insertar enlace. Simplemente ingrese el enlace y haga clic en la flecha hacia abajo al lado. Esto abrirá la opción para abrir la nueva pestaña vinculada.
Haga clic para alternar las opciones y presione Entrar. El texto que seleccionó ahora estará vinculado y puede obtener una vista previa visitando su sitio web.
Abrir un enlace externo en una ventana nueva con el editor clásico
WordPress introdujo un nuevo editor de bloques en WordPress 5.0. Muchos usuarios prefieren usar el editor anterior instalando el complemento del editor clásico.
Si aún usa el editor clásico, le recomendamos que comience a usar el nuevo editor. Es moderno, más rápido e incluye muchas características nuevas que se ha perdido.
Sin embargo, si aún desea usar el editor clásico, puede usar el editor clásico para abrir enlaces en una nueva ventana.
Primero, debe editar la publicación o la página a la que desea agregar el enlace. A continuación, seleccione el texto que desea vincular y haga clic en el botón Agregar vínculo.
Aparecerá una ventana emergente donde puede agregar un enlace externo. Después de eso, haga clic en el ícono de ajustes al lado. Esto abrirá la ventana emergente de enlace de inserción avanzada.
Desde aquí, debe marcar la casilla junto a la casilla de verificación «Abrir enlace en una pestaña nueva» y 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.
Abrir enlace en una pestaña nueva con pestaña de texto en el editor clásico
Si está utilizando el editor HTML marcado como «texto» en el antiguo editor clásico, puede abrir enlaces externos en una nueva ventana.
Simplemente seleccione el texto que desea vincular y haga clic en el botón «Agregar enlace». Esto abrirá la ventana emergente de enlace de inserción avanzada.
Desde aquí, puede agregar un 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 vinculado en un editor de texto.
Ahora puede guardar sus cambios y ver la publicación para ver el enlace externo en acción.
Cómo abrir un enlace externo en una nueva ventana usando HTML
A veces, es posible que deba escribir HTML para agregar enlaces 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.
Debe 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 Link Text con el texto al que desea vincular.
El parámetro de destino en este código le dice al navegador que abra el enlace en una nueva ventana o pestaña.
Abrir el enlace del menú de navegación en una nueva pestaña
En su sitio de WordPress, puede agregar enlaces externos, como barras laterales o pies de página, en el menú de navegación de su sitio.
Para abrir enlaces salientes en el menú de una nueva pestaña, vaya a Apariencia » Menú Desde tu área de administración de WordPress.
A continuación, haga clic en el botón «Opciones de pantalla» en la esquina superior derecha.
Cuando haga clic en el botón, ahora verá más opciones. Continúe y marque la opción «Enlace de destino» en «Mostrar propiedades del menú avanzado».
Después de eso, puede agregar un enlace personalizado al menú de navegación ingresando la URL y el texto del enlace, y luego haciendo clic en el botón «Agregar al menú».
Su enlace personalizado ahora aparecerá en la columna «Estructura del menú». Ahora puede seleccionar la opción «Abrir enlace en una pestaña nueva» para abrir su enlace externo en una pestaña diferente.
Cuando haya terminado, haga clic en el botón Guardar menú.
Abra automáticamente todos los enlaces externos en nuevas ventanas con el complemento de WordPress
La opción de verificar manualmente cada enlace externo que agregue puede parecer un trabajo adicional. 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, entonces puede usar un complemento.
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 complementos de WordPress.
El complemento funciona de inmediato y abre automáticamente los 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.
notas: Recuerde que deshabilitar el complemento dejará de abrir enlaces externos en nuevas ventanas.
Esperamos que este artículo le haya ayudado a aprender cómo abrir fácilmente enlaces externos en una nueva ventana en WordPress. También puede consultar 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 videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.
Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.
