X

Crear add_menu_page personalizado con add_submenu_page en el panel de administración

Snippets de IsItWP

¿Quieres crear un menú de administrador personalizado con 2 submenús? Los menús de administrador son útiles para sitios de membresía cuando tienes varios usuarios registrándose en tu sitio web. Hemos creado un fragmento de código rápido que puedes usar para crear paneles de administración personalizados de add_menu_page y add_submenu_page en WordPress.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

 
function theme_options_panel(){
  add_menu_page('Theme page title', 'Theme menu label', 'manage_options', 'theme-options', 'wps_theme_func');
  add_submenu_page( 'theme-options', 'Settings page title', 'Settings menu label', 'manage_options', 'theme-op-settings', 'wps_theme_func_settings');
  add_submenu_page( 'theme-options', 'FAQ page title', 'FAQ menu label', 'manage_options', 'theme-op-faq', 'wps_theme_func_faq');
}
add_action('admin_menu', 'theme_options_panel');

function wps_theme_func(){
		echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
		<h2>Theme</h2></div>';
}
function wps_theme_func_settings(){
		echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
		<h2>Settings</h2></div>';
}
function wps_theme_func_faq(){
		echo '<div class="wrap"><div id="icon-options-general" class="icon32"><br></div>
		<h2>FAQ</h2></div>';
}

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 25 mejores plugins de WooCommerce para aumentar tus ventas rápidamente y Cómo crear un formulario de solicitud de empleo en WordPress.

Comentarios   Deja una respuesta

  1. ¡gracias, funciona!

  2. muy simple y claro, gracias

  3. Jailson Pacagnan Santana April 27, 2020 at 8:47 pm

    ¡Gracias! Dios te bendiga

  4. ¡Funcionó! ¡Gracias!

  5. ¡Respeto! ¡Gracias!

  6. Savanolka Gardouchtra May 30, 2019 at 4:39 am

    ¡Gracias, señor!

  7. Akhtarujjaman Shuvo March 22, 2019 at 2:58 pm

    Millones de gracias

  8. Luis Miguel Devloper June 16, 2015 at 4:51 pm

    +1, traducido al español y te referí

  9. Excelente, muy bueno. Gracias por tu ayuda. Tengo una pregunta, ¿cómo se puede visualizar este menú en el rol "invitador"? por ejemplo:

    $result = add_role( ‘invitador’, __(‘Invitador’ ),array(

    ‘theme_options_panel’ => true,

    )); ??

    Gracias, amigo mío

  10. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

    1. Nos alegra que nos hayas encontrado 🙂 asegúrate de marcar wpsnipp, tenemos más que solo

      add_menu_page y add_submenu_page… ¡Disfruta!

  11. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

  12. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

  13. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

  14. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

  15. grupobrasilonline May 2, 2014 at 4:58 am

    ¡Buen hombre! Simple y directo, 2 horas buscando esta solución en Google y nada, ¡jaja!

    ¡Eres el tipo, jaja!

  16. ¿Es posible agregar un elemento de nivel superior con la información del usuario actual (avatar, nombre de usuario, nombre y apellido, algo como el panel de información del usuario en la esquina superior derecha de la barra de administración? Quiero hacer esto porque no encontré ninguna solución para publicar en el front-end que se ajuste a todas mis necesidades, así que dejaré que el usuario publique desde la oficina de atrás, pero quiero crear una experiencia realmente genial agregando algunas cosas geniales en el área de administración. Aquí tienes un ejemplo https://dl.dropboxusercontent.com/u/12646264/example-user-info-pannel.jpg

    1. Hola Aeonx,

      No lo creo, ya que add_menu_page solo aceptaría parámetros específicos. Lo único en lo que podría pensar sería intentar agregar HTML dentro del título. El problema es que eso se colocaría dentro de un enlace. La otra opción sería insertar algo en el pie de página de la administración y luego usar JavaScript para eliminarlo y colocarlo en el menú de administración después del hecho. Ten en cuenta que esto no es algo que haya investigado, así que puede haber una manera más fácil.

      1. Alberto Hartzet March 12, 2014 at 10:00 am

        Ok, gracias, intentaré lo del pie de página.

  17. ¿Es posible agregar un elemento de nivel superior con la información del usuario actual (avatar, nombre de usuario, nombre y apellido, algo como el panel de información del usuario en la esquina superior derecha de la barra de administración? Quiero hacer esto porque no encontré ninguna solución para publicar en el front-end que se ajuste a todas mis necesidades, así que dejaré que el usuario publique desde la oficina de atrás, pero quiero crear una experiencia realmente genial agregando algunas cosas geniales en el área de administración. Aquí tienes un ejemplo https://dl.dropboxusercontent.com/u/12646264/example-user-info-pannel.jpg

  18. Gracias

  19. Muchas gracias, he estado buscando este código desde hace un día. Muchas gracias.....

  20. php developer June 28, 2013 at 3:35 am

    Está funcionando bien, gracias

  21. php developer June 28, 2013 at 3:33 am

    Muchas gracias, está funcionando....

  22. ¡Gracias, ayudó mucho!

    1. ¡Genial, me alegra saberlo!

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!