Cómo agregar menús y submenús en el panel de administración de WordPress

Si ha terminado con el menú predeterminado del Panel de administración de WordPress o desea personalizarlo según sus preferencias

La navegación por el panel de administración de WordPress se puede hacer más fácil personalizándolo con sus menús y submenús.

En esta publicación, lo guiaremos a través de los pasos para agregar menús y submenús usando fragmentos de código simples.

Ya sea que desee organizar la configuración del complemento o crear opciones personalizadas, agregar menús puede hacer que su área de administración de WordPress sea más personalizada y fácil de usar. Pero primero, aclaremos algunos conceptos básicos.

¿Qué son los menús y submenús?

Los menús son los elementos principales que generalmente observa en la barra lateral de administración de WordPress, como "Publicaciones", "Páginas" y "Configuración".

Sin embargo, los submenús son opciones enumeradas en un menú principal. Por ejemplo, en "Publicaciones", encontrará submenús como "Todas las publicaciones" y "Agregar nuevo". En resumen, los submenús son opciones enumeradas debajo de un menú principal.

Cómo agregar un menú personalizado

Ahora debes preguntarte cómo agregar un menú personalizado en el panel de administración de WordPress.

Bueno, no es tan complicado, todo lo que tienes que hacer es simplemente usar la función add_menu_page() .

Aquí tienes un método sencillo paso a paso que puedes seguir:

1. Abra el archivo functions.php de su tema:

Puede encontrar este archivo yendo a su panel de WordPress, navegando a "Apariencia" > "Editor de archivos de tema" y seleccionando el archivo functions.php .

2. Agregue el siguiente código:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. Guarde sus cambios:

Después de agregar el código, guarde el archivo functions.php . Su nuevo menú “Mi complemento” debería aparecer ahora en la barra lateral de administración de WordPress.

Cómo agregar un submenú

Si desea agregar submenús de segundo nivel del menú de administración de WordPress en su nuevo menú personalizado, use la función add_submenu_page() . He aquí cómo:

1. Agregue el código del submenú en functions.php :

función custom_plugin_submenu() {

// Agregar primero el menú de nivel superior

agregar_menú_página(

'Mi complemento personalizado',

'Mi complemento',

'administrar_opciones',

'mi-complemento',

'mi_página_complemento'

);

// Agregar submenús

add_submenu_page(

'mi-complemento', // babosa principal

'Agregar producto', // Título de la página

'Agregar producto', // Título del submenú

'manage_options', // Capacidad requerida

'agregar producto', // barra de submenú

'add_product_page' // Función de devolución de llamada

);

add_submenu_page(

'mi-complemento',

'Sobre nosotros',

'Sobre nosotros',

'administrar_opciones',

'sobre nosotros',

'página_acerca de_nosotros'

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// Función de devolución de llamada para el submenú 'Agregar producto'

función agregar_página_producto() {

echo '<h1>¡Agregue su producto aquí!</h1>';

}

// Función de devolución de llamada para el submenú 'Acerca de nosotros'

función about_us_page() {

echo '<h1>Acerca de nuestro complemento</h1>';

}

2. Guarde el archivo:

Sus submenús "Agregar producto" y "Acerca de nosotros" ahora aparecerán en el menú "Mi complemento" en el panel de administración.

Puntos clave para recordar

Menu Slug : Este es un identificador único para su menú. Debe estar en minúsculas y puede incluir guiones o guiones bajos.

Capacidad: Esto controla quién puede ver el menú. Por ejemplo, 'manage_options' suele ser para usuarios administradores y solo pueden verlo.

Posición: determina dónde aparece el menú en la lista. Es opcional pero ayuda a organizar los menús.

Título de la página : aparece en la barra de título del navegador cuando abre el menú o submenú.

Título del menú : este es el texto que aparece en la barra lateral.

Función de devolución de llamada : esta función se ejecuta cuando se hace clic en el menú o submenú, mostrando su contenido.

El ejemplo anterior es para los menús personalizados que creamos. Pero ¿qué pasa con los menús existentes en el administrador de WordPress?

¿Cómo se puede crear un submenú de segundo nivel para el menú de administración predeterminado de WordPress? He aquí cómo:

Agregar submenús a los menús predeterminados de WordPress

Anteriormente, hablamos sobre cómo agregar submenús en sus menús personalizados en WordPress. Ahora, veamos cómo puede agregar submenús en los menús predeterminados existentes en WordPress (como Panel de control, Publicaciones, Páginas, etc.).

WordPress proporciona funciones específicas para agregar submenús a estos menús predeterminados:

– add_dashboard_page : agrega un submenú en el menú “Panel de control”.

– add_posts_page : agrega un submenú en el menú “Publicaciones”.

– add_media_page : agrega un submenú en el menú “Medios”.

– add_links_page : agrega un submenú en el menú “Enlaces”.

– add_pages_page : agrega un submenú en el menú “Páginas”.

– add_comments_page : agrega un submenú en el menú “Comentarios”.

– add_theme_page : agrega un submenú en el menú “Temas”.

– add_plugins_page : agrega un submenú en el menú “Complementos”.

– add_users_page : agrega un submenú en el menú “Usuarios”.

– add_management_page : agrega un submenú en el menú “Herramientas”.

– add_options_page : Agrega un submenú en el menú “Configuración”.

Todas estas funciones funcionan de manera similar. Entendámoslo mejor con un ejemplo simple: agregar un submenú en el menú "Configuración" usando add_options_page() .

Ejemplo: agregar un submenú en Configuración

Para agregar un submenú en " Configuración ", puede usar la función add_options_page() . Aquí hay un desglose simple de la función:

– $page_title : El título de la página cuando la abres.

– $menu_title : el nombre que aparece en la barra lateral en "Configuración".

– $capability : quién puede ver este submenú (como solo los administradores).

– $menu_slug : una identificación única para este submenú.

– $function : una función que mostrará el contenido cuando se haga clic en el submenú.

Por ejemplo, utilice esta función como se muestra a continuación:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– Este código agrega un submenú llamado " Mi complemento " en el menú "Configuración".

– Solo será visible para los usuarios con la capacidad ' manage_options ' (normalmente administradores).

– Al hacer clic, ejecutará la función WPOven _plugin_render_options_page para mostrar el contenido de la página.

¡Así es como puedes agregar submenús a los menús predeterminados de WordPress, facilitando el acceso a las configuraciones personalizadas o a las páginas que deseas agregar!

Leer: ¿Cómo reordenar los elementos del menú de administración en WordPress?

Conclusión

Agregar menús y submenús personalizados en WordPress es una excelente manera de personalizar su administrador según su conveniencia.

Y la mejor parte es que puedes implementar y ejecutar esta función de forma sencilla con unas pocas líneas de código. Esto le ayudará a crear un backend más organizado y accesible para usted o sus clientes.

Si sigue estos pasos minuciosamente, tendrá un panel de administración personalizado en poco tiempo. Si tiene alguna consulta o comentario sobre esta publicación, menciónelo en la sección de comentarios a continuación.

Raúl

Rahul Kumar es un entusiasta de la web y estratega de contenidos especializado en WordPress y alojamiento web. Con años de experiencia y el compromiso de mantenerse actualizado con las tendencias de la industria, crea estrategias en línea efectivas que generan tráfico, aumentan la participación y aumentan las conversiones. La atención de Rahul al detalle y su capacidad para crear contenido atractivo lo convierten en un activo valioso para cualquier marca que busque mejorar su presencia en línea.