Curso Wordpress 2021 | 18. Como poner un ENLACE de ANCLA con GUTENBERG

En esta lección del curso de WordPress hacemos enlaces de ancla: enlaces que, al pulsarlos, llevan a una sección concreta de una página (como los índices de los artículos largos). Son muy sencillos y ayudan al SEO.

1. Ponerle nombre a la sección

1. Edita la página y selecciona el bloque o la sección a la que quieres saltar.
2. En el panel derecho, abre Avanzado y rellena Ancla HTML con un nombre, por ejemplo montar-dron. Sin espacios (usa guiones), mejor en minúsculas y sin tildes.
3. Actualizar.

2. Enlazar desde la misma página

1. Escribe un texto en otra parte de la página y selecciona las palabras del enlace (aprovecha para usar palabras clave, como montar tu propio dron).
2. Pulsa el icono de enlace y escribe #montar-dron. Aquí sí lleva almohadilla; en el ancla, no.
3. Intro y Actualizar. Al pulsar el enlace, la página baja hasta la sección.

3. Enlazar desde otra página

Desde otra página de la web, el enlace es la URL de la página de destino seguida del ancla: https://tuweb.com/#montar-dron (en local, http://localhost/#montar-dron). Al pulsarlo, abre la página y baja directamente a esa sección.

Para que un texto destaque, en Ajustes de color del párrafo puedes darle color de fondo y de texto.

En la siguiente lección: barras laterales personalizadas para cada página. ¿Dudas? En los comentarios.