WordPress – Cómo Cambiar los Ajustes del Sitio desde el Frontend

En este tutorial, aprenderás cómo mostrar los ajustes del sitio de WordPress en el frontend.

Esto es muy útil si quieres crear un dashboard frontend / panel de control frontal para gestionar sitios de WordPress desde un hermoso panel que es totalmente diferente del panel de control de wp-admin, y que puedes personalizar como quieras.

Puedes integrar este panel como dashboard global para una red multisite.

Normalmente, tendrías que tener muchos conocimientos de programación y diseño web para crear un panel de control como este. Sin embargo, aquí te mostraremos cómo gestionar los ajustes del sitio WordPress desde el frontend con solo unos pocos clics.

Usaremos el plugin WP Frontend Admin, que permite mostrar cualquier página de wp-admin en el front-end para crear paneles de control frontales fácilmente. También puedes crear aplicaciones web usando cualquier plugin de WordPress tras bambalinas.

Puedes adquirir el plugin aquí:

1- Muestra los ajustes de WordPress en el frontend

Una vez que instalas y activas el plugin WP Frontend Admin, puedes mostrar los ajustes de WordPress en el frontend fácilmente.

Solo tienes que ir a Ajustes > General. Podrías mostrar cualquier otra página de ajustes en el frontend, pero en este ejemplo vamos a ir a la sección de ajustes generales. Una vez allí, haz clic en Ver en el frontend.

Importante: WP Frontend Admin es totalmente compatible con los siguientes constructores de páginas:

• 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 ajustes de WordPress en el frontend pegando el siguiente shortcode donde quieras mostrarlos:

[vg_display_admin_page page_url="options-general.php"]

Una vez que pegues el shortcode, tienes que hacer clic en Vista previa para mostrar los ajustes generales de WordPress en el frontend porque WP Frontend Admin no muestra el contenido de wp-admin en modo de edición, sino en modo de vista previa solamente.

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

WP Frontend Admin mostrará los ajustes de WordPress en el frontend con solo un clic en el botón Ver en el frontend.

Ahora verás el contenido de wp-admin en el frontend, y también verás el panel de configuraciones rápidas en la parte izquierda de la pantalla.

Puedes usar este panel para configurar tu página en el frontend. Por ejemplo, puedes empezar a configurar tu página desde el frontend seleccionando la siguiente información básica:

• Título de la página: Introduce aquí el título de tu página; lo llamaremos Configuración general.
• URL slug: Escribe aquí el slug de la URL utilizando solo palabras clave.
• Plantilla: Seleccionaremos la plantilla de página Por defecto para usar la configuración de nuestro tema. Puedes seleccionar cualquier otra plantilla de página según el diseño de tu página. Por ejemplo, si estás trabajando con Elementor, puedes seleccionar la plantilla canvas de Elementor.
• Añadir a menú: Puedes seleccionar el menú utilizando este campo desplegable. Si estás construyendo un panel de control frontal, selecciona aquí el menú de navegación.

3- Oculta elementos innecesarios de tu página

WP Frontend Admin te permite ocultar cualquier elemento innecesario de tus páginas frontend para personalizarlas y simplificarlas para tus usuarios. Puedes ocultar cualquier texto o campo innecesario siguiendo este sencillo proceso de dos pasos:

1. Haz clic en Ocultar elemento.
2. Haz clic en el elemento que deseas ocultar.

Debes repetir estos dos pasos para cada elemento que quieras ocultar de tu página.

4- Edita cualquier texto de tu página

Además de ocultar cualquier elemento innecesario, puedes personalizar los textos de tus páginas.

Esto es realmente útil para añadir más personalización a tus páginas front-end. Solo tienes que seguir estos tres sencillos pasos:

1. Haz clic en Editar textos.
2. El plugin resaltará todos los textos editables, para que puedas editar todos los textos que desees.
3. Haz clic en Edición terminada.

5- Haz los últimos ajustes para publicar tu página

Puedes activar la casilla Ocultar notificaciones añadidas por otros plugins o temas para asegurarte de que los usuarios no verán ningún aviso de wp-admin en el frontend.

Por último, puedes hacer clic en Guardar para aplicar los cambios y publicar la página de ajustes frontend.

Así es como tus usuarios conectados verán la configuración general del sitio de WordPress en el frontend:

Notas importantes:

• Solo los usuarios con el permiso manage_options podrán ver y gestionar la configuración de WordPress en el frontend.
• Aquí hay un tutorial sobre cómo integrar WP Frontend Admin con WordPress Multisite.
• Aquí hay un tutorial sobre cómo integrar WP Frontend Admin con WP Ultimo.
• Puedes utilizar estas integraciones para crear un bonito dashboard frontend y usarlo como panel de control global para que tus usuarios puedan gestionar sus sitios de WordPress desde este dashboard.

Mostrar cualquier página de wp-admin en el front-end es realmente fácil con WP Frontend Admin.