Crear un sub admin menu en WordPress

Crear un sub admin menu en WordPress

En este tutorial, aprenderemos cómo agregar submenús administrativos en WordPress. Esto te permitirá organizar mejor las opciones de configuración en tu plugin, proporcionando una navegación más clara y funcional dentro del panel de administración de WordPress.

Pasos para Crear un Submenú Administrativo en WordPress:

  1. Inicio del Proyecto:
    • Abre tu entorno de desarrollo y accede al directorio de plugins de tu instalación de WordPress (wp-content/plugins).
    • Crea una nueva carpeta para tu plugin, por ejemplo, mi-admin-menu-avanzado.
    • Dentro de esta carpeta, crea un archivo index.php. Este será el archivo principal de tu plugin.
  2. Escribir el Código del Plugin:
    • Inicia tu archivo index.php con los comentarios estándar de WordPress para identificar el plugin:
<?php
/*
Plugin Name: Mi Admin Menú Avanzado
Description: Añade un menú administrativo con submenús para gestionar configuraciones especiales.
Version: 1.0
Author: Tu Nombre
*/

Agrega la funcionalidad para registrar un menú y submenús:

function mi_admin_menu_setup() {
    add_menu_page('Título del Menú Principal', 'Mi Menú', 'manage_options', 'mi-menu-principal', 'mi_menu_principal_func', 'dashicons-admin-generic');

    // Agregar submenús
    add_submenu_page('mi-menu-principal', 'Subtítulo del Menú 1', 'Submenú 1', 'manage_options', 'mi-submenu-1', 'mi_submenu_1_func');
    add_submenu_page('mi-menu-principal', 'Subtítulo del Menú 2', 'Submenú 2', 'manage_options', 'mi-submenu-2', 'mi_submenu_2_func');
}
add_action('admin_menu', 'mi_admin_menu_setup');

function mi_menu_principal_func() {
    echo '<h1>Bienvenido al Menú Principal</h1>';
}

function mi_submenu_1_func() {
    echo '<h1>Este es el Submenú 1</h1>';
}

function mi_submenu_2_func() {
    echo '<h1>Este es el Submenú 2</h1>';
}
  1. Activación del Plugin:
    • Guarda los cambios y accede al panel de administración de WordPress.
    • Ve a la sección ‘Plugins’ y activa tu nuevo plugin ‘Mi Admin Menú Avanzado’.
  2. Uso del Menú Administrativo:
    • Una vez activado el plugin, encontrarás el menú principal y los submenús en la barra lateral del área de administración.
    • Cada submenú cargará la función asociada que definiste, mostrando un contenido diferente según el submenú seleccionado.
  3. Personalización Avanzada:
    • Integra formularios y otras funcionalidades dentro de las funciones mi_menu_principal_func, mi_submenu_1_func, y mi_submenu_2_func para expandir las capacidades de cada sección del menú.
    • Utiliza settings_fields y do_settings_sections para manejar ajustes y opciones dentro de los submenús.

Consejos para Optimizar Tu Menú Administrativo:

  • Seguridad: Asegúrate de que solo los usuarios con los permisos adecuados puedan acceder a los menús administrativos.
  • Usabilidad: Diseña interfaces claras y concisas para que los administradores puedan fácilmente manejar las configuraciones.
  • Pruebas Rigurosas: Prueba el plugin en diferentes entornos de WordPress para garantizar su compatibilidad y funcionalidad.

Este tutorial ofrece una base sólida para empezar a crear menús administrativos complejos con submenús en WordPress, permitiendo una mejor organización y accesibilidad de las configuraciones especiales en tu sitio.

Los comentarios están cerrados.

Salir de la versión móvil