Continuando con la creación de nuestra plataforma multitienda, te mostramos cómo configurar los ajustes globales del panel de control del front-end.

Crearemos un dashboard compartido por todos los usuarios. Entrarán en la misma página como dashboard.myapp.com y gestionarán sus sitios desde el mismo panel.

Lo haremos con el plugin WP Frontend Admin, que nos permite crear cuadros de mando frontales, aplicaciones web, y mostrar cualquier página de wp-admin en el frontend.

1- Crea el sitio principal y el sitio del dashboard frontend

Nuestra plataforma de tienda online tendrá inicialmente 2 sitios:

1. El sitio principal: También conocido como el sitio de marketing, aquí tenemos landing page, la página de precios, etc.
2. El sitio del dashboard Front-end: Aquí configuraremos el panel de control personalizado, los usuarios usarán este sitio como el panel de control global para gestionar sus propios sitios.

Puedes crear el sitio manualmente yendo a Administrador de la red > Sitios y haciendo clic en Añadir nuevo para añadir un nuevo sitio a la red multisitio.

Una vez que hayas pulsado el botón Añadir nuevo, deberás seleccionar los siguientes valores:

• Dirección del sitio (URL): Verás un campo seguido del dominio de tu red multisitio. Introduciremos dashboard, por lo que la URL de nuestro sitio será dashboard.myapp.com, por ejemplo.
• Título del sitio: Introduce el título del sitio en este campo.
• Idioma del sitio: Selecciona el idioma del sitio utilizando el selector desplegable.
• Correo electrónico del administrador: Introduce aquí el correo electrónico del administrador del sitio principal, ya administrarás este sitio.
• Plan de sitio: No seleccione ningún plan, ya que este sitio será utilizado por todos los usuarios con diferentes planes de afiliación.
• Plantilla del sitio: Usaremos el blog estándar de WordPress por defecto
• Añadir sitio: Clic en este botón una vez que hayas terminado de introducir los datos generales.

Una vez creados los dos sitios, puedes proceder a establecer la configuración general.

2- Establece la configuración general del dashboard

Ir a Administrador de la red > WP Frontend Admin > Ajustes

Una vez allí, entra a General y selecciona los siguientes valores en la configuración del WP Frontend Admin:

• ¿Habilitar las opciones globales en Multisite?: Activado. Manejarás las opciones de WP Frontend Admin desde el sitio principal. Todos los ajustes aplicados aquí se aplicarán también a todos los sitios de la red multisitio.
• ¿Deshabilitar las notificaciones de wp-admin al ver en el frontend?: Activado. Activa esta opción si quieres eliminar todas las notificaciones de plugins, notificaciones de actualización y notificaciones molestas en las páginas del frontend. Ten en cuenta que las notificaciones importantes también se eliminarán.

• ¿Ocultar las páginas que contienen nuestro código corto?: Sí

• WordPress Multisite: Usa este sitio como el panel frontal para la red entera: Selecciona el dashboard de mandos global en un desplegable de los sitios existentes
• WP Ultimo: ¿Quitar páginas restringidas de los menús?: Esto depende de tu marketing. Puedes mostrar las páginas en el dashboard y cuando abren la página, mostrar un mensaje de actualización o redirigir a una página de actualización; o simplemente puede eliminar esas páginas para que solo vean lo que pueden utilizar.
• Haz clic en Guardar para aplicar la configuración general.

3- Establece las restricciones de acceso al dashboard

Ir a Restricciones de acceso y selecciona estos valores:

• ¿Habilitar las restricciones de acceso de wp-admin?: Sí
• Restricción de acceso: ¿Qué páginas de wp-admin se pueden ver en el frontend?: Tendrás que ingresar las URLs de wp-admin que se mostrarán en el dashboard en el frontend. Cada URL debe estar aquí porque este campo te ayuda a asegurarte que los usuarios de tu plataforma no puedan abrir ninguna otra página wp-admin. Más sobre esto en la última lección de este curso.

Restricción de acceso: URL del tablero frontend: Aquí tienes que ingresar la URL de la página principal del sitio del dashboard como https://dashboard.miapp.com

Importante. Si quieres mostrar las páginas y redirigir a una página de actualización personalizada, puedes crear la página de actualización en el sitio de marketing, y añadir la URL de actualización en “URL de la Página de Permisos Equivocados (opcional)” que se encuentra en la página de ajustes de Restricciones de acceso. Te enseñaremos cómo hacerlo más adelante en el curso.

4- Establece la configuración de apariencia del dashboard

Ir a Apariencia y selecciona estos valores:

•  Ocultar la barra de administración en el frontend: Activado. Por defecto, WordPress muestra una barra negra en la parte superior de la página cuando un usuario conectado ve una página del frontend. La barra permite acceder al wp-admin, cerrar la sesión, editar la página actual, etc. Vamos a deshabilitarla porque nuestros usuarios solo utilizarán el panel de control del frontend. Puedes usar el shortcode: [vg_display_logout_link] para mostrar el enlace de cierre de sesión en cualquier lugar.

• Estilo de animación de carga: Aquí puedes seleccionar cualquiera de las opciones disponibles. Este estilo de carga se mostrará en las páginas con nuestro shortcode.
• Color de animación de carga: Selecciona el color de la animación de carga. Solo hay que tener en cuenta los contrastes; por ejemplo, si el fondo de su página es oscuro, la animación debe utilizar un color claro.

• Aspecto Limpio Admin: Color primario del contenido admin: Aquí puedes seleccionar un color para cambiar el diseño de las páginas de administración y hacerlas más elegantes. Si lo dejas vacío, el contenido de administración usará los colores estándar.
• Haz clic en Guardar para aplicar la configuración de la apariencia.

OPCIONAL – CONFIGURA LA FUNCIÓN DE INICIO DE SESIÓN ÚNICO DE WP ULTIMO