{"id":70809,"date":"2025-01-13T06:08:12","date_gmt":"2025-01-13T09:08:12","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=70809&#038;preview=true&#038;preview_id=70809"},"modified":"2025-01-16T09:58:15","modified_gmt":"2025-01-16T12:58:15","slug":"personalizar-paleta-de-comandos","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/","title":{"rendered":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress"},"content":{"rendered":"<p>O <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-3\/\">lan\u00e7amento do WordPress 6.3<\/a> introduziu a paleta de comandos, um recurso que oferece acesso r\u00e1pido a a\u00e7\u00f5es frequentemente usadas por aqueles que editam conte\u00fado ou temas na interface administrativa do CMS.<\/p>\n<p>A Paleta de Comandos, semelhante a um menu, permite que os usu\u00e1rios filtrem as tarefas dispon\u00edveis usando uma interface de pesquisa simples e selecionem op\u00e7\u00f5es para navegar pela interface do editor, alternar prefer\u00eancias, <a href=\"https:\/\/kinsta.com\/pt\/blog\/propriedades-personalizadas-css-theme-json\/\">transformar estilos<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">manipular blocos<\/a> e at\u00e9 mesmo come\u00e7ar a criar novos artigos e p\u00e1ginas.<\/p>\n<p>Tamb\u00e9m est\u00e1 dispon\u00edvel uma API <a href=\"https:\/\/kinsta.com\/pt\/topicos\/tutoriais-javascript\/\">habilitada para JavaScript<\/a> que permite aos desenvolvedores adicionar funcionalidades \u00e0 Paleta de Comandos. Por exemplo, o criador de um plugin de WordPress que gera formul\u00e1rios web pode adicionar uma entrada na Paleta de Comandos que leva os usu\u00e1rios a uma p\u00e1gina que mostra os resultados dos envios de formul\u00e1rios.<\/p>\n<p>O desenvolvedor de um plugin que usa muitos <a href=\"https:\/\/kinsta.com\/pt\/blog\/codigo-curto-wordpress\/\">c\u00f3digos de acesso<\/a> pode adicionar uma entrada na Paleta de Comandos que exibe um &#8220;guia r\u00e1pido&#8221; em formato pop-up, ajudando os usu\u00e1rios a lembrar como usar esses c\u00f3digos.<\/p>\n<p>As possibilidades s\u00e3o infinitas, e estamos dando a voc\u00ea uma amostra de como a API funciona para inspir\u00e1-lo a usar a Paleta de Comandos em seu pr\u00f3ximo projeto de plugin para 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>No\u00e7\u00f5es b\u00e1sicas da paleta de comandos do WordPress<\/h2>\n<p>Voc\u00ea pode abrir a Paleta de Comandos utilizando o atalho de teclado <code>Cmd + k<\/code> (Mac) ou <code>Ctrl + k<\/code> (Windows e Linux) ou clicando no campo de t\u00edtulo localizado no topo do Editor de Artigos ou do Editor 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=\"Captura de tela mostrando a Paleta de Comandos do WordPress com o campo de pesquisa em destaque.\" width=\"840\" height=\"486\"><figcaption id=\"caption-attachment-188949\" class=\"wp-caption-text\">A Paleta de Comandos \u00e9 ativada dentro do Editor de Artigos.<\/figcaption><\/figure>\n<p>No topo da Paleta, h\u00e1 um campo de pesquisa que filtra as entradas enquanto voc\u00ea digita. Voc\u00ea pode selecionar as op\u00e7\u00f5es utilizando o mouse ou apenas o teclado.<\/p>\n<p>Uma lista parcial dos comandos dispon\u00edveis na paleta inclui:<\/p>\n<ul>\n<li>Editar template (ao editar uma p\u00e1gina)<\/li>\n<li>Voltar \u00e0 p\u00e1gina (depois de editar seu template)<\/li>\n<li>Redefinir template<\/li>\n<li>Redefinir parte do template<\/li>\n<li>Redefinir estilos para o padr\u00e3o<\/li>\n<li>Excluir template<\/li>\n<li>Excluir parte do template<\/li>\n<li>Alterar a barra lateral de configura\u00e7\u00f5es<\/li>\n<li>Alterar o inspetor de blocos<\/li>\n<li>Ativar\/desativar o modo de destaque<\/li>\n<li>Ativar\/desativar o modo sem distra\u00e7\u00f5es<\/li>\n<li>Alterar a barra de ferramentas superior<\/li>\n<li>Abrir o editor de c\u00f3digo<\/li>\n<li>Sair do editor de c\u00f3digo<\/li>\n<li>Alterar a exibi\u00e7\u00e3o de lista<\/li>\n<li>Alterar o modo de tela cheia<\/li>\n<li>Prefer\u00eancias do editor<\/li>\n<li>Atalhos de teclado<\/li>\n<li>Mostrar\/ocultar breadcrumbs de blocos<\/li>\n<li>Personalizar CSS<\/li>\n<li>Revis\u00f5es de estilo<\/li>\n<li>Abrir estilos<\/li>\n<li>Redefinir estilos<\/li>\n<li>Visualizar site<\/li>\n<li>Visualizar templates<\/li>\n<li>Visualizar partes do template<\/li>\n<li>Abrir menus de navega\u00e7\u00e3o<\/li>\n<li>Renomear padr\u00e3o<\/li>\n<li>Duplicar padr\u00e3o<\/li>\n<li>Gerenciar todos os padr\u00f5es personalizados<\/li>\n<\/ul>\n<p>E, \u00e9 claro, os desenvolvedores podem adicionar seus pr\u00f3prios padr\u00f5es para aprimorar seus aplicativos de WordPress. Vamos come\u00e7ar o processo!<\/p>\n<h2>O que voc\u00ea vai precisar para come\u00e7ar<\/h2>\n<p>A API da Paleta de Comandos \u00e9 suportada por <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/\" target=\"_blank\" rel=\"noopener noreferrer\">pacotes JavaScript<\/a> que voc\u00ea adicionar\u00e1 aos seus projetos usando <code>npm<\/code>, o <a href=\"https:\/\/kinsta.com\/pt\/blog\/npm-gerenciador-pacotes-node\/\">gerenciador de pacotes do Node<\/a>. Voc\u00ea precisar\u00e1 de uma instala\u00e7\u00e3o do WordPress (local ou remota) que possa ser acessada pelo terminal para executar comandos na linha de comando.<\/p>\n<p>Para que voc\u00ea possa come\u00e7ar a trabalhar, criamos um plugin de WordPress que ser\u00e1 o espa\u00e7o para o c\u00f3digo que modificar\u00e1 a Paleta de Comandos. Esse plugin, por enquanto, faz apenas o b\u00e1sico: Cria um tipo de artigo personalizado chamado Products. (Tudo o que voc\u00ea precisa saber para chegar a esse ponto com um plugin b\u00e1sico est\u00e1 dispon\u00edvel em <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-publicacoes-personalizadas-wordpress\/\">nosso guia para criar tipos de artigos personalizados<\/a>.)<\/p>\n<p>Quando o plugin Product Pages \u00e9 ativado, um item de menu \u00e9 adicionado ao painel de controle, permitindo criar e navegar pelos artigos de Produtos:<\/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=\"Captura de tela da p\u00e1gina de plugins do WordPress com uma seta apontando para o item de menu de conte\u00fado personalizado Produtos no menu de administra\u00e7\u00e3o.\" width=\"2254\" height=\"1036\"><figcaption id=\"caption-attachment-188945\" class=\"wp-caption-text\">O plugin Product Pages adiciona um novo tipo de conte\u00fado chamado Produtos.<\/figcaption><\/figure>\n<p>Nosso plugin <em>n\u00e3o<\/em> tem nenhuma assist\u00eancia exclusiva da paleta de comandos do WordPress. Por exemplo, a funcionalidade padr\u00e3o da paleta de comandos fornece atalhos para voc\u00ea adicionar novos artigos e p\u00e1ginas do 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=\"Captura de tela da Paleta de Comandos do WordPress mostrando entradas para criar posts e p\u00e1ginas.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188944\" class=\"wp-caption-text\">Os atalhos para adicionar novos posts ou p\u00e1ginas s\u00e3o frequentemente usados na Paleta de Comandos.<\/figcaption><\/figure>\n<p>No entanto, a Paleta de Comandos n\u00e3o sabe nada sobre a cria\u00e7\u00e3o de nossas p\u00e1ginas de produtos. Estamos adicionando essa funcionalidade abaixo.<\/p>\n<h2>Adicionando um comando personalizado \u00e0 Paleta de Comandos<\/h2>\n<p>No momento, todo o nosso plugin Product Pages consiste em um \u00fanico arquivo PHP que chamamos de <code>products.php<\/code> e colocamos em <code>wp-content\/plugins\/products<\/code>. No momento, ele apenas habilita o tipo de artigo Produtos, sem realizar nenhuma a\u00e7\u00e3o adicional. Voltaremos a esse arquivo ap\u00f3s configurar a API da Paleta de Comandos com JavaScript.<\/p>\n<h3>Instalando as depend\u00eancias da API<\/h3>\n<p>Come\u00e7amos criando um arquivo gen\u00e9rico <code>package.json<\/code> no diret\u00f3rio <code>products<\/code>, indo para esse diret\u00f3rio no terminal e executando o comando:<\/p>\n<pre><code class=\"language-bash\">npm init<\/code><\/pre>\n<p>N\u00e3o \u00e9 crucial como voc\u00ea responde \u00e0s perguntas do <code>init<\/code>, mas ser\u00e1 necess\u00e1rio fornecer um nome e uma descri\u00e7\u00e3o para sua aplica\u00e7\u00e3o. (Usamos <strong>products<\/strong> como nome e <strong>Product Pages<\/strong> como descri\u00e7\u00e3o.)<\/p>\n<p>Agora que voc\u00ea tem um arquivo <code style=\"font-weight: var(--kmt-sys-typography-body-font-weight)\">package.json<\/code> b\u00e1sico, abra-o em seu editor de c\u00f3digo favorito e adicione as seguintes linhas em algum lugar no corpo, talvez ap\u00f3s a linha <code style=\"font-weight: var(--kmt-sys-typography-body-font-weight)\">description<\/code>:<\/p>\n<pre><code class=\"language-json\">\"scripts\": {\n        \"build\": \"wp-scripts build --env mode=production\"\n},<\/code><\/pre>\n<p>Ainda no terminal, podemos adicionar a depend\u00eancia do pacote WordPress Scripts &#8211; <code>@wordpress\/scripts<\/code> -:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/scrips --save<\/code><\/pre>\n<p>Isso adicionar\u00e1 as seguintes linhas ao arquivo <code>package.json<\/code> do nosso 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>Ao instalar pacotes como <code>@wordpress\/scripts<\/code>, voc\u00ea pode ver n\u00fameros de vers\u00e3o diferentes (30.5.1 aqui) aparecerem nas depend\u00eancias. Para os fins deste tutorial, qualquer vers\u00e3o recente ser\u00e1 suficiente.<\/p>\n<\/aside>\n\n<p>Agora, podemos executar <code>npm run build<\/code>, mas o processo espera um arquivo <code>index.js<\/code> (mesmo que vazio) no diret\u00f3rio <code>src<\/code> do nosso plugin. Crie esses arquivos e execute a build com os seguintes comandos no terminal:<\/p>\n<pre><code class=\"language-bash\">mkdir src\ntouch src\/index.js\nnpm run build<\/code><\/pre>\n<p>Isso criar\u00e1 um diret\u00f3rio <code>build<\/code> para o nosso JavaScript de produ\u00e7\u00e3o (<code>index.js<\/code>). Assim como em <code>src<\/code>, esse arquivo estar\u00e1 em branco no momento. Al\u00e9m disso, no diret\u00f3rio <code>build<\/code>, voc\u00ea dever\u00e1 encontrar o arquivo <code>index.asset.php<\/code>.<\/p>\n<p>Se tudo foi constru\u00eddo corretamente, prossiga adicionando as depend\u00eancias restantes executando estes comandos no terminal, dentro do diret\u00f3rio raiz do plugin:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/commands @wordpress\/plugins @wordpress\/icons --save<\/code><\/pre>\n<p>D\u00ea uma olhada no arquivo <code>package.json<\/code> agora, e o bloco de depend\u00eancias deve ser parecido com este:<\/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>O novo pacote de comandos do WordPress integra-se diretamente \u00e0 Paleta de Comandos, enquanto o pacote Plugins foi desenvolvido para gerenciar plugins do WordPress. J\u00e1 o pacote Icons oferece acesso a uma biblioteca pronta de imagens para facilitar o uso em projetos.<\/p>\n<h3>Adicionando um hook na Paleta de Comandos e enfileirando nosso script<\/h3>\n<p>Agora que temos nossos recursos no lugar, precisamos adicionar um c\u00f3digo ao nosso arquivo vazio <code>src\/index.js<\/code> para conectar nosso plugin \u00e0 Paleta de Comandos. Abra o arquivo no editor de c\u00f3digo e insira o seguinte:<\/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>Algumas observa\u00e7\u00f5es sobre o c\u00f3digo acima:<\/p>\n<ul>\n<li>Um \u00fanico \u00edcone (o sinal de mais) \u00e9 importado do pacote Icons.<\/li>\n<li><code>useComand()<\/code> \u00e9 o hook usado para registrar o comando.<\/li>\n<li>A etiqueta <strong>Add new product<\/strong> \u00e9 o texto que se tornar\u00e1 uma entrada na paleta de comandos.<\/li>\n<li>O <code>callback<\/code> executa a a\u00e7\u00e3o definida quando o usu\u00e1rio seleciona <strong>Add new product<\/strong>, abrindo o arquivo PHP do WordPress para criar novos artigos com uma string de consulta que especifica o tipo de artigo <strong>Product<\/strong>.<\/li>\n<\/ul>\n<p>Com tudo pronto e salvo, \u00e9 hora de iniciar a build final:<\/p>\n<pre><code class=\"language-bash\">npm run build<\/code><\/pre>\n<p>Ap\u00f3s a build, <code>build\/index.js<\/code> conter\u00e1 nosso JavaScript de produ\u00e7\u00e3o. A etapa final \u00e9 enfileirar o script no WordPress. Para isso, voc\u00ea deve adicionar o seguinte c\u00f3digo ao final do arquivo <code>products.php<\/code> (o arquivo PHP simples que estabeleceu o plugin e define o tipo de artigo 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>Com tudo pronto, retorne ao editor do WordPress e ative a Paleta de Comandos. Agora, voc\u00ea dever\u00e1 ver a op\u00e7\u00e3o <strong>Add new product<\/strong> na lista ao digitar o texto apropriado na barra de pesquisa:<\/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=\"Captura de tela da Paleta de Comandos do WordPress mostrando a entrada \"Add new product\" adicionada.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188943\" class=\"wp-caption-text\"><strong>Add new product<\/strong> foi adicionado \u00e0 paleta de comandos.<\/figcaption><\/figure>\n<p>Ao selecionar <strong>Add new product<\/strong>, o WordPress abrir\u00e1 o Editor de artigos no caminho reservado para o tipo de conte\u00fado Product definido pelo plugin.<\/p>\n<h2>Resumo<\/h2>\n<p>A API da Paleta de Comandos oferece uma maneira flex\u00edvel de integrar seu aplicativo a um dos recursos mais interessantes do WordPress moderno. Adorar\u00edamos saber se voc\u00ea j\u00e1 aproveitou essa API e quais resultados alcan\u00e7ou.<\/p>\n<p>Desenvolvedores como voc\u00ea podem contar com a Kinsta para fornecer solu\u00e7\u00f5es <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\">poderosas de hospedagem gerenciada de WordPress<\/a>, ideais para projetos de alto desempenho e escal\u00e1veis.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/inscreva-se\/wp\/\">Experimente a Kinsta hoje<\/a> e descubra como podemos ajud\u00e1-lo a criar sites WordPress de alto n\u00edvel!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O lan\u00e7amento do WordPress 6.3 introduziu a paleta de comandos, um recurso que oferece acesso r\u00e1pido a a\u00e7\u00f5es frequentemente usadas por aqueles que editam conte\u00fado ou &#8230;<\/p>\n","protected":false},"author":259,"featured_media":70810,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026,1033],"class_list":["post-70809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-wordpress","topic-plugins-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>Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress<\/title>\n<meta name=\"description\" content=\"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.\" \/>\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\/pt\/blog\/personalizar-paleta-de-comandos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress\" \/>\n<meta property=\"og:description\" content=\"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-13T09:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T12:58:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress\",\"datePublished\":\"2025-01-13T09:08:12+00:00\",\"dateModified\":\"2025-01-16T12:58:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\"},\"wordCount\":1445,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\",\"name\":\"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png\",\"datePublished\":\"2025-01-13T09:08:12+00:00\",\"dateModified\":\"2025-01-16T12:58:15+00:00\",\"description\":\"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress","description":"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.","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\/pt\/blog\/personalizar-paleta-de-comandos\/","og_locale":"pt_PT","og_type":"article","og_title":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress","og_description":"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.","og_url":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2025-01-13T09:08:12+00:00","article_modified_time":"2025-01-16T12:58:15+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette-1024x512.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Steve Bonisteel","Tempo estimado de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress","datePublished":"2025-01-13T09:08:12+00:00","dateModified":"2025-01-16T12:58:15+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/"},"wordCount":1445,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/","url":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/","name":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png","datePublished":"2025-01-13T09:08:12+00:00","dateModified":"2025-01-16T12:58:15+00:00","description":"A Paleta de Comandos do WordPress facilita o acesso a a\u00e7\u00f5es utilizadas com frequ\u00eancia. Descubra como adicionar seus pr\u00f3prios comandos.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/01\/customizing-wordpress-command-palette.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/personalizar-paleta-de-comandos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como seu Plugin Pode Personalizar a Paleta de Comandos do WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/70809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=70809"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/70809\/revisions"}],"predecessor-version":[{"id":70841,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/70809\/revisions\/70841"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70809\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/70810"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=70809"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=70809"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=70809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}