Saltos de enlace en una misma página en WordPress

[ 19 junio 2018 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Básico] [ ]

accesibilidad mejoras

Los saltos de enlace o enlaces ancla son un tipo especial de enlace que te llevarán a una parte específica de una determinada página, aunque mayormente son usados para llevarte a una misma página, es posible usarlo para llevarte a una parte específica de una URLs externa.

Generalidades

Los saltos de enlace son muy útiles cuando tienes una página con mucho contenido, ya que te permitirán desplazarte de manera simple a través de las diferentes secciones.

Supongamos que tienes un contenido similar a lo que se muestra en la imagen adjunta, crearemos un enlace que lleve directamente a la sección señalada.

1- Creando el punto de destino

Primero tenemos que modificar el punto destino hacia el cual el salto de enlace nos llevará. Para ello tenemos que trabajar en la vista HTML y ubicar el título, a este título le agregaremos el atributo ID, es decir un identificador, tal como se muestra en el siguiente código:

<h2 id="donde-conseguirlo">¿Dónde puedo conseguirlo?</h2>

2- Creando el salto de enlace

A continuación crearemos el enlace de ancla, para esto podemos usar la vista de diseño, seleccionando el texto aparecerá una caja para añadir el enlace, también es posible usar opciones de enlace, tal como se ve en la siguiente imagen:

 
Aparecerá un popup en el cual podemos colocar el enlace. Puesto que el contenido al cual queremos «saltar» esta en la misma página simplemente colocamos el signo # seguido del identificador creado anteriormente.

3- Salto de enlace como ítem de menú

Es posible también hacer un enlace de ancla como ítem de menú para llevar a una parte específica de tu sitio, en este caso tendrías que usar la url absoluta y al final el identificador, tal como se ve en la siguiente imagen.

Conclusión

Como ves, crear saltos de enlace para una página en WordPress es simple, sólo hay que editar un poco de HTML para crear el identificador y luego puedes hacer referencia a este identificador desde cualquier enlace, agregando siempre el símbolo # al inicio.

¿Aún con dudas?, en el siguiente video se explica cada uno de los puntos tratados anteriormente.

Valora este artículo : (2 votos, promedio: 5,00 de 5)

Cargando…