Si quieres simplificar tu dashboard frontal, puedes hacerlo creando páginas con múltiples secciones de wp-admin en la misma página, y aquí te mostramos cómo hacerlo rápidamente.
Por ejemplo, es posible que quieras unir las siguientes páginas:
- Usuarios y clientes
- Configuración de la tienda y del sitio
- Perfil de usuario y cuenta de WP Ultimo
- Etc.
Lo haremos usando la función de pestañas de Elementor. Solo tienes que seguir estos sencillos pasos:
1- Crea una nueva página en tu sitio del dashboard
Ve a Administrador de la red y abre el escritorio del sitio del dashboard frontend.
Ve a Páginas > Añadir nueva para crear una nueva página.
Ingresa el título de la página y haz clic en Editar con Elementor.
Vamos a unir las secciones Usuarios y Clientes en esta página.
2- Editar la página con Elementor
En Elementor, tienes que añadir un elemento Pestañas a la página.
Como vamos a unir las secciones de Usuarios y Clientes en esta página, necesitamos dos pestañas.
Necesitamos usar el panel de Editar Pestañas en el lado izquierdo para establecer el título y el contenido de la primera pestaña. En nuestro caso será para Clientes.
- Ingresa el título de la pestaña.
- Ingresa el shortcode:
[vg_display_admin_page page_url="admin.php?page=wc-admin&path=%2Fcustomers"]
Si vas a Estilo, puedes cambiar la tipografía y los colores del texto de las pestañas como quieras. Por ejemplo, Puedes seleccionar la tipografía Montserrat y los colores en escala de grises.
Hay que hacer lo mismo con la segunda pestaña.
- Ingresa el título de la pestaña.
- Ingresa el siguiente shortcode en el contenido:
[vg_display_admin_page page_url="users.php"]
IMPORTANTE
- Si quieres ver el contenido de las pestañas, tienes que hacer clic en Vista previa porque WP Frontend Admin solo se ejecuta en el modo de vista previa, no se ejecuta en el modo de edición de Elementor.
- Si quieres ocultar algún elemento innecesario con WP Frontend Admin, haz clic en Vista Previa y verás el panel de Configuración Rápida de WP Frontend Admin.
- Para ver el panel de Ajustes Rápidos, recuerda que el menú del dashboard aparece en el lado izquierdo, por lo que debes mover el menú a la derecha temporalmente como hemos visto en secciones anteriores.
3- Añade página al menú de tu dashboard
Si ya has añadido la página al menú del dashboard usando el panel de Configuración Rápida de WP Frontend Admin, todavía puedes añadir el icono del elemento del menú.
- En wp-admin, ir a Apariencia > Menús.
- Añade la página al menú del dashboard si no lo has hecho.
- Añade el icono del elemento de menú.
- Si has creado páginas individuales para usuarios y clientes, es posible que quieras eliminar las páginas repetidas.
- Guarda los cambios en el menú.
Así es como se verá la página una vez publicada y añadida al menú del dashboard. Es una sola página, pero puedes ver ambas secciones en las pestañas.
Puedes usar este mismo proceso para las visualizaciones avanzadas. Puedes mostrar las secciones de administración en ventanas emergentes, pestañas o cualquier elemento elegante en Elementor.
4- UN ÚLTIMO PASO: INGRESA LAS URLS PERMITIDAS EN EL FRONTEND A LAS RESTRICCIONES DE ACCESO
Todas las URLs que serán usadas por el dashboard en el frontend necesitan ser añadidas a los ajustes de restricciones de acceso de WP Frontend Admin.
Ve a Administrador de la red > WP Frontend Admin > Ajustes > Restricciones de acceso.
Pega las siguientes URLs relativas en Restricción de acceso: ¿Qué páginas de wp-admin se pueden ver en el frontend?
edit.php?post_type=page
post-new.php?post_type=page
users.php
user-new.php
wp-admin/profile.php
options-general.php
admin.php?page=wc-reports
edit.php?post_type=product
post-new.php?post_type=product
edit-tags.php?taxonomy=product_cat&post_type=product
edit-tags.php?taxonomy=product_tag&post_type=product
edit.php?post_type=product&page=product_attributes
edit.php?post_type=shop_coupon
post-new.php?post_type=shop_coupon
edit.php?post_type=shop_order
post-new.php?post_type=shop_order
admin.php?page=wc-admin&path=%2Fcustomers
admin.php?page=wc-settings
themes.php
nav-menus.php
customize.php
admin.php?page=wu-my-account
Importante. En caso de que haya algunas páginas del dashboard en el frontend que reciba el fragmento ?vgfa_blacklisted_url=1 en la URL y no se carguen correctamente, deberás añadir manualmente la URL del contenido de wp-admin que quieras mostrar en el frontend a la . Esto también es útil si estás mostrando cualquier otra página wp-admin en el frontend que no fue incluida en nuestro dashboard en el frontend.