Avisos
Vaciar todo

Crear ancla y enlazarla en el menú de Wordpress

10 Respuestas
2 Usuarios
0 Reactions
934 Visitas
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/05/2018 11:25 am
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/05/2018 11:27 am
Carlos
Respuestas: 17
Active Member 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.


 
Respondido : 11/05/2018 11:38 am
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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.


 
Respondido : 11/05/2018 11:39 am
Carlos
Respuestas: 17
Active Member 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


 
Respondido : 11/05/2018 11:45 am
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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.


 
Respondido : 11/05/2018 12:09 pm
Carlos
Respuestas: 17
Active Member 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).


 
Respondido : 11/05/2018 12:25 pm
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/05/2018 12:34 pm
Carlos
Respuestas: 17
Active Member Admin
 

Gracias a ti y que tengas un buen dia 🙂


 
Respondido : 11/05/2018 12:47 pm
Farmaciola
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 03/08/2018 1:31 pm