Crear ancla y enlazarla en el menú de Wordpress  

 
Farmaciola
 Farmaciola
Estimable Member

Buenos días, estoy creando la web con el CMS de Wordpress y ahora que ya tengo creada mas o menos la página principal quiero hacer anclas y enlazarlas al menú, ya que la página principal es un poco larga y quiero ponerlo fácil al usuario, pero no lo consigo.
Por ejemplo en mi web sale "catálogo de productos" es el primer apartado de la página principal y me gustaría tener esta ancla en el menú y que cuando le dieras al título del menú "Catálogo de productos" se deslizara hasta el título de este apartado.
Os adjunto captura del aparatado dentro la página, y haber qué código debo poner para crear la ancla, porque he probado varios y me falla. (Captura"título de la pagina en el apartado HTML")
Y también os adjunto la captura de pantalla dentro las opciones de menú, haber donde debo colocar el identificador para que haga efecto la ancla. (Captura "donde poner identificador en el menú")
Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/05/2018 12:25 pm
Farmaciola
 Farmaciola
Estimable Member

Adjunto otra captura se me descuidó. La del menú.
Gracias.

ResponderCitar
Respondido : 11/05/2018 12:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Miembro Admin

Hola:

Un ancla tiene esta estructura:

Titulo de sección 1

En el elemento del menú, efectivamente, debes poner el ID del enlace (que en ese elemento de ejemplo que te puse es seccion1 ) al que debe dirigirse al hacer clic.

ResponderCitar
Respondido : 11/05/2018 12:38 pm
Farmaciola
 Farmaciola
Estimable Member

Es correcto aplicando este código "" donde quiero hacer el ancla y luego en el apartado "Anchor" del menú cuando adjunto páginas, poner el nombre de ID, sin el #?
Gracias.

ResponderCitar
Respondido : 11/05/2018 12:39 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Miembro Admin

Tienes que añadirlo con almohadilla, ya que el formato que quedará al final en el código de tu web para el elemento del menu sería:

Titulo de sección 1

ResponderCitar
Respondido : 11/05/2018 12:45 pm
Farmaciola
 Farmaciola
Estimable Member

Yo lo que hago es poner el id () donde quiero que se me cree la ancla y luego adjuntando la página en el menú, en el apartado "ancor" le adjunto el nombre "X" sin # y ya me funciona.
No entiendo tu procedimiento, pero seguro que también va bien.
El único problema que tengo ahora es que se me va al sitio donde quiero pero no se ve el título del apartado anclado, se lo pasa, quedaría más bonito con el ancla mostrando el título del apartado.
Muchas gracias.

ResponderCitar
Respondido : 11/05/2018 1:09 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Miembro Admin

Hola:

He probado una de las anclas que has creado y me envía al punto correcto, en el caso de la captura que te remito, 'revista'.

Si quieres que el ancla se pare más arriba, entonces el ID no debe estar en el elemento título, sino por ejemplo en la etiqueta DIV que define el bloque dentro del cual se encuentra este titulo. En este aspecto, tendrás que jugar con qué elemento contiene el ID donde debe pararse el ancla para que lo haga en el punto que deseas (no es obligatorio que este elemento esté en el título).

ResponderCitar
Respondido : 11/05/2018 1:25 pm
Farmaciola
 Farmaciola
Estimable Member

Perfecto, ya está ya puedes cerrar tema, muchas gracias por todo!

ResponderCitar
Respondido : 11/05/2018 1:34 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Miembro Admin

Gracias a ti y que tengas un buen dia 🙂

ResponderCitar
Respondido : 11/05/2018 1:47 pm
Farmaciola
 Farmaciola
Estimable Member

Ya podéis dar el tema por cerrado y solucionado.
Gracias.

ResponderCitar
Respondido : 03/08/2018 2:31 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro