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.

¿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:

  1. Ubique el párrafo para entintar en el sitio
  2. Ubique dónde agregar la palabra clave que servirá como tinta (campo «atributo de identificación personalizado» o «identificación de fila»)
  3. Definir y agregar una palabra clave en este párrafo
  4. 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 «]
  5. 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)

  1. ubicar el párrafo a entintar: debajo de la página de inicio
  2. localización de palabras clave: ID de fila
  3. definición de la palabra clave en el párrafo: content-begin, y adición en el «identificador de fila»
  4. nuestra tinta en este caso será por tanto: » www.mintgardens.com/#content-begin
  5. 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

ink link site jardines de menta por studio paon
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

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

tuto wordpress tintas enlace menú dieta valencia studiopaon cliente

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

tuto wordpress tintas enlace menú dieta valencia studiopaon cliente
paso 5: crea un enlace personalizado con el contenido del ancla en el menú

tuto wordpress enlazar tinta menú dieta valencia studiopaon cliente front end

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:

tuto wordpress enlazar tinta menú dieta valencia studiopaon cliente párrafo ancla

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

tuto wordpress tinta enlace menú dieta valence studiopaon página de inicio del cliente

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.

Quizás te interese…

Deja un comentario

Este sitio web utiliza cookies propias y de terceros para recopilar información que ayude a optimizar tu visita. No se utilizarán las cookies para recoger información de carácter personal. Puedes aceptar o rechazar su uso siempre que lo desees. Encontrarás más información en nuestra política de cookies. Más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar