Cómo agregar un enlace de anclaje en un menú en WordPress (Tutorial)

Los anclajes pueden ayudar a la navegación en sitios densos o permitir que una página de inicio guíe al usuario a una sección específica de la misma página.

De vuelta aquí sobre cómo crear una tinta para dos temas: Alimentos orgánicos y Archi.

Contenidos

¿Cómo agregar un ancla en su sitio de WordPress?

Cuando hablo de ancla aquí, de hecho, es de esta definición de la que hablo: «un enlace de hipertexto en una página que vuelve a colocar al usuario en un lugar preciso de esta misma página».

Y no el ancla que colocamos en un enlace para una referencia natural; que sería, por ejemplo, cómo colocar un ancla en un sitio de WordPress «: el ancla del enlace es» colocar un ancla en un sitio de WordPress «.

Los mismos pasos para construir tu ancla sea cual sea el tema elegido.

Se aplica el mismo mecanismo, sea cual sea el tema utilizado. Entonces será el tema el que determinará si puedes configurarlo o no:

Ubique el párrafo para entintar en el sitio
Ubique dónde agregar la palabra clave que servirá como tinta (campo «atributo de identificación personalizado» o «identificación de fila»)
Definir y agregar una palabra clave en este párrafo
Tenga en cuenta que el ancla (= enlace) cuya dirección se compondrá por lo tanto: [la dirección de su sitio web] + [el acrónimo #] + [la palabra clave ingresada en el campo apropiado (personalizado o id de fila «]
Integre el ancla en el enlace apropiado (botón de acción o menú)

Caso número 1. El caso de mintgardens.ch: facilitar la navegación en el primer botón de la página de inicio.

En detalle: cree un ancla en el primer botón de la página de inicio (más información), que redirige a la misma página (primer párrafo debajo del control deslizante)

ubicar el párrafo a entintar: debajo de la página de inicio
localización de palabras clave: ID de fila
definición de la palabra clave en el párrafo: content-begin, y adición en el «identificador de fila»
nuestra tinta en este caso será por tanto: » www.mintgardens.com/#content-begin
vaya al botón «saber más» e incluya el enlace de anclaje

encre site mint gardens by studio paon
paso 2: localización de la palabra clave: id de fila

Paso 5: vaya al botón «Más información» e incluya el enlace de anclaje

Anclaje arquitecto paisajista-cliente estudio peacock mint jardines
el botón «aprender más» arriba, indicará directamente el primer párrafo debajo de esta página de inicio a continuación;

arquitecto paisajista ancla estudio cliente paon mint gardens ginebra

Caso número 2. El caso de Diet-Valence.com: crear un ancla para ayudar a la navegación de una página densa

localizar el párrafo para anclar: título de la segunda página principal (h2)
localización de palabras clave: atributo de identificación personalizado
definición de la palabra clave en el párrafo: olvidar y adición en el «atributo de identificación personalizado»
nuestro ancla en este caso será, por tanto: » «
vaya al menú y cree un enlace personalizado con el enlace de anclaje

paso 2: busque la palabra clave en el campo «atributo de identificación personalizado»

paso 5: crea un enlace personalizado con el contenido del ancla en el menú

resultado final arriba: cuando hago clic en «olvidar dietas», el ancla me envía directamente al párrafo de la página en cuestión a continuación:

Mientras que la parte superior de la página (abajo) se ve así:

Un ancla para encontrar tu camino, de forma natural

El ancla manual, esta función algo olvidada como el ancla de referencia natural, tiene por tanto ventajas de navegación y referencia sencillas. Cuando se trata de rendimiento, manténgalo simple y piense en el usuario. Y si tiene alguna pregunta, piense en el pavo real.

«No hagas cambios que sean demasiado complicados, simplemente empieza a cambiar algo»

foto: Andrey Ridley, Studio Paon.