En esta lección, te mostraremos cómo permitir que los usuarios de nuestra plataforma de donaciones puedan cambiar el logo del sitio desde el dashboard frontend personalizado.

Para ello, mostraremos el personalizador o customizer de cualquier tema de WordPress en el dashboard personalizado.

Solo debemos seguir estos pasos:

1- Desactiva la pantalla completa para el personalizador

Por defecto, WP Frontend Admin muestra algunas páginas en modo de pantalla completa, incluyendo la página del personalizador de los temas de WordPress.

Esta característica es útil para los editores de formularios, constructores de páginas y personalizadores de temas.

Sin embargo, en este dashboard de WordPress queremos que nuestros usuarios utilicen el personalizador en la vista normal, no como pantalla completa, por lo que tenemos que desactivar la función de pantalla completa.

Para deshabilitar la función de pantalla completa para la página del personalizador, ve a Administrador de la Red > Frontend Admin > Ajustes > Solución de errores.

Ahora ingresa customize.php en el campo Deshabilitar pantalla completa para estas páginas.

Y haz clic en Guardar.

2- Abre el sitio del dashboard

Ve a Administrador de la Red > WP Ultimo > Sitios.

Encuentra el sitio Dashboard y haz clic en Gestionar.

Haz clic en Escritorio para abrir el panel wp-admin de tu sitio Dashboard.

3- Crea una nueva página en el sitio del dashboard frontend

Ve a Páginas > Añadir nueva, para crear una nueva página en el sitio Dashboard.

Ahora introduce el título de la página, selecciona Elementor canvas como plantilla de página y haz clic en Editar con Elementor.

4- Importa la plantilla del dashboard frontend

Una vez en Elementor, haz clic en Añadir plantilla para importar la plantilla del escritorio personalizado de WordPress a esta página.

En la biblioteca de Elementor, busca la plantilla del dashboard personalizado y haz clic en Insertar para importarla.

5- Muestra el personalizador en el frontend dashboard

Después de importar la plantilla del dashboard, puedes agregar el título de la página y luego pegar el siguiente shortcode para mostrar el personalizador en el dashboard:

[vg_display_admin_page page_url="customize.php"]

El shortcode anterior mostrará la página del personalizador en el frontend usando cualquier tema de WordPress.

En este curso estamos utilizando el tema Kadence, por lo que podemos enfocarnos en secciones específicas del personalizador. En este caso, nos enfocaremos en la sección del título y el eslogan, por lo que utilizaremos el shortcode siguiente:

[vg_display_admin_page page_url="customize.php?autofocus%5Bsection%5D=title_tagline"]

Después de pegar el shortcode, haz clic en Previsualizar los cambios.

Ahora vamos a utilizar el panel de Configuración rápida para configurar la página en el frontend.

Comienza seleccionando la siguiente información:

• Título de la página: Apariencia
• URL slug: apariencia
• Plantilla: Elementor Canvas
• Añadir a menú: Selecciona el menú dashboard.

Ahora podemos eliminar cualquier elemento innecesario de esta página.

Esto es útil porque podemos eliminar los botones de Ir atrás para evitar que los usuarios utilicen otras secciones del personalizador.

Haz clic en Ocultar elemento y haz clic en el elemento que deseas ocultar.

Los únicos elementos que dejaremos aquí son el botón Publicar y los campos Logotipo, Título del sitio y Descripción corta.

Puedes marcar la casilla Ocultar avisos añadidos por otros plugins o temas.

También puedes seleccionar los planes de membresía para los que la página está disponible en Planes de WP Ultimo requeridos.

Finalmente, puedes hacer clic en Guardar para aplicar los cambios, y luego publicar la página.

Este es el aspecto que tendrá la página de apariencia una vez publicada en el escritorio personalizado de WordPress:

En la próxima lección, te mostraremos cómo añadir la página la cuenta de WP Ultimo al dashboard personalizado.