Newsletter #3 – Domina tus menús

En esta tercera entrega tratamos 5 plugins que pueden resultar útiles a la hora de trabajar con los menús en WordPress.

WP Add Active Class To Menu Item

WP Add Active Class To Menu Item es un plugin que automáticamente añadirá la clase CSS “current-menu-item” al elemento de menú en el que estemos situados.

Es especialmente útil para desarrolladores o personas con conocimientos técnicos que puedan utilizar dicha clase CSS para darle estilos especiales (como un subrayado o colores) al elemento de menú activo.

Para utilizarlo solo tenemos que instalarlo y activarlo, automáticamente añadirá dicha clase al elemento de HTML “li” del menú en el que estemos.

Add menu separators to navigation

Add menu separators to navigation te permite añadir separadores en tus menús sin que estos tengan que estar necesariamente enlazados.

Este plugin puede ayudarte en situaciones en las que necesites añadir separadores complejos entre los elementos de menú o solo entre algunos de ellos.

Para utilizarlo solo tendremos que instalarlo, activarlo y crear un elemento de menú mediante un Enlace Personalizado en cuyo enlace pondremos “#” y en cuyo texto pondremos el separador en cuestión.

A continuación solo tenemos que crear los que necesitemos entre los elementos de menú y el resultado será similar al siguiente:

If Menu – Visibility control for Menu Items

If Menu es un plugin genial que te permite controlar la aparición y desaparición de los menús en WordPress según los roles de usuario, si el usuario está logueado, etc…

Es fantástico para casos en los que trabajamos con una intranet en la que podremos modificar que menús tendrán todos los usuarios según sus roles en la web.

Para configurarlo será necesario instalarlo, activarlo y configurar los ajustes de visibilidad en Apariencia > Menús. Como es un poco complejo aquí te dejo un tutorial que hice hace un tiempo sobre cómo crear menús condicionales con If Menu.

WP Menu Icons

WP Menu Icons te permite asignar iconos de DashIcons a los elementos del menú. DashIcons son los iconos propios de WordPress por lo que no cargarás una librería de iconos adicional sino que usarás la que ya viene integrada.

Para utilizar este plugin solo tendremos que instalarlo, activarlo, acceder a Apariencia > Menús y buscar el símbolo de “+” a la izquierda de un elemento de menú.

Ahora solo tendremos que seleccionar que icono queremos utilizar y guardar los cambios.

Duplicate Menu

Duplicate Menu es un plugin que añade una nueva opción para duplicar menús y todos los elementos que estos contienen.

Para utilizarlo solo tenemos que instalarlo, activarlo e ir a Apariencia > Duplicate menu. Aquí encontraremos un selector de menús, un hueco en blanco para poner el nuevo nombre del menú y un botón que duplica dicho menú.

Conclusiones

Espero haberte descubierto algún plugin nuevo esta semana pero si no hay sido así recuerda que habrá más la semana que viene, así que no te lo pierdas. S irealmente tu intención es añadir menús para un proyecto eCommerce, te recomiendo que eches un vistazo a la Newsletter #10 – Plugins para Woocommerce y tiendas online que trata sobre 5 plugins para añadir funcionalidades al ya completo plugin de WooCommerce.

Si te ha parecido que esta newsletter ha merecido la pena estaría genial que me ayudaras a difundirla, el conocimiento solo es útil si se comparte 😉
Un saludo y hasta la próxima semana.