{"id":230311,"date":"2022-11-27T12:57:00","date_gmt":"2022-11-27T09:57:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230311"},"modified":"2022-11-09T21:04:50","modified_gmt":"2022-11-09T18:04:50","slug":"personnalisation-du-menu-dadministration-de-wordpress-pour-lexperience-utilisateur","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/personnalisation-du-menu-dadministration-de-wordpress-pour-lexperience-utilisateur\/","title":{"rendered":"Personnalisation du menu d&rsquo;administration de WordPress (pour l&rsquo;exp\u00e9rience utilisateur)"},"content":{"rendered":"\n<p>Pour certains projets, il y aura des moments o\u00f9 il n&rsquo;y aura pas beaucoup de nouveaut\u00e9s \u00e0 explorer, vous savez? Vous obtenez les exigences, vous savez comment r\u00e9soudre les probl\u00e8mes, puis vous avancez dans la construction de la solution.<\/p>\n<p>Ensuite, d&rsquo;autres projets se pr\u00e9sentent \u00e0 vous et m\u00eame si vous ne savez peut-\u00eatre pas comment les faire au d\u00e9but du projet, vous savez que vous pourrez le faire par programmation car si c&rsquo;est \u00e9crit en code, ce sera possible.<\/p>\n<p>Et plus vous vous familiarisez avec un ensemble d&rsquo;outils ou une plate-forme donn\u00e9s (comme WordPress), plus vous \u00eates susceptible de &quot;penser en termes&quot; de cette plate-forme, n&rsquo;est-ce pas\u00a0?<\/p>\n<p>Peut-\u00eatre qu&rsquo;un exemple concret est de travailler avec le menu d&rsquo;administration de WordPress. En ce qui concerne les projets que d&rsquo;autres construisent, je ne sais pas s&rsquo;ils visent \u00e0 cr\u00e9er une exp\u00e9rience aussi positive sur le front-end que sur le back-end, mais je pense qu&rsquo;il est important de consid\u00e9rer l&rsquo;ensemble de l&rsquo;application comme une exp\u00e9rience pour l&rsquo;utilisateur.<\/p>\n<p>Et c&rsquo;est pourquoi quand il s&rsquo;agit de petites choses \u2013 m\u00eame le menu, par exemple \u2013 c&rsquo;est important. Mais qu&rsquo;est-ce que je veux dire par l\u00e0 ?<\/p>\n<h2>Personnalisation du menu d&rsquo;administration de WordPress<\/h2>\n<p>Supposons donc, par exemple, que vous construisez une solution pour quelqu&rsquo;un dans WordPress, et qu&rsquo;il n&rsquo;utilisera pas la fonctionnalit\u00e9 de blog, mais qu&rsquo;il a\u00a0:<\/p>\n<ul>\n<li>un ensemble de types de publication personnalis\u00e9s,<\/li>\n<li>besoin de g\u00e9rer l&rsquo;apparence,<\/li>\n<li>r\u00f4les d&rsquo;utilisateur,<\/li>\n<li>Options g\u00e9n\u00e9rales,<\/li>\n<\/ul>\n<p>Et ils doivent les g\u00e9rer.<\/p>\n<p>En ce qui me concerne, une fois que vous vous \u00eates d\u00e9connect\u00e9 [bien s\u00fbr], vous pouvez r\u00e9organiser le menu. Mais comment pouvez-vous faire cela d&rsquo;une mani\u00e8re aussi \u00e9l\u00e9gante que possible ?<\/p>\n<h3>Par exemple<\/h3>\n<p>Disons, \u00e0 titre d&rsquo;exemple; vous avez quelques types de publication personnalis\u00e9s en plus du type de page standard d&rsquo;origine.<\/p>\n<ul>\n<li>Page d&rsquo;accueil<\/li>\n<li>\u00c0 propos de<\/li>\n<li>Profil<\/li>\n<\/ul>\n<p>Et puis il y a le reste des \u00e9l\u00e9ments de menu. Comment proc\u00e9dons-nous pour personnaliser le menu d&rsquo;administration de WordPress pour nos utilisateurs ?<\/p>\n<p>Voici <a href=\"https:\/\/gist.github.com\/tommcfarlin\/7c9b97afea71f65c189f97a708c5a34d#file-00-custom-admin-menu-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">un exemple<\/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 vous vous connectez aux <a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Filter_Reference\/custom_menu_order\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hooks custom_menu_order<\/a> et <a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Filter_Reference\/menu_order\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">menu_order<\/a> et manipulez le tableau $menuOrder, vous pouvez alors fournir quelque chose bas\u00e9 sur le code que vous voyez ci-dessus.<\/p>\n<h2>Pour vos utilisateurs<\/h2>\n<p>Certes, cela suppose \u00e9galement que vous ayez donn\u00e9 \u00e0 vos types de messages des noms d&rsquo;amis personnalis\u00e9s, des dashicons de qualit\u00e9, etc., mais cela va au-del\u00e0 de ce message et vous avez l&rsquo;id\u00e9e: il s&rsquo;agit de personnaliser le menu d&rsquo;administration de WordPress.<\/p>\n<p>Donc, bien s\u00fbr, votre kilom\u00e9trage peut varier, mais avec les exemples et les liens ci-dessus, vous devriez avoir tout ce dont vous avez besoin pour personnaliser l&rsquo;exp\u00e9rience de vos utilisateurs.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment proc\u00e9dons-nous pour personnaliser le menu d&rsquo;administration de WordPress pour nos utilisateurs ?<\/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":[915,893,841,862],"tags":[1167],"class_list":["post-230311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autre","category-code-2","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=230311"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230311\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/164213"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}