{"id":230077,"date":"2022-11-27T13:03:00","date_gmt":"2022-11-27T10:03:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230077"},"modified":"2022-11-09T19:59:02","modified_gmt":"2022-11-09T16:59:02","slug":"personalizacion-del-menu-de-administracion-de-wordpress-para-la-experiencia-del-usuario","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/personalizacion-del-menu-de-administracion-de-wordpress-para-la-experiencia-del-usuario\/","title":{"rendered":"Personalizaci\u00f3n del men\u00fa de administraci\u00f3n de WordPress (para la experiencia del usuario)"},"content":{"rendered":"\n<p>Para algunos proyectos, habr\u00e1 momentos en los que no habr\u00e1 muchas cosas nuevas para explorar, \u00bfsabes? Obtiene los requisitos, sabe c\u00f3mo resolver los problemas y luego sigue adelante con la construcci\u00f3n de la soluci\u00f3n.<\/p>\n<p>Luego, otros proyectos que se presenten en su camino y, aunque es posible que no sepa c\u00f3mo hacerlos al comienzo del proyecto, sabe que podr\u00e1 hacerlo mediante programaci\u00f3n porque si est\u00e1 escrito en c\u00f3digo, ser\u00e1 posible.<\/p>\n<p>Y cuanto m\u00e1s se familiarice con un determinado conjunto de herramientas o plataforma (como WordPress), m\u00e1s probable es que &quot;piense en t\u00e9rminos&quot; de esa plataforma, \u00bfverdad?<\/p>\n<p>Quiz\u00e1s un ejemplo de ello es trabajar con el men\u00fa de administraci\u00f3n en WordPress. Cuando se trata de proyectos que construyen otros, no s\u00e9 si su objetivo es crear una experiencia tan positiva en el front-end como en el back-end, pero creo que es importante considerar la aplicaci\u00f3n completa como una experiencia para el usuario.<\/p>\n<p>Y es por eso que cuando se trata de peque\u00f1as cosas, incluso el men\u00fa, por ejemplo, es importante. Pero, \u00bfqu\u00e9 quiero decir con eso?<\/p>\n<h2>Personalizaci\u00f3n del men\u00fa de administraci\u00f3n de WordPress<\/h2>\n<p>Entonces, digamos, por ejemplo, que est\u00e1 creando una soluci\u00f3n para alguien en WordPress, y no va a usar la funcionalidad de blogs, pero tiene:<\/p>\n<ul>\n<li>un conjunto de tipos de publicaciones personalizadas,<\/li>\n<li>necesidad de gestionar la apariencia,<\/li>\n<li>Roles del usuario,<\/li>\n<li>opciones generales,<\/li>\n<\/ul>\n<p>Y necesitan administrarlos.<\/p>\n<p>En lo que a m\u00ed respecta, una vez que se cierra [por supuesto], entonces est\u00e1 bien reorganizar el men\u00fa. Pero, \u00bfc\u00f3mo puedes hacer eso de la manera m\u00e1s elegante posible?<\/p>\n<h3>Por ejemplo<\/h3>\n<p>Digamos, a modo de ejemplo; tiene algunos tipos de publicaciones personalizadas adem\u00e1s del tipo de p\u00e1gina est\u00e1ndar original.<\/p>\n<ul>\n<li>P\u00e1gina principal<\/li>\n<li>Sobre<\/li>\n<li>Perfil<\/li>\n<\/ul>\n<p>Y luego est\u00e1n el resto de los elementos del men\u00fa. \u00bfC\u00f3mo hacemos para personalizar el men\u00fa de administraci\u00f3n de WordPress para nuestros usuarios?<\/p>\n<p>Aqu\u00ed hay <a href=\"https:\/\/gist.github.com\/tommcfarlin\/7c9b97afea71f65c189f97a708c5a34d#file-00-custom-admin-menu-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">un ejemplo<\/a> :<\/p>\n<pre><code>&lt;?php\n\nadd_filter('custom_menu_order', 'acme_reorder_admin_menu', 10, 1);\nadd_filter('menu_order', 'acme_reorder_admin_menu', 10, 1);\n\/**\n * Reorders and cleans up the administration menu to make it more user-friendly.\n *\n * @param  array $menuOrder The current array of menu items.\n * @return array            An updated order of the items that correspond to the menu.\n *\n * @link   https:\/\/codex.wordpress.org\/Plugin_API\/Filter_Reference\/custom_menu_order\n *\/\nfunction acme_reorder_admin_menu($menuOrder)\n{\n    if (!$menuOrder) {\n        return true;\n    }\n\n    return array(\n        'index.php',\n        'separator1',\n        'edit.php?post_type=page',\n        'edit.php?post_type=acme_homepage',\n        'edit.php?post_type=acme_about',\n        'edit.php?post_type=acme_profile',\n        'separator2',\n        'upload.php',\n        'separator3',\n        'themes.php',\n        'plugins.php',\n        'users.php',\n        'tools.php',\n        'options-general.php',\n        'separator-last',\n    );\n}\n<\/code><\/pre>\n<p>Si te conectas a los ganchos <a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Filter_Reference\/custom_menu_order\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">custom_menu_order<\/a> y <a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Filter_Reference\/menu_order\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">menu_order<\/a> y manipulas la matriz $menuOrder, entonces puedes proporcionar algo basado en el c\u00f3digo que ves arriba.<\/p>\n<h2>Para sus usuarios<\/h2>\n<p>Por supuesto, esto tambi\u00e9n supone que le ha dado a sus tipos de publicaciones nombres de amigos de usuarios personalizados dashicons de calidad, y as\u00ed sucesivamente, pero eso va m\u00e1s all\u00e1 de esta publicaci\u00f3n y entiende la idea: se trata de personalizar el men\u00fa de administraci\u00f3n de WordPress.<\/p>\n<p>Entonces, claro, su kilometraje puede variar, pero con los ejemplos y enlaces anteriores, deber\u00eda tener todo lo que necesita para personalizar la experiencia de sus usuarios.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo hacemos para personalizar el men\u00fa de administraci\u00f3n de WordPress para nuestros usuarios?<\/p>\n","protected":false},"author":1,"featured_media":164213,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,914,840,861],"tags":[1172],"class_list":["post-230077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-otro","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/230077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=230077"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/230077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/164213"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=230077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=230077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=230077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}