The Events Calendar – Cómo Crear un dashboard en el frontend

En un tutorial anterior te enseñamos cómo crear una página de eventos en el frontend. En este tutorial te enseñaremos cómo crear un dashboard completo para el plugin The Events Calendar. Tus usuarios podrán gestionar los eventos desde este dashboard en el frontend. Incluso puedes integrar este dashboard a una red Multisitio de WordPress donde los usuarios puedan gestionar sus propios eventos.

Aprenderás a:

1. Integrar WP Frontend Admin con WordPress Multisite (Opcional)
2. Integrar WP Frontend Admin con WP Ultimo (Opcional)
3. Crear las páginas del dashboard en el frontend
4. Añadir botones de “Cerrar sesión” y “Ver sitio” al dashboard en el frontend

Además de The Events Calendar, necesitas instalar y activar el plugin WP Frontend Admin que te permitirá crear un dashboard en frontend, aplicaciones web con cualquier plugins de WordPress.

Este dashboard no solo funciona en una red multisitio. Puedes crearlo en un sitio normal también porque la integración con WordPress Multisitio y WP Ultimo es opcional. Sin embargo, si vas a integrarlo, necesitas crear un sitio en tu red multisitio que sirva como dashboard global desde el que los usuarios gestionarán los eventos.

1- Opcional: Integra WP Frontend Admin con WordPress Multisitio

Hemos escrito tutoriales para ayudarte a entender las opciones de multisitio de WP Frontend Admin y te los dejamos a continuación:

• Configuración general de las redes multisitio
• Restricciones de acceso para redes multisitio

2- Opcional: Integra WP Frontend Admin con WP Ultimo

Además de las opciones multisitio, hemos creado un tutorial para ayudarte a entender cómo integrar WP Frontend Admin con WP Ultimo para vender membresías en tu red multisitio.

• Integración de WP Ultimo para WP Frontend Admin

Nuestra documentación puede ayudarte a entender muchos aspectos básicos de la configuración de WP Frontend Admin.

3- Crea una página del dashboard de “The Events Calendar”

Nota: Si estás trabajando con una red multisitio, todo lo que hagas a partir de ahora deberás hacerlo en un sitio específico que funcionará como dashboard global.

Con WP Frontend Admin no tienes que programar las páginas de wp-admin en el frontend desde cero. No tienes que escribir una sola línea de código, y puedes hacerlo sin saber nada de programación. Eso es porque el plugin te permite mostrar cualquier página de wp-admin en el frontend con un solo clic o usando un simple shortcode.

Aquí te enseñaremos cómo mostrar la lista de eventos en el frontend con un solo clic para que luego puedas crear tu mismo las demás páginas del dashboard en el frontend con unos pocos clics.

a) Ve a la página que mostrarás en el frontend

En este caso, tienes que ir a Eventos > Eventos y haz clic en Ver en el frontend para mostrar la lista de eventos de The Events Calendar.

b) Selecciona la información básica de tu página

Una vez que hagas clic en el botón Ver en el frontend en la barra superior de wp-admin, verás la lista de eventos de The Events Calendar en el frontend. Ahora puedes empezar a configurar tu página seleccionando la información básica:

• Título de página: Ingresa aquí el título de la página.
• URL slug: Debes ingresar el slug URL de la página usando solo palabras clave.
• Platilla: Selecciona la plantilla de la página usando esta pestaña. Usaremos la plantilla Por defecto para usar las opciones del tema.
• Añadir a menú: Debes crear y seleccionar un menú de navegación para tu dashboard.

c) Oculta los elementos innecesarios de tu página

Después de seleccionar la información básica de tu página, puedes eliminar fácilmente los elementos innecesarios de la misma. Esto es realmente útil porque puedes simplificar las páginas y hacerlas más elegantes:

1. Haz clic en Ocultar elemento.
2. Haz clic en el elemento que deseas ocultar.
3. Repite estos pasos para cada elemento que deseas eliminar de tu página en el frontend.

d) Edita los textos de tu página de eventos

Además de ocultar los elementos innecesarios, puedes personalizar los textos de tu página:

1. Haz clic en Editar textos.
2. Edita todos los textos que quieras. El plugin resaltará todos los textos editables.
3. Haz clic en Edición terminada.

e) Completa la configuración de tu página

Estas son algunas de las opciones que tienes para completar la configuración de tu página en el frontend:

• Activa la casilla Ocultar notificaciones añadidas por otros plugins o temas. Los usuarios no verán ninguna notificación de wp-admin en el frontend cuando esta casilla esté activada.
• Oculta las columnas innecesarias. El panel de configuración rápida de WP Frontend Admin contiene una sección de columnas desactivadas que muestran las columnas como Título, Autor, Etiquetas, etc. Puedes marcar las columnas que quieres que no se muestren en tu página.
• Activa la casilla Los usuarios deberían ver solo los posts creados por ellos. Para que solo vean los eventos creados por ellos.
• Haz clic en Guardar para aplicar los cambios.

Una vez que guardes los cambios, la página se publicará, y así es como se verá tu página en el frontend:

Usando la misma lógica y el mismo proceso, puedes seguir creando las demás páginas del dashboard en el frontend.

4- Añadir los botones “Cerrar sesión” y “Ver sitio” al menú del dashboard

Para añadir los botones de cerrar sesión y ver sitio en el dashboard, necesitas añadir los siguientes dos shortcodes al menú como enlaces personalizados:

• Cerrar sesión: [vg_display_logout_url]
• Ver sitio: [wp_frontend_admin_my_site_url]

Aquí te mostramos un gif donde puedes ver como se verá tu dasboard de The Events Calendar cuando ya esté finalizado.

Así es como puedes crear fácilmente un dashboard para gestionar los eventos de The Events Calendar. Es realmente sencillo y no necesitas saber nada de programación.