En esta lección, te mostraremos cómo configurar los ajustes de apariencia del dashboard personalizado que usaremos en nuestra plataforma de donaciones creada con WordPress.
Vamos a crear un hermoso escritorio personalizado utilizando el constructor de páginas Elementor. Nuestros usuarios no utilizarán el escritorio normal de wp-admin para gestionar sus sitios, sino que accederán a una interfaz de usuario que puedes diseñar como prefieras.
Este es el aspecto de nuestro escritorio personalizado:
Haz clic en el botón de abajo para ver nuestra galería de diseños de dashboards personalizados para WordPress.
Primero vamos a configurar la apariencia global del WP Frontend Admin, y luego configuraremos la plantilla de Elementor para el dashboard personalizado.
1- CONFIGURA LA APARIENCIA GLOBAL EN WP FRONTEND ADMIN
Ve a Administrador de la red > Frontend Admin > Ajustes > Apariencia.
En esta página, puedes seleccionar el estilo y el color de la animación de carga para las páginas del dashboard frontend. También puedes ingresar algunos ajustes de CSS y Java para el administrador, y establecer un color limpio para las páginas del frontend.
Estos son los valores que sugerimos para la configuración de la apariencia global:
- Ocultar la barra de administración en el frontend: Sí. Esta opción ocultará la barra superior de wp-admin cuando los usuarios gestionen sus donaciones desde el dashboard personalizado.
Estilo de animación de carga: Selecciona el que quieras. Nosotros usaremos Bounce.
Color de la animación de carga: Elige el color que quieras. Nosotros seleccionaremos el negro.
Clean Admin Look: color primario para el contenido del administrador: Elige el color que quieras. Nosotros seleccionaremos el negro.
Clean admin look: Color Hover para enlaces y botones: Selecciona el color que quieras.
Haz clic en Save para aplicar los cambios.
2- ABRE EL SITIO DEL DASHBOARD PERSONALIZADO
Ve a Administrador de la red > WP Ultimo > Sitios.
En el sitio del Dashboard personalizado, haz clic en Gestionar.
Ahora haz clic en Escritorio para abrir el panel wp-admin de tu sitio Dashboard.
3- CREA UN NUEVO MENÚ DE NAVEGACIÓN EN EL SITIO DEL DASHBOARD PERSONALIZADO
Algunas de nuestras plantillas requieren la configuración previa de algunos elementos. Por ejemplo, el menú de navegación del dashboard personalizado necesita ser creado de antemano para que la plantilla reconozca que hay menús de navegación entre los que puedes seleccionar en Elementor.
Empieza por crear un nuevo menú de navegación al que se añadirán las páginas del escritorio personalizado a medida que se vayan creando:
- Ve a Apariencia > Menús.
- Ingresa el Nombre del menú.
- Haz clic en Crear menú.
4- IMPORTA Y CONFIGURA LA PLANTILLA DEL DASHBOARD PERSONALIZADO
Con WP Frontend Admin, puedes diseñar dashboards personalizados para WordPress, utilizando cualquier tema o constructor de páginas de WordPress. Sin embargo, el equipo de WP Frontend Admin ha preparado una galería de hermosos escritorios frontales.
Ve las plantillas de escritorios o dashboards personalizados.
Hemos diseñado estas plantillas utilizando los plugins Elementor y Elementor Header and Footer Builder. Ambos plugins deben estar activos en la red para que todo funcione correctamente.
En este caso, utilizaremos la Plantilla 13 de nuestra galería.
Después de descargar la plantilla, sigue estos pasos para importar y configurar la plantilla del escritorio personalizado.
Paso 1 – Ve a Plantillas y haz clic en Importar plantillas.
Paso 2 – Elige la plantilla de tu ordenador y haz clic en Importar ahora.
Paso 3 – Haz clic en Editar con Elementor para abrir la plantilla con el Editor de Elementor.
Paso 4 – Una vez que la plantilla se abra con Elementor, selecciona el logo que quieras para tu escritorio personalizado subiendo la imagen de tu logo. Importante. Tienes que usar el diseño de Elementor Canvas.
Paso 5 – Abre la configuración del elemento “Menú” y elige el menú que has creado anteriormente.
Paso 6 – Haz clic en Actualizar para guardar los cambios en esta plantilla.
Ahora que has configurado lo básico de la apariencia global y la plantilla que usarás para crear tu escritorio personalizado, estás listo para solo importar la plantilla en cada página que crearás en el sitio del Dashboard personalizado.
Consejo
Si tienes una licencia premium de WP Frontend Admin, puedes descargar una copia de la plataforma de donaciones completa e importarla en tu sitio. De esta manera, todo lo que se muestra en este curso ya estará configurado para ti. Esto te ahorrará mucho tiempo.
Nota. Necesitas WP Ultimo 2.x