{"id":61616,"date":"2025-01-13T10:05:13","date_gmt":"2025-01-13T09:05:13","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=61616&#038;preview=true&#038;preview_id=61616"},"modified":"2025-01-16T13:45:09","modified_gmt":"2025-01-16T12:45:09","slug":"aanpassen-command-palette","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/","title":{"rendered":"Zo kan je met je plugin het WordPress Command Palette aanpassen"},"content":{"rendered":"<p>Met de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-3\/\">release van WordPress 6.3<\/a> werd het Command Palette ge\u00efntroduceerd, een feature die snelle toegang biedt tot acties die vaak worden gebruikt door degenen die inhoud of thema&#8217;s bewerken binnen de beheerinterface van het CMS.<\/p>\n<p>Met het menu-achtige Command Palette kunnen gebruikers de beschikbare taken filteren met behulp van een eenvoudige zoekinterface en opties selecteren om door de gebruikersinterface van de editor te navigeren, voorkeuren in te stellen, <a href=\"https:\/\/kinsta.com\/nl\/blog\/css-custom-properties-theme-json\/\">stijlen te transformeren<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-blokken\/\">blokken te manipuleren<\/a> en zelfs te beginnen met het maken van nieuwe berichten en pagina&#8217;s.<\/p>\n<p>Er is ook een API beschikbaar die <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-tutorials\/\">JavaScript<\/a> ondersteunt, waarmee ontwikkelaars functionaliteit kunnen toevoegen aan het Command Palette. De maker van een WordPress plugin die webformulieren genereert kan bijvoorbeeld een Command Palette-item toevoegen waarmee gebruikers naar een pagina worden geleid die de resultaten van formulierinzendingen laat zien.<\/p>\n<p>De ontwikkelaar van een plugin die veel <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-shortcodes\/\">shortcodes<\/a> gebruikt kan een item in het Command Palette koppelen aan een pop-up &#8220;spiekbriefje&#8221; om gebruikers eraan te herinneren hoe ze die codes moeten gebruiken.<\/p>\n<p>De mogelijkheden zijn eindeloos en we geven je een voorproefje van hoe de API werkt om je te inspireren om het Command Palette te gebruiken in je volgende WordPress plugin project.<\/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>WordPress Command Palette basis<\/h2>\n<p>Je start het Command Palette door de sneltoets <code>Cmd + k<\/code> (Mac) of <code>Ctrl + k<\/code> (Windows en Linux) te gebruiken of door te klikken op het titelveld bovenaan de Post Editor of Site Editor:<\/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=\"Screenshot van het WordPress Command Palette met het zoekveld gemarkeerd.\" width=\"840\" height=\"486\"><figcaption id=\"caption-attachment-188949\" class=\"wp-caption-text\">Het Command Palette wordt geactiveerd binnen de Post Editor.<\/figcaption><\/figure>\n<p>De bovenkant van het palet bevat een zoekveld dat items filtert terwijl je typt. Je kunt items selecteren met de muis of alleen met het toetsenbord.<\/p>\n<p>Een gedeeltelijke lijst van commando&#8217;s die direct beschikbaar zijn in het palet bevat:<\/p>\n<ul>\n<li>Template bewerken (bij het bewerken van een pagina)<\/li>\n<li>Terug naar pagina (na het bewerken van de template)<\/li>\n<li>Template terugzetten<\/li>\n<li>Template part resetten<\/li>\n<li>Stijlen terugzetten naar standaard<\/li>\n<li>Template verwijderen<\/li>\n<li>Template part verwijderen<\/li>\n<li>Togglen zijbalk instellingen<\/li>\n<li>Togglen Block Inspector<\/li>\n<li>Togglen Spotlight modus<\/li>\n<li>Togglen Distraction Free modus<\/li>\n<li>Togglen bovenste werkbalk<\/li>\n<li>Code-editor openen<\/li>\n<li>Code-editor afsluiten<\/li>\n<li>Togglen List View<\/li>\n<li>Togglen Full Screen modus<\/li>\n<li>Editor voorkeuren<\/li>\n<li>Shortcut toetsenbord<\/li>\n<li>Breadcrumbs block tonen\/verbergen<\/li>\n<li>CSS aanpassen<\/li>\n<li>Stijl revisies<\/li>\n<li>Stijlen openen<\/li>\n<li>Stijlen resetten<\/li>\n<li>Site weergeven<\/li>\n<li>Templates bekijken<\/li>\n<li>Template parts bekijken<\/li>\n<li>Navigatiemenu&#8217;s openen<\/li>\n<li>Pattern hernoemen<\/li>\n<li>Pattern dupliceren<\/li>\n<li>Alle custom patterns beheren<\/li>\n<\/ul>\n<p>En natuurlijk kunnen ontwikkelaars hun eigen patterns toevoegen om hun WordPress applicaties te verbeteren. Laten we beginnen met het proces!<\/p>\n<h2>Wat je nodig hebt om te beginnen<\/h2>\n<p>De Comand Palette API wordt ondersteund door <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript pakketten<\/a> die je aan je projecten toevoegt met <code>npm<\/code>, de <a href=\"https:\/\/kinsta.com\/blog\/what-is-npm\/\">Node Package Manager<\/a>. Je hebt een installatie van WordPress nodig (lokaal of op afstand) die je kunt benaderen via de terminal om commando&#8217;s uit te voeren op de commandoregel.<\/p>\n<p>Om te beginnen hebben we een WordPress plugin gemaakt die de code bevat die het Command Palette aanpast. De plugin doet niet veel meer dan een custom post type maken dat we Products noemen. (Alles wat je moet weten om zo ver te komen met een rudimentaire plugin is beschikbaar in onze gids voor het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-custom-post-types\/\">maken van custom post types<\/a>).<\/p>\n<p>Wanneer onze Product Pages plugin is geactiveerd, krijgen we een Dashboard menu-item voor het maken en doorbladeren van Product posts:<\/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=\"Een screenshot van de WordPress Plugins pagina en een pijl die wijst naar het item voor een aangepast content type Producten in het Admin-menu.\" width=\"2254\" height=\"1036\"><figcaption id=\"caption-attachment-188945\" class=\"wp-caption-text\">Onze Product Pages plugin biedt een nieuw content type voor berichten met de naam Products.<\/figcaption><\/figure>\n<p>Onze plugin heeft <em>geen<\/em> unieke hulp van het WordPress Command Palette. De standaard functionaliteit van het Command Palette biedt bijvoorbeeld shortcuts om nieuwe WordPress berichten en pagina&#8217;s toe te voegen:<\/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=\"Screenshot van het WordPress Command Palette met de entries voor het maken van berichten en pagina's.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188944\" class=\"wp-caption-text\">De shortcut om nieuwe berichten of pagina&#8217;s toe te voegen worden veel gebruikt in het Command Palette.<\/figcaption><\/figure>\n<p>Het Command Palette weet echter niets over het maken van onze Product pagina&#8217;s. Die functionaliteit voegen we hieronder toe.<\/p>\n<h2>Een custom opdracht toevoegen aan het Command Palette<\/h2>\n<p>Op dit moment bestaat onze hele Product Pages plugin uit \u00e9\u00e9n PHP bestand dat we <code>products.php<\/code> hebben genoemd en op <code>wp-content\/plugins\/products<\/code> hebben geplaatst. Behalve dat het het posttype Products inschakelt, doet het nog niets. We komen op dit bestand terug nadat we de door JavaScript aangestuurde API voor het Command Palette hebben ingesteld.<\/p>\n<h3>De API dependencies installeren<\/h3>\n<p>We beginnen met het maken van een generiek <code>package.json<\/code> bestand in de <code>products<\/code> map door in de terminal naar die map te gaan en het commando uit te voeren:<\/p>\n<pre><code class=\"language-bash\">npm init<\/code><\/pre>\n<p>Het is niet kritisch hoe je reageert op de <code>init<\/code> prompts, maar je wilt wel een naam en beschrijving opgeven voor je applicatie. (Wij gebruikten <strong>products<\/strong> als naam en <strong>Product Pages<\/strong> als beschrijving).<\/p>\n<p>Nu je een skeletbestand <code>package.json<\/code> hebt, open je het in je favoriete code-editor en voeg je de volgende regels ergens in de body toe, misschien na de regel <code>description<\/code>:<\/p>\n<pre><code class=\"language-json\">\"scripts\": {\n        \"build\": \"wp-scripts build --env mode=production\"\n},<\/code><\/pre>\n<p>Nog steeds in de terminal kunnen we de dependency voor het WordPress Scripts &#8211; <code>@wordpress\/scripts<\/code> pakket toevoegen:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/scrips --save<\/code><\/pre>\n<p>Dat zal de volgende regels toevoegen aan het bestand <code>package.json<\/code> van onze plugin:<\/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>Wanneer je pakketten zoals <code>@wordpress\/scripts<\/code> installeert, zie je misschien verschillende versienummers (30.5.1 hier) verschijnen in de dependencies. Voor deze tutorial zijn alle recente versies voldoende.<\/p>\n<\/aside>\n\n<p>Nu kunnen we <code>npm run build<\/code> uitvoeren, maar het proces verwacht een <code>index.js<\/code> bestand (zelfs als het leeg is) in de <code>src<\/code> map van onze plugin. We maken die aan en voeren de build uit met de volgende commando&#8217;s in de terminal:<\/p>\n<pre><code class=\"language-bash\">mkdir src\ntouch src\/index.js\nnpm run build<\/code><\/pre>\n<p>Dat maakt een <code>build<\/code> map voor ons productie JavaScript (<code>index.js<\/code>). Net als die in <code>src<\/code>, zal dat bestand nu leeg zijn. In de map <code>build<\/code> zou je ook het bestand <code>index.asset.php<\/code> moeten vinden.<\/p>\n<p>Als alles correct gebouwd lijkt te zijn, gaan we verder met het toevoegen van de resterende dependencies door deze commando&#8217;s in de terminal in de hoofdmap van de plugin uit te voeren:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/commands @wordpress\/plugins @wordpress\/icons --save<\/code><\/pre>\n<p>Kijk nu in het bestand <code>package.json<\/code> en het dependencies blok zou er ongeveer zo uit moeten zien:<\/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>Het nieuw toegevoegde WordPress Commands pakket heeft een interface met het Command Palette, het Plugins pakket werkt met WordPress plugins, en met het Icons pakket kun je members van een vooraf samengestelde bibliotheek met afbeeldingen selecteren en weergeven.<\/p>\n<h3>Een Command Palette hook toevoegen en ons script enqueuen<\/h3>\n<p>Nu we onze bronnen op hun plaats hebben, moeten we code toevoegen aan ons lege <code>src\/index.js<\/code> bestand dat daadwerkelijk zal hooken aan het Command Palette. Open het bestand in je editor en voeg deze code toe:<\/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>Enkele opmerkingen over de bovenstaande code:<\/p>\n<ul>\n<li>Een enkel pictogram (het plus-pictogram) wordt ge\u00efmporteerd uit het pictogrammenpakket.<\/li>\n<li><code>useComand()<\/code> is de hook die de opdracht registreert.<\/li>\n<li>Het label <strong>Add new product <\/strong>is de tekst die wordt toegevoegd aan het Command Palette.<\/li>\n<li>De <code>callback<\/code> (wat er gebeurt als een gebruiker op <strong>Add new product <\/strong>klikt) opent eenvoudigweg het WordPress new post PHP bestand met een query string die een Product post specificeert. (Tot nu toe was dat het enige wat onze plugin kon doen).<\/li>\n<\/ul>\n<p>Nu dat is opgeslagen, is het tijd voor de laatste build:<\/p>\n<pre><code class=\"language-bash\">npm run build<\/code><\/pre>\n<p>Na het bouwen zal <code>build\/index.js<\/code> onze productie JavaScript bevatten. De laatste stap is het enqueuen van het script in WordPress. Dat doen we door de volgende code toe te voegen aan de onderkant van ons <code>products.php<\/code> bestand (het eenvoudige PHP bestand dat de plugin heeft ingesteld en het Product post type definieert):<\/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>Als dat klaar is, gaan we terug naar de WordPress editor en activeren we het Command Palette. We zouden <strong>Add new product <\/strong>in de lijst moeten zien na het typen van de juiste zoektekst:<\/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=\"Een screenshot van het WordPress opdrachtenpalet waarop te zien is dat Nieuw product toevoegen is toegevoegd.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188943\" class=\"wp-caption-text\"><strong>Add new product<\/strong> is toegevoegd aan het Command Palette.<\/figcaption><\/figure>\n<p>Als we <strong>Add new product <\/strong>selecteren in het Palet, opent WordPress de Post Editor op het pad dat is gereserveerd voor ons nieuwe content type Product.<\/p>\n<h2>Samenvatting<\/h2>\n<p>De Command Palette API biedt een flexibele manier om je applicatie te integreren met een van de interessantere features van het moderne WordPress. We zouden graag willen weten of je al gebruik hebt gemaakt van de API en wat je ermee hebt bereikt.<\/p>\n<p>Ontwikkelaars zoals jij kunnen rekenen op Kinsta voor het leveren van <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">krachtige, Managed WordPress Hosting<\/a> oplossingen die krachtige en schaalbare projecten ondersteunen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/registreren\/wp\/\">Probeer Kinsta vandaag nog<\/a> om te zien hoe we je kunnen helpen om WordPress sites van topklasse te bouwen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Met de release van WordPress 6.3 werd het Command Palette ge\u00efntroduceerd, een feature die snelle toegang biedt tot acties die vaak worden gebruikt door degenen die &#8230;<\/p>\n","protected":false},"author":259,"featured_media":61617,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[892,899],"class_list":["post-61616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-ontwikkeling","topic-wordpress-plugins"],"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>Zo kan je met je plugin het WordPress Command Palette aanpassen<\/title>\n<meta name=\"description\" content=\"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando&#039;s kunt toevoegen.\" \/>\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\/nl\/blog\/aanpassen-command-palette\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo kan je met je plugin het WordPress Command Palette aanpassen\" \/>\n<meta property=\"og:description\" content=\"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando&#039;s kunt toevoegen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-13T09:05:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T12:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/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=\"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando&#039;s kunt toevoegen.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Zo kan je met je plugin het WordPress Command Palette aanpassen\",\"datePublished\":\"2025-01-13T09:05:13+00:00\",\"dateModified\":\"2025-01-16T12:45:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\"},\"wordCount\":1349,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\",\"name\":\"Zo kan je met je plugin het WordPress Command Palette aanpassen\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png\",\"datePublished\":\"2025-01-13T09:05:13+00:00\",\"dateModified\":\"2025-01-16T12:45:09+00:00\",\"description\":\"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando's kunt toevoegen.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress ontwikkeling\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo kan je met je plugin het WordPress Command Palette aanpassen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"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\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/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\/nl\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo kan je met je plugin het WordPress Command Palette aanpassen","description":"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando's kunt toevoegen.","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\/nl\/blog\/aanpassen-command-palette\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo kan je met je plugin het WordPress Command Palette aanpassen","og_description":"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando's kunt toevoegen.","og_url":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2025-01-13T09:05:13+00:00","article_modified_time":"2025-01-16T12:45:09+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando's kunt toevoegen.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette-1024x512.png","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Steve Bonisteel","Geschatte leestijd":"8 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Zo kan je met je plugin het WordPress Command Palette aanpassen","datePublished":"2025-01-13T09:05:13+00:00","dateModified":"2025-01-16T12:45:09+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/"},"wordCount":1349,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/","url":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/","name":"Zo kan je met je plugin het WordPress Command Palette aanpassen","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png","datePublished":"2025-01-13T09:05:13+00:00","dateModified":"2025-01-16T12:45:09+00:00","description":"Het WordPress Command Palette brengt veelgebruikte acties binnen handbereik van gebruikers. Hier lees je hoe je je eigen commando's kunt toevoegen.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/01\/customizing-wordpress-command-palette.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/aanpassen-command-palette\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress ontwikkeling","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/"},{"@type":"ListItem","position":3,"name":"Zo kan je met je plugin het WordPress Command Palette aanpassen"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","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\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/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\/nl\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/61616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=61616"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/61616\/revisions"}],"predecessor-version":[{"id":61655,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/61616\/revisions\/61655"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/61616\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/61617"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=61616"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=61616"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=61616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}