Este tutorial forma parte de una serie de tutoriales basados en el plugin SportsPress for Football.
Nota. Suponemos que eres usuario del plugin SportsPress for Football y que ya lo tienes instalado.
En este tutorial te enseñaremos cómo gestionar los clubs de SportsPress desde el frontend.
Esto puede ser útil si estás creando una plataforma para tus clientes en la que puedan gestionar clubs, partidos, eventos, ligas, etc., desde el frontend. Puedes usar el plugin SportsPress for Football entre bastidores, y tus usuarios no tendrán que lidiar con wp-admin en el backend para gestionar todo lo relacionado con sus eventos y partidos de fútbol.
Para crear las páginas frontend necesarias, usaremos el plugin WP Frontend Admin. Este plugin te permite mostrar cualquier página de wp-admin en el frontend con un simple clic o usando un simple shortcode en cualquier editor o constructor de páginas de WordPress.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
Una vez que instales y actives el plugin, debes seguir estos pasos para mostrar y gestionar los clubs de fútbol de SportsPress en el frontend.
1- Muestra la lista de clubs de SportsPres en el frontend
Para mostrar la lista de clubs de SportsPress en el frontend, tienes al menos dos opciones, ¡ambas muy fáciles!
Primero, puedes ir a Clubs en wp-admin y hacer clic en Ver en el frontend.
En segundo lugar, puedes usar cualquier constructor de páginas para crear tus páginas en el frontend. Aquí hay algunos constructores de páginas que son compatibles con WP Frontend Admin:
- Elementor
- Visual Composer
- Gutenberg
- Divi
- Beaver Builder
- WP Page Builder
- Page Builder by SiteOrigin
- Oxygen
- Live Composer
- Brizy
- Etc.
Por lo tanto, puedes mostrar los clubs de fútbol de SportsPress en cualquier página creada con cualquiera de estos constructores de páginas usando este shortcode:
[vg_display_admin_page page_url="edit.php?post_type=sp_team"]
Una vez que pegues el shortcode, haz clic en Vista previa para ver los clubs de fútbol en el frontend.
2- Comienza a configurar tu página de clubs de SportsPress
WP Frontend Admin mostrará todo lo que necesitas para configurar tus páginas frontend de una manera simplificada en el panel de configuración rápida en el lado izquierdo de la pantalla.
Puedes empezar a configurar la página de los clubs seleccionando la siguiente información:
- Título de página: Ingresa en este campo el título.
- URL slug: Ingresa aquí la URL slug usando solo palabras clave.
- Plantilla: Seleccionaremos la plantilla Por defecto para seguir usando la configuración de nuestro tema. Si seleccionas la plantilla de un constructor de páginas, este valor se heredará.
- Añadir a menú: Selecciona el menú de navegación donde deseas añadir esta página.
3- Elimina los elementos innecesarios de tu página
WP Frontend Admin te permite ocultar cualquier elemento innecesario de tus páginas frontend para simplificar las páginas y eliminar todos los campos y metaboxes que tus usuarios no necesitan para crear y gestionar clubs de fútbol en el frontend.
Solo tienes que seguir estos sencillos pasos:
- Clic en Ocultar elemento.
- Haz clic en el elemento que deseas ocultar.
Ten en cuenta que tienes que repetir estos dos sencillos pasos con cada elemento que quieras ocultar en el frontend.
Además, puedes activar la casilla Ocultar notificaciones añadidas por otros plugins o temas para evitar que los usuarios vean elementos innecesarios que puedan aparecer en el futuro.
4- Edita cualquier texto en la página de los clubs
Con WP Frontend Admin, también puedes editar cualquier texto en las páginas en el frontend. Esto te permite personalizar el contenido de wp-admin que se muestra en el frontend por completo.
Solo tienes que seguir estos sencillos pasos para editar cualquier texto en tu página de clubs de SportsPress.
- Clic en Editar textos.
- Edita todos los textos que quieras.
- Haz clic en Edición terminada.
5- Oculta las columnas innecesarias y publica tu página
Como esta página mostrará la lista de clubs de SportsPress en el frontend, puedes ocultar algunas columnas para simplificar la página. Solo tienes que marcar las columnas innecesarias en la sección Columnas desactivadas.
Además, puedes marcar la casilla Los usuarios solo deberían ver los posts creados por ellos para asegurarte que los usuarios solo podrán ver y gestionar sus propios clubs.
Por último, puedes hacer clic en Guardar para aplicar los cambios y publicar la página de clubs.
6- Opcional: Edita el formulario de añadir nuevo/editar club en el frontend
Además de configurar la lista de clubs de fútbol en el frontend, puedes configurar el formulario para añadir o editar un club de fútbol.
Puedes hacer clic en Añadir nuevo o abrir un club existente para ocultar los elementos innecesarios y editar los textos. Así personalizarás aún más tu página y simplificarás la experiencia de tus usuarios.
Gestiona los clubs de SportsPress en el frontend
Este es el aspecto de nuestra página de clubs de SportsPress en el frontend. Los usuarios pueden ver la lista de clubs de fútbol, buscar clubs específicos, aplicar acciones masivas a docenas de clubes de fútbol, etc.
Y así es como se ve el formulario de Añadir Nuevo/Editar club de fútbol en el frontend. Como ves, solo mostraremos los elementos esenciales del formulario, pero puedes ocultar cualquier otro elemento para simplificar aún más la página.
Importante
- Ten en cuenta que solo los usuarios con el permiso edit_sp_clubs podrán gestionar clubs en el frontend. Puedes seguir este tutorial para aprender a asignar ese permiso a cualquier otro rol de usuario.
- Como la sección de Clubs incluye la página Tablas de Clasificaciones, puedes seguir el mismo proceso para crear la página de Tablas de Clasificaciones en el frontend.
- Si usas un constructor de páginas, puedes usar el siguiente shortcode:
[vg_display_admin_page page_url="edit.php?post_type=sp_table"]
Como ves, es realmente sencillo mostrar y gestionar los clubs de SportsPress en el frontend porque no necesitas programar nada. WP Frontend Admin hace que la tarea sea realmente sencilla para ti.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
