En este punto, ya hemos creado todas las páginas para el dashboard frontend y hemos añadido las páginas al menú. Ahora tenemos que mejorar el aspecto del menú añadiendo iconos a cada elemento.
Lo haremos fácilmente usando el plugin WP Menu Icons, el cual nos permite personalizar nuestros menús añadiendo bonitos iconos.
Solo tienes que seguir estos sencillos pasos:
1- Abre el escritorio del sitio del dashboard frontend
Ve a Administrador de la red > Sitios, y haz clic en Escritorio para abrir el panel de control del sitio del dashboard frontal.
2- Añade iconos a los elementos del menú
Para añadir iconos a los elementos del menú, primero debes marcar el tipo de iconos que quieres usar para los elementos del menú. Puedes hacerlo en WP Menu Icons y hacer clic en Guardar.
3- Añade iconos a los elementos del menú
- Abre el elemento de menú que quieres editar haciendo clic en + en el elemento.
- Selecciona el icono del menú que quieres añadir a un elemento y haz clic en Guardar.
- Repite estos pasos para cada elemento del menú.
Debes repetir los pasos con cada elemento.
4- Configura los submenús
Para crear submenús, hay que arrastrar los elementos del menú y soltarlos bajo un elemento principal.
Por ejemplo, puedes convertir las páginas Categorías, Atributos o Etiquetas en submenús de la página Productos.
Además, puedes convertir los elementos Configuración de la tienda, Páginas, Temas, Personalizar y Menús en submenús del elemento Configuración.
Esto hará que nuestro menú parezca más corto y más fácil de entender.
Por último, debes hacer clic en “Guardar Menú” para guardar los cambios.
5- Cambia la posición de la cabecera
Al principio del curso, cambiamos la posición de la cabecera de la izquierda a la derecha para poder ver el panel de Configuración rápida del plugin WP Frontend Admin.
Ahora que hemos configurado las páginas, ya no usaremos el panel rápido de configuración de WP Frontend Admin y podremos volver a cambiar la posición de la cabecera de la derecha a la izquierda.
- Ve a Apariencia > Personalizar.
- Una vez allí, ve a Cabecera > Posición y selecciona Izquierda.
- Por último, haz clic en Publicar.
Listo!
Ahora el dashboard frontend debería funcionar correctamente y tener un aspecto genial.
Así es como se verá después de ser completado:
