Añadir enlace personalizado a página con ancla

Question

Añadir enlace personalizado a página con ancla

10 may 2015, 21:06:41

Vistas: 13.6K

Votos: 5

En mi sección de administrador me gustaría agregar en Apariencia > Menús > algunas páginas personalizadas para añadir a mi menú. Tengo dos menús diferentes: uno para la página de inicio y otro para las demás páginas. En el menú de la página de inicio agrego los elementos del menú como enlaces porque necesito dar al href el id del elemento html para poder 'redirigir' a un punto específico en mi página, por lo que mi enlace es '#galería'. En el menú para todas las demás páginas, el enlace debería ser 'http://mi_dominio/inicio/#galería'. ¿Hay alguna manera de agregar dinámicamente este enlace a la lista de páginas? Espero haber sido claro. Gracias

TWONEKSONE

151

menús agregar pagina menu

Comentarios

Acabo de agregar un elemento de menú de Enlace Personalizado, el href es http://example.com/contact/#content y cuando estoy en la página de contacto, el elemento del menú funciona bien, en términos de saltar al contenido usando el ID de la división sin recargar la página.

Ismail

10 may 2015 21:38:41

Estoy desarrollando localmente, así que mi enlace personalizado será localhost/folder_name/home/#content. Si solo agrego el enlace, cuando implemente mi blog necesitaré cambiar todos estos enlaces. Estoy buscando un método dinámico para hacer eso.

TWONEKSONE

11 may 2015 11:08:59

Entonces agrega solo /home/#content como enlace.

Ismail

13 may 2015 00:52:59

El mejor plugin para hacer exactamente eso: https://github.com/wikiwyrhead/wordpress-dynamic-menu-anchor

Arnel Go

8 mar 2025 15:57:21

Todas las respuestas a la pregunta

Comentarios

Aunque debo agregar, estaba haciendo esto para páginas. Imagino que escribirías ?p=[id_number]#[ancla]

Bagnome

6 feb 2018 19:10:52

Fernando Baltazar 461 · Answer 1 · 2019-07-11T12:23:02Z

Estaba buscando una respuesta para esto pero de repente tuve la idea y ¡funciona!

En la configuración del menú simplemente añade el enlace de anclaje como un código HTML <a href="#anchor" >título </a>

Así que con WordPress es lo mismo pero solo añadiendo el ancla en el campo de enlace

Configuración de menú en WordPress mostrando cómo añadir un enlace de anclaje

Esto creará el mismo ancla en cada página para enlazar a una sección que está activa en todas las páginas, como podría ser un formulario de contacto, registro, suscripción, etc.

Ejemplo de menú con enlace de anclaje en WordPress

Así que la dirección sería como http://dominio.com/postID/#sugerir

Ejemplo de URL con anclaje en WordPress

¿Qué pasa en páginas donde este ancla no funciona o no es necesario?

Puedes ocultar el elemento de navegación con CSS dependiendo de cada caso. Para mí es importante en cada entrada enlazar a un formulario para sugerir ideas (Sugiere un tema).

Fernando Baltazar

461

11 jul 2019 12:23:02

Bagnome 1 · Answer 2 · 2018-02-06T19:06:37Z

Ve a la pestaña de enlace personalizado y en el cuadro de URL simplemente añade: ?page_id=[número_id]#[anclaje]

Eso es lo que funcionó para mí después de un poco de prueba y error. Asegúrate de que WordPress no añada http:// antes.

Otras ideas: Sería bueno si WordPress tuviera un cuadro adicional junto a las páginas donde simplemente puedas pegar el anclaje.

Bagnome

1

6 feb 2018 19:06:37