{"id":79034,"date":"2025-01-13T10:02:15","date_gmt":"2025-01-13T09:02:15","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=79034&#038;preview=true&#038;preview_id=79034"},"modified":"2025-01-16T13:44:31","modified_gmt":"2025-01-16T12:44:31","slug":"personnaliser-palette-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/","title":{"rendered":"Comment votre plugin peut personnaliser la palette de commandes de WordPress"},"content":{"rendered":"<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-3\/\">sortie de WordPress 6.3<\/a> a introduit la palette de commandes, une fonctionnalit\u00e9 qui offre un acc\u00e8s rapide aux actions fr\u00e9quemment utilis\u00e9es par ceux qui modifient le contenu ou les th\u00e8mes dans l&rsquo;interface d&rsquo;administration du CMS.<\/p>\n<p>La palette de commande, qui s&rsquo;apparente \u00e0 un menu, permet aux utilisateurs de filtrer les t\u00e2ches disponibles \u00e0 l&rsquo;aide d&rsquo;une interface de recherche simple et de s\u00e9lectionner des options pour naviguer dans l&rsquo;interface utilisateur de l&rsquo;\u00e9diteur, basculer les pr\u00e9f\u00e9rences, <a href=\"https:\/\/kinsta.com\/fr\/blog\/proprietes-css-personnalisees-theme-json\/\">transformer les styles<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-gutenberg\/\">manipuler les blocs<\/a> et m\u00eame commencer \u00e0 cr\u00e9er de nouveaux articles et de nouvelles pages.<\/p>\n<p>Une API <a href=\"https:\/\/kinsta.com\/fr\/sujets\/tutoriel-javascript\/\">JavaScript<\/a> est \u00e9galement disponible pour permettre aux d\u00e9veloppeurs d&rsquo;ajouter des fonctionnalit\u00e9s \u00e0 la palette de commandes. Par exemple, le cr\u00e9ateur d&rsquo;une extension WordPress qui g\u00e9n\u00e8re des formulaires web peut ajouter une entr\u00e9e \u00e0 la palette de commandes qui renvoie les utilisateurs \u00e0 une page qui affiche les r\u00e9sultats des envois de formulaires.<\/p>\n<p>Le d\u00e9veloppeur d&rsquo;une extension qui utilise de nombreux <a href=\"https:\/\/kinsta.com\/fr\/blog\/shortcodes-wordpress\/\">codes courts<\/a> peut lier une entr\u00e9e de la palette de commandes \u00e0 une \u00ab antis\u00e8che \u00bb contextuelle pour rappeler aux utilisateurs comment utiliser ces codes.<\/p>\n<p>Les possibilit\u00e9s sont infinies, et nous vous donnons un aper\u00e7u du fonctionnement de l&rsquo;API pour vous inciter \u00e0 utiliser la palette de commandes dans votre prochain projet d&rsquo;extension WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Les bases de la palette de commandes de WordPress<\/h2>\n<p>Vous pouvez lancer la palette de commandes en utilisant le raccourci clavier <code>Cmd + k<\/code> (Mac) ou <code>Ctrl + k<\/code> (Windows et Linux) ou en cliquant sur le champ Titre en haut de l&rsquo;\u00e9diteur d&rsquo;articles ou de l&rsquo;\u00e9diteur de sites :<\/p>\n<figure id=\"attachment_188949\" aria-describedby=\"caption-attachment-188949\" style=\"width: 840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188949 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/wordpress-command-palette-basics.png\" alt=\"La palette de commandes est activ\u00e9e dans l'\u00e9diteur d'articles.\" width=\"840\" height=\"486\"><figcaption id=\"caption-attachment-188949\" class=\"wp-caption-text\">La palette de commandes est activ\u00e9e dans l&rsquo;\u00e9diteur d&rsquo;articles.<\/figcaption><\/figure>\n<p>La partie sup\u00e9rieure de la palette comprend un champ de recherche qui filtre les entr\u00e9es au fur et \u00e0 mesure que vous tapez. Vous pouvez s\u00e9lectionner des entr\u00e9es \u00e0 l&rsquo;aide d&rsquo;une souris ou en utilisant uniquement le clavier.<\/p>\n<p>Une liste partielle des commandes disponibles dans la palette comprend :<\/p>\n<ul>\n<li>Modifier le mod\u00e8le (lors de la modification d&rsquo;une page)<\/li>\n<li>Retourner \u00e0 la page (apr\u00e8s avoir modifi\u00e9 son mod\u00e8le)<\/li>\n<li>R\u00e9initialiser le mod\u00e8le<\/li>\n<li>R\u00e9initialiser la partie du mod\u00e8le<\/li>\n<li>R\u00e9initialiser les styles par d\u00e9faut<\/li>\n<li>Supprimer le mod\u00e8le<\/li>\n<li>Supprimer la partie du mod\u00e8le<\/li>\n<li>Basculer la colonne lat\u00e9rale des r\u00e9glages<\/li>\n<li>Basculer l&rsquo;inspecteur de blocs<\/li>\n<li>Basculer le mode projecteur<\/li>\n<li>Basculer vers le mode sans distraction<\/li>\n<li>Basculer la barre d&rsquo;outils sup\u00e9rieure<\/li>\n<li>Ouvrir l&rsquo;\u00e9diteur de code<\/li>\n<li>Quitter l&rsquo;\u00e9diteur de code<\/li>\n<li>Basculer l&rsquo;affichage de la liste<\/li>\n<li>Basculer en mode plein \u00e9cran<\/li>\n<li>Pr\u00e9f\u00e9rences de l&rsquo;\u00e9diteur<\/li>\n<li>Raccourcis clavier<\/li>\n<li>Afficher\/masquer les fils d&rsquo;Ariane des blocs<\/li>\n<li>Personnaliser le CSS<\/li>\n<li>R\u00e9visions de style<\/li>\n<li>Ouvrir les styles<\/li>\n<li>R\u00e9initialiser les styles<\/li>\n<li>Voir le site<\/li>\n<li>Voir les mod\u00e8les<\/li>\n<li>Voir les parties du mod\u00e8le<\/li>\n<li>Ouvrir les menus de navigation<\/li>\n<li>Renommer le mod\u00e8le<\/li>\n<li>Dupliquer un mod\u00e8le<\/li>\n<li>G\u00e9rer tous les mod\u00e8les personnalis\u00e9s<\/li>\n<\/ul>\n<p>Et, bien s\u00fbr, les d\u00e9veloppeurs peuvent ajouter les leurs pour am\u00e9liorer leurs applications WordPress. Allons de l&rsquo;avant avec ce processus !<\/p>\n<h2>Ce dont vous aurez besoin pour commencer<\/h2>\n<p>L&rsquo;API palette de commandes est prise en charge par des <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/\" target=\"_blank\" rel=\"noopener noreferrer\">paquets JavaScript<\/a> que vous ajouterez \u00e0 vos projets \u00e0 l&rsquo;aide de <code>npm<\/code>, le <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-npm\/\">gestionnaire de paquets de Node<\/a>. Vous aurez besoin d&rsquo;une installation de WordPress (locale ou distante) \u00e0 laquelle vous pourrez acc\u00e9der via le terminal pour ex\u00e9cuter des commandes sur la ligne de commande.<\/p>\n<p>Pour commencer, nous avons cr\u00e9\u00e9 une extension WordPress qui h\u00e9bergera le code qui modifie la palette de commandes. L&rsquo;extension ne fait pas grand-chose d&rsquo;autre que de cr\u00e9er un type de publication personnalis\u00e9 que nous appelons Products. (Tout ce que vous devez savoir pour aller aussi loin avec une extension rudimentaire est disponible dans notre guide sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-publications-personnalises-wordpress\/\">cr\u00e9ation de types de publication personnalis\u00e9s<\/a>).<\/p>\n<p>Lorsque notre extension Product pages est activ\u00e9e, nous obtenons une entr\u00e9e de menu dans le tableau de bord pour cr\u00e9er et parcourir les publications de produits :<\/p>\n<figure id=\"attachment_188945\" aria-describedby=\"caption-attachment-188945\" style=\"width: 2254px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188945 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/customize-command-palette-plugin.png\" alt=\"Une capture d'\u00e9cran de la page WordPress Plugins et une fl\u00e8che pointant vers l'entr\u00e9e d'un type de contenu personnalis\u00e9 Products dans le menu Admin.\" width=\"2254\" height=\"1036\"><figcaption id=\"caption-attachment-188945\" class=\"wp-caption-text\">Notre extension Product Pages fournit un nouveau type de contenu d&rsquo;article appel\u00e9 Products.<\/figcaption><\/figure>\n<p>Notre extension <em>ne<\/em> b\u00e9n\u00e9ficie <em>pas<\/em> d&rsquo;une assistance unique de la part de la palette de commandes de WordPress. Par exemple, la fonctionnalit\u00e9 par d\u00e9faut de la palette de commandes fournit des raccourcis pour ajouter de nouveaux articles et pages WordPress :<\/p>\n<figure id=\"attachment_188944\" aria-describedby=\"caption-attachment-188944\" style=\"width: 2022px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188944 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/customize-command-palette-add-page-post.png\" alt=\"Les raccourcis pour ajouter de nouveaux articles ou de nouvelles pages sont fr\u00e9quemment utilis\u00e9s dans la palette de commandes.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188944\" class=\"wp-caption-text\">Les raccourcis pour ajouter de nouveaux articles ou de nouvelles pages sont fr\u00e9quemment utilis\u00e9s dans la palette de commandes.<\/figcaption><\/figure>\n<p>Cependant, la palette de commandes ne sait rien de la cr\u00e9ation de nos pages Produits. Nous ajoutons cette fonctionnalit\u00e9 ci-dessous.<\/p>\n<h2>Ajout d&rsquo;une commande personnalis\u00e9e \u00e0 la palette de commandes<\/h2>\n<p>\u00c0 l&rsquo;heure actuelle, l&rsquo;ensemble de notre extension Product pages de produits se compose d&rsquo;un seul fichier PHP que nous avons nomm\u00e9 <code>products.php<\/code> et plac\u00e9 dans <code>wp-content\/plugins\/products<\/code>. \u00c0 part l&rsquo;activation du type d&rsquo;article Products, il ne fait rien pour l&rsquo;instant. Nous reviendrons sur ce fichier une fois que nous aurons mis en place l&rsquo;API JavaScript pour la palette de commandes.<\/p>\n<h3>Installation des d\u00e9pendances de l&rsquo;API<\/h3>\n<p>Nous commen\u00e7ons par cr\u00e9er un fichier g\u00e9n\u00e9rique <code>package.json<\/code> dans le r\u00e9pertoire <code>products<\/code> en nous pla\u00e7ant dans ce r\u00e9pertoire dans le terminal et en ex\u00e9cutant la commande :<\/p>\n<pre><code class=\"language-bash\">npm init<\/code><\/pre>\n<p>La fa\u00e7on dont vous r\u00e9pondez aux invites de <code>init<\/code> n&rsquo;est pas essentielle, mais vous devrez fournir un nom et une description pour votre application. (Nous avons utilis\u00e9 <strong>products<\/strong> comme nom et <strong>Products Pages<\/strong> comme description).<\/p>\n<p>Maintenant que vous avez un squelette de fichier <code>package.json<\/code>, ouvrez-le dans votre \u00e9diteur de code pr\u00e9f\u00e9r\u00e9 et ajoutez les lignes suivantes quelque part dans le corps du texte, peut-\u00eatre apr\u00e8s la ligne <code>description<\/code>:<\/p>\n<pre><code class=\"language-json\">\"scripts\": {\n        \"build\": \"wp-scripts build --env mode=production\"\n},<\/code><\/pre>\n<p>Toujours dans le terminal, nous pouvons ajouter la d\u00e9pendance pour le paquetage WordPress Scripts &#8211; <code>@wordpress\/scripts<\/code>:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/scrips --save<\/code><\/pre>\n<p>Cela ajoutera les lignes suivantes au fichier <code>package.json<\/code> de notre extension :<\/p>\n<pre><code class=\"language-json\">\"dependencies\": {\n    \"@wordpress\/scripts\": \"^30.5.1\"\n}<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Lors de l&rsquo;installation de paquets comme <code>@wordpress\/scripts<\/code>, vous pouvez voir diff\u00e9rents num\u00e9ros de version (ici 30.5.1) appara\u00eetre dans les d\u00e9pendances. Pour les besoins de ce tutoriel, toute version r\u00e9cente fera l&rsquo;affaire.<\/p>\n<\/aside>\n\n<p>Maintenant, nous pouvons ex\u00e9cuter <code>npm run build<\/code>, mais le processus attend un fichier <code>index.js<\/code> (m\u00eame s&rsquo;il est vide) dans le r\u00e9pertoire <code>src<\/code> de notre plugin. Nous allons les cr\u00e9er et ex\u00e9cuter la construction en utilisant les commandes suivantes dans le terminal :<\/p>\n<pre><code class=\"language-bash\">mkdir src\ntouch src\/index.js\nnpm run build<\/code><\/pre>\n<p>Cela cr\u00e9era un r\u00e9pertoire <code>build<\/code> pour notre JavaScript de production (<code>index.js<\/code>). Comme celui de <code>src<\/code>, ce fichier sera vide pour l&rsquo;instant. De plus, dans le r\u00e9pertoire <code>build<\/code>, vous devriez trouver le fichier <code>index.asset.php<\/code>.<\/p>\n<p>Si les choses semblent \u00eatre construites correctement, allons-y et ajoutons les d\u00e9pendances restantes en ex\u00e9cutant ces commandes dans le terminal \u00e0 l&rsquo;int\u00e9rieur du r\u00e9pertoire racine de l&rsquo;extension :<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/commands @wordpress\/plugins @wordpress\/icons --save<\/code><\/pre>\n<p>Jetez un coup d&rsquo;\u0153il au fichier <code>package.json<\/code> maintenant, et le bloc des d\u00e9pendances devrait ressembler \u00e0 ceci :<\/p>\n<pre><code class=\"language-json\">\"dependencies\": {\n    \"@wordpress\/commands\": \"^1.12.0\",\n    \"@wordpress\/icons\": \"^10.12.0\",\n    \"@wordpress\/plugins\": \"^7.12.0\",\n    \"@wordpress\/scripts\": \"^30.5.1\"\n}<\/code><\/pre>\n<p>Le paquet WordPress Commands nouvellement ajout\u00e9 s&rsquo;interface avec la palette de commandes, le paquet Plugins s&rsquo;occupe des extensions WordPress, et le paquet Icons vous permet de s\u00e9lectionner et d&rsquo;afficher les membres d&rsquo;une biblioth\u00e8que d&rsquo;images pr\u00e9-construite.<\/p>\n<h3>Ajout d&rsquo;un crochet \u00e0 la palette de commandes et mise en file d&rsquo;attente de notre script<\/h3>\n<p>Maintenant que nos ressources sont en place, nous devons ajouter du code \u00e0 notre fichier <code>src\/index.js<\/code> vide pour qu&rsquo;il s&rsquo;accroche \u00e0 la palette de commandes. Ouvrez le fichier dans ton \u00e9diteur et ajoutez ce code :<\/p>\n<pre><code class=\"language-js\">import { useCommand } from '@wordpress\/commands';\nimport { registerPlugin } from '@wordpress\/plugins';\nimport { plus } from '@wordpress\/icons';\n\nconst AddProductCommand = () =&gt; {\n    useCommand( {\n        name: 'add-product',\n        label: 'Add new product',\n        icon: plus,\n        callback: ( { close } ) =&gt; {\n            document.location.href = 'post-new.php?post_type=kinsta_product';\n            close();\n         },\n         context: 'block-editor',\n     } );\n    return null;\n}\nregisterPlugin( 'products', { render: AddProductCommand } );\nexport default AddProductCommand;<\/code><\/pre>\n<p>Quelques remarques sur le code ci-dessus :<\/p>\n<ul>\n<li>Une seule ic\u00f4ne (le chiffre plus) est import\u00e9e du paquet Ic\u00f4nes.<\/li>\n<li><code>useComand()<\/code> est le crochet qui enregistre la commande.<\/li>\n<li>Le libell\u00e9 <strong>Add new product<\/strong> est le texte qui deviendra une entr\u00e9e dans la palette de commandes.<\/li>\n<li>Le site <code>callback<\/code> (ce qui se passe lorsqu&rsquo;un utilisateur clique sur <strong>Add new product<\/strong>) ouvre simplement le fichier PHP WordPress new post avec une cha\u00eene de requ\u00eate qui sp\u00e9cifie un article Product. (Jusqu&rsquo;\u00e0 pr\u00e9sent, c&rsquo;\u00e9tait la seule chose que notre extension pouvait faire).<\/li>\n<\/ul>\n<p>Une fois cela sauvegard\u00e9, il est temps de proc\u00e9der \u00e0 la construction finale :<\/p>\n<pre><code class=\"language-bash\">npm run build<\/code><\/pre>\n<p>Apr\u00e8s la construction, <code>build\/index.js<\/code> contiendra notre JavaScript de production. La derni\u00e8re \u00e9tape consiste \u00e0 mettre le script en file d&rsquo;attente dans WordPress. Pour ce faire, nous ajoutons le code suivant au bas de notre fichier <code>products.php<\/code> (le simple fichier PHP qui \u00e9tablit l&rsquo;extension et d\u00e9finit le type de publication Product) :<\/p>\n<pre><code class=\"language-bash\">\/\/ Enqueue assets.\nadd_action( 'enqueue_block_editor_assets', 'enqueue_block_editor_assets' );\n\n\/**\n * Enqueue assets.\n *\n * @return void\n *\/\n\nfunction enqueue_block_editor_assets() {\n    wp_enqueue_script(\n    'products',\n    plugins_url( 'build\/index.js', __FILE__ ),\n    array(),\n    '1.0',\n    true\n  );\n}<\/code><\/pre>\n<p>Une fois cela termin\u00e9, nous retournerons dans l&rsquo;\u00e9diteur de WordPress et nous activerons la palette de commandes. Nous devrions voir <strong>Add new product<\/strong> dans la liste apr\u00e8s avoir saisi le texte de recherche appropri\u00e9 :<\/p>\n<figure id=\"attachment_188943\" aria-describedby=\"caption-attachment-188943\" style=\"width: 2022px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188943 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/customize-command-palette-add-product.png\" alt=\"Ajouter un nouveau produit a \u00e9t\u00e9 ajout\u00e9 \u00e0 la Palette de commandes.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188943\" class=\"wp-caption-text\"><strong>Ajouter un nouveau produit<\/strong> a \u00e9t\u00e9 ajout\u00e9 \u00e0 la Palette de commandes.<\/figcaption><\/figure>\n<p>Si nous s\u00e9lectionnons <strong>Add new product<\/strong> dans la palette, WordPress ouvrira l&rsquo;\u00e9diteur d&rsquo;articles sur le chemin r\u00e9serv\u00e9 \u00e0 notre nouveau type de contenu Product.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>L&rsquo;API palette de commandes offre un moyen flexible d&rsquo;int\u00e9grer votre application \u00e0 l&rsquo;une des fonctionnalit\u00e9s les plus int\u00e9ressantes de WordPress moderne. Nous serions int\u00e9ress\u00e9s de savoir si vous avez tir\u00e9 parti de l&rsquo;API et ce que vous avez r\u00e9alis\u00e9.<\/p>\n<p>Les d\u00e9veloppeurs comme vous peuvent compter sur Kinsta pour fournir des solutions d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress infog\u00e9r\u00e9<\/a> et puissantes qui soutiennent des projets performants et \u00e9volutifs.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/inscription\/wp\/\">Essayez Kinsta d\u00e8s aujourd&rsquo;hui<\/a> pour voir comment nous pouvons vous aider \u00e0 cr\u00e9er des sites WordPress de premier plan !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La sortie de WordPress 6.3 a introduit la palette de commandes, une fonctionnalit\u00e9 qui offre un acc\u00e8s rapide aux actions fr\u00e9quemment utilis\u00e9es par ceux qui modifient &#8230;<\/p>\n","protected":false},"author":259,"featured_media":79035,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028,1035],"class_list":["post-79034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress","topic-extensions-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Personnalisez la palette de commandes WordPress avec cette extension<\/title>\n<meta name=\"description\" content=\"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment votre plugin peut personnaliser la palette de commandes de WordPress\" \/>\n<meta property=\"og:description\" content=\"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-13T09:02:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T12:44:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Comment votre plugin peut personnaliser la palette de commandes de WordPress\",\"datePublished\":\"2025-01-13T09:02:15+00:00\",\"dateModified\":\"2025-01-16T12:44:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\"},\"wordCount\":1631,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\",\"name\":\"Personnalisez la palette de commandes WordPress avec cette extension\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png\",\"datePublished\":\"2025-01-13T09:02:15+00:00\",\"dateModified\":\"2025-01-16T12:44:31+00:00\",\"description\":\"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment votre plugin peut personnaliser la palette de commandes de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Personnalisez la palette de commandes WordPress avec cette extension","description":"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment votre plugin peut personnaliser la palette de commandes de WordPress","og_description":"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.","og_url":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2025-01-13T09:02:15+00:00","article_modified_time":"2025-01-16T12:44:31+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette-1024x512.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Steve Bonisteel","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Comment votre plugin peut personnaliser la palette de commandes de WordPress","datePublished":"2025-01-13T09:02:15+00:00","dateModified":"2025-01-16T12:44:31+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/"},"wordCount":1631,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/","name":"Personnalisez la palette de commandes WordPress avec cette extension","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png","datePublished":"2025-01-13T09:02:15+00:00","dateModified":"2025-01-16T12:44:31+00:00","description":"La palette de commandes WordPress met les actions fr\u00e9quemment utilis\u00e9es \u00e0 la port\u00e9e des utilisateurs. Voici comment vous pouvez ajouter vos propres commandes.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/01\/customizing-wordpress-command-palette.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/personnaliser-palette-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment votre plugin peut personnaliser la palette de commandes de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=79034"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79034\/revisions"}],"predecessor-version":[{"id":79063,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79034\/revisions\/79063"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79034\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/79035"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=79034"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=79034"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=79034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}