Descubre en este tutorial cómo conseguir en WordPress que un ítem del menú muestre un mensaje de alerta al hacer pinchar sobre el mismo, mediante código.
¿Quieres que la acción de «clicar» sobre un elemento del menú abra un mensaje sobre página como en este ejemplo?
Aquí tienes las instrucciones para conseguirlo:
Pasos para que se muestre un mensaje al pinchar sobre un elemento del menú en WordPress
1. Añade el ítem de menú con una clase de CSS personalizada
Ve a Apariencia > Menú y añade un enlace personalizado al menú donde quieras activar el aviso y completa los campos de las siguiente manera:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Obviamente, puedes usar la etiqueta de navegación que quieras, lo importante es la clase de CSS, en este caso alert-item.
También puedes usar otra, siempre y cuando lo modifiques también en el código JavaScript que viene a continuación..
2. Inserta el snippet de JavaScript
Para mostrar el texto vas a utilizar JavaScript, así que agrega el siguiente código en el apartado de «Scripts del pie de página» situado en el apartado Ajustes del tema > Pie de página/Scripts del encabezado.
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Una vez hecho, no te olvides de pinchar en Publicar para que se guarde.
Ya lo tienes.
Conclusiones
Ahora ya sabes cómo añadir de forma sencilla un item del menú que lance un mensaje cuando se haga clic sobre él mediante código.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
