{"id":77704,"date":"2025-01-13T10:01:16","date_gmt":"2025-01-13T09:01:16","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=77704&#038;preview=true&#038;preview_id=77704"},"modified":"2025-01-16T13:44:12","modified_gmt":"2025-01-16T12:44:12","slug":"personalizar-paleta-de-comandos","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/","title":{"rendered":"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress"},"content":{"rendered":"<p>El <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\">lanzamiento de WordPress 6.3<\/a> introdujo la Paleta de Comandos, una funci\u00f3n que ofrece acceso r\u00e1pido a acciones utilizadas frecuentemente por quienes editan contenidos o temas dentro de la interfaz de administraci\u00f3n del CMS.<\/p>\n<p>La Paleta de Comandos, similar a un men\u00fa, permite a los usuarios filtrar las tareas disponibles mediante una sencilla interfaz de b\u00fasqueda y seleccionar opciones para navegar por la interfaz de usuario del editor, alternar preferencias, <a href=\"https:\/\/kinsta.com\/es\/blog\/propiedades-personalizadas-css-theme-json\/\">transformar estilos<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-gutenberg\/\">manipular bloques<\/a> e incluso empezar a crear nuevas entradas y p\u00e1ginas.<\/p>\n<p>Tambi\u00e9n est\u00e1 disponible una API habilitada para <a href=\"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/\">JavaScript<\/a> que permite a los desarrolladores a\u00f1adir funcionalidad a la Paleta de Comandos. Por ejemplo, el creador de un plugin de WordPress que genere formularios web podr\u00eda a\u00f1adir una entrada en la Paleta de comandos que dirija a los usuarios a una p\u00e1gina que muestre los resultados del env\u00edo de formularios.<\/p>\n<p>El desarrollador de un plugin que utiliza muchos <a href=\"https:\/\/kinsta.com\/es\/blog\/codigos-cortos-wordpress\/\">shortcodes<\/a> podr\u00eda enlazar una entrada de la Paleta de Comandos a una \u00abhoja de referencia\u00bb emergente para recordar a los usuarios c\u00f3mo utilizar esos c\u00f3digos.<\/p>\n<p>Las posibilidades son infinitas, y te ofrecemos una muestra de c\u00f3mo funciona la API para inspirarte a utilizar la Paleta de Comandos en tu pr\u00f3ximo proyecto para crear un 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>Conceptos b\u00e1sicos de la Paleta de Comandos de WordPress<\/h2>\n<p>Puedes iniciar la Paleta de Comandos utilizando el atajo de teclado <code>Cmd + k<\/code> (Mac) o <code>Ctrl + k<\/code> (Windows y Linux) o haciendo clic en el campo T\u00edtulo de la parte superior del Editor de entradas o del Editor de sitios:<\/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 pantalla que muestra la Paleta de Comandos de WordPress con el campo de b\u00fasqueda resaltado.\" width=\"840\" height=\"486\"><figcaption id=\"caption-attachment-188949\" class=\"wp-caption-text\">La Paleta de Comandos se activa dentro del Editor de Entradas.<\/figcaption><\/figure>\n<p>La parte superior de la Paleta incluye un campo de b\u00fasqueda que filtra las entradas a medida que escribes. Puedes seleccionar entradas utilizando el rat\u00f3n o s\u00f3lo el teclado.<\/p>\n<p>Entre los comandos disponibles en la Paleta se incluyen los siguientes:<\/p>\n<ul>\n<li>Editar Plantilla (al editar una p\u00e1gina)<\/li>\n<li>Volver a la p\u00e1gina (despu\u00e9s de editar su plantilla)<\/li>\n<li>Restablecer plantilla<\/li>\n<li>Restablecer parte de la plantilla<\/li>\n<li>Restablecer estilos por defecto<\/li>\n<li>Borrar plantilla<\/li>\n<li>Borrar parte de la plantilla<\/li>\n<li>Activar la barra lateral de configuraci\u00f3n<\/li>\n<li>Activar el inspector de bloques<\/li>\n<li>Activar el modo foco<\/li>\n<li>Activar el modo sin distracciones<\/li>\n<li>Activar la barra de herramientas superior<\/li>\n<li>Abrir el editor de c\u00f3digo<\/li>\n<li>Salir del editor de c\u00f3digo<\/li>\n<li>Conmutar la vista de lista<\/li>\n<li>Activar el modo de pantalla completa<\/li>\n<li>Preferencias del editor<\/li>\n<li>Atajos de teclado<\/li>\n<li>Mostrar\/ocultar las migas de pan del bloque<\/li>\n<li>Personalizar CSS<\/li>\n<li>Revisiones de estilos<\/li>\n<li>Abrir estilos<\/li>\n<li>Restablecer estilos<\/li>\n<li>Ver sitio<\/li>\n<li>Ver plantillas<\/li>\n<li>Ver partes de plantillas<\/li>\n<li>Abrir men\u00fas de navegaci\u00f3n<\/li>\n<li>Renombrar patr\u00f3n<\/li>\n<li>Duplicar patr\u00f3n<\/li>\n<li>Gestionar todos los patrones personalizados<\/li>\n<\/ul>\n<p>Y, por supuesto, los desarrolladores pueden a\u00f1adir los suyos propios para mejorar sus aplicaciones de WordPress. \u00a1Entremos de lleno en el proceso!<\/p>\n<h2>Qu\u00e9 necesitar\u00e1s para empezar<\/h2>\n<p>La API de la Paleta de Comandos est\u00e1 soportada por <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/\" target=\"_blank\" rel=\"noopener noreferrer\">paquetes JavaScript<\/a> que a\u00f1adir\u00e1s a tus proyectos utilizando <code>npm<\/code>, el <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-npm\/\">Gestor de Paquetes de Node<\/a>. Necesitar\u00e1s una instalaci\u00f3n de WordPress (local o remota) a la que puedas acceder a trav\u00e9s del terminal para ejecutar comandos en la l\u00ednea de comandos.<\/p>\n<p>Para ponernos en marcha, hemos creado un plugin de WordPress que albergar\u00e1 el c\u00f3digo que modifica la Paleta de Comandos. El plugin hace poco m\u00e1s que crear un tipo de entrada personalizado que llamamos Productos. (Todo lo que necesitas saber para llegar tan lejos con un plugin rudimentario est\u00e1 disponible en nuestra gu\u00eda para <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-tipos-de-postes-personalizados\/\">crear tipos de entrada personalizados<\/a>).<\/p>\n<p>Cuando nuestro plugin P\u00e1ginas de Producto est\u00e1 activado, obtenemos una entrada en el men\u00fa del Panel de control para crear y navegar por las entradas de Producto:<\/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=\"Una captura de pantalla de la p\u00e1gina Plugins de WordPress y una flecha apuntando a la entrada de un tipo de contenido Productos personalizados en el men\u00fa Admin.\" width=\"2254\" height=\"1036\"><figcaption id=\"caption-attachment-188945\" class=\"wp-caption-text\">Nuestro plugin P\u00e1ginas de Producto proporciona un nuevo tipo de contenido de entrada llamado Productos.<\/figcaption><\/figure>\n<p>Nuestro plugin <em>no<\/em> dispone de ninguna ayuda exclusiva de la Paleta de Comandos de WordPress. Por ejemplo, la funcionalidad por defecto de la Paleta de Comandos proporciona atajos para a\u00f1adir nuevas entradas y p\u00e1ginas de 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 pantalla de la Paleta de Comandos de WordPress mostrando las entradas para crear entradas y p\u00e1ginas.\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188944\" class=\"wp-caption-text\">Los atajos para a\u00f1adir nuevas entradas o p\u00e1ginas se utilizan con frecuencia en la Paleta de Comandos.<\/figcaption><\/figure>\n<p>Sin embargo, la Paleta de Comandos ignora la creaci\u00f3n de nuestras p\u00e1ginas de Producto. A continuaci\u00f3n a\u00f1adimos esa funcionalidad.<\/p>\n<h2>A\u00f1adir un comando personalizado a la Paleta de Comandos<\/h2>\n<p>En este momento, nuestro plugin de P\u00e1ginas de productos consiste en un \u00fanico archivo PHP al que hemos llamado <code>products.php<\/code>\u00a0 y que hemos colocado en <code>wp-content\/plugins\/products<\/code>. Aparte de habilitar el tipo de entrada Productos, todav\u00eda no hace nada. Volveremos a este archivo cuando hayamos configurado la API basada en JavaScript para la Paleta de Comandos.<\/p>\n<h3>Instalaci\u00f3n de las dependencias de la API<\/h3>\n<p>Empezaremos creando un archivo gen\u00e9rico <code>package.json<\/code> en el directorio <code>products<\/code> desplaz\u00e1ndonos a ese directorio en el terminal y ejecutando el comando:<\/p>\n<pre><code class=\"language-bash\">npm init<\/code><\/pre>\n<p>No es fundamental c\u00f3mo respondas a las preguntas de <code>init<\/code>, pero deber\u00e1s proporcionar un nombre y una descripci\u00f3n para tu aplicaci\u00f3n. (Nosotros hemos utilizado <strong>products<\/strong> como nombre y <strong>Product Pages<\/strong>\u00a0como descripci\u00f3n).<\/p>\n<p>Ahora que tienes un esqueleto del archivo <code>package.json<\/code>, \u00e1brelo en tu editor de c\u00f3digo favorito y a\u00f1ade las siguientes l\u00edneas en alg\u00fan lugar del cuerpo, por ejemplo despu\u00e9s de la l\u00ednea <code>description<\/code>:<\/p>\n<pre><code class=\"language-json\">\"scripts\": {\n        \"build\": \"wp-scripts build --env mode=production\"\n},<\/code><\/pre>\n<p>Todav\u00eda en el terminal, podemos a\u00f1adir la dependencia para el paquete WordPress Scripts &#8211; <code>@wordpress\/scripts<\/code> -:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/scrips --save<\/code><\/pre>\n<p>Eso a\u00f1adir\u00e1 las siguientes l\u00edneas al archivo <code>package.json<\/code> de nuestro 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>Al instalar paquetes como <code>@wordpress\/scripts<\/code>, es posible que aparezcan diferentes n\u00fameros de versi\u00f3n (aqu\u00ed 30.5.1) en las dependencias. A efectos de este tutorial, cualquier versi\u00f3n reciente ser\u00e1 suficiente.<\/p>\n<\/aside>\n\n<p>Ahora, podemos ejecutar <code>npm run build<\/code>, pero el proceso espera un archivo <code>index.js<\/code> (aunque est\u00e9 vac\u00edo) en el directorio <code>src<\/code> de nuestro plugin. Los crearemos y ejecutaremos la construcci\u00f3n utilizando los siguientes comandos en el terminal:<\/p>\n<pre><code class=\"language-bash\">mkdir src\ntouch src\/index.js\nnpm run build<\/code><\/pre>\n<p>Esto crear\u00e1 un directorio <code>build<\/code> para nuestro JavaScript de producci\u00f3n (<code>index.js<\/code>). Al igual que el de <code>src<\/code>, ese archivo estar\u00e1 vac\u00edo en este momento. Adem\u00e1s, en el directorio <code>build<\/code>, deber\u00edas encontrar el archivo <code>index.asset.php<\/code>.<\/p>\n<p>Si parece que todo se ha construido correctamente, vamos a a\u00f1adir las dependencias restantes ejecutando estos comandos en el terminal dentro del directorio root del plugin:<\/p>\n<pre><code class=\"language-bash\">npm install @wordpress\/commands @wordpress\/plugins @wordpress\/icons --save<\/code><\/pre>\n<p>Ahora, echa un vistazo al archivo <code>package.json<\/code>, y el bloque de dependencias deber\u00eda tener este aspecto:<\/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>El nuevo paquete de Comandos de WordPress interact\u00faa con la Paleta de Comandos, el paquete de Plugins se ocupa de los plugins de WordPress y el paquete de Iconos permite seleccionar y mostrar miembros de una biblioteca de im\u00e1genes predefinida.<\/p>\n<h3>A\u00f1adir un hook de la Paleta de Comandos y poner en cola nuestro script<\/h3>\n<p>Ahora que ya tenemos nuestros recursos, tenemos que a\u00f1adir c\u00f3digo a nuestro archivo vac\u00edo <code>src\/index.js<\/code> que har\u00e1 hook en la Paleta de Comandos. Abre el archivo en tu editor y a\u00f1ade este c\u00f3digo:<\/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>Algunas notas sobre el c\u00f3digo anterior:<\/p>\n<ul>\n<li>Se importa un \u00fanico icono (el s\u00edmbolo m\u00e1s) del paquete Iconos.<\/li>\n<li><code>useComand()<\/code> es el hook que registra el comando.<\/li>\n<li>La etiqueta <strong>A\u00f1adir nuevo producto<\/strong> es el texto que se convertir\u00e1 en una entrada de la Paleta de Comandos.<\/li>\n<li>El <code>callback<\/code> (lo que ocurre cuando un usuario hace clic en <strong>A\u00f1adir nuevo producto<\/strong>) simplemente abre el archivo PHP de nueva entrada de WordPress con una cadena de consulta que especifica una entrada de Producto. (Hasta ahora, lo \u00fanico que pod\u00eda hacer nuestro plugin).<\/li>\n<\/ul>\n<p>Una vez guardado esto, ha llegado el momento de la construcci\u00f3n final:<\/p>\n<pre><code class=\"language-bash\">npm run build<\/code><\/pre>\n<p>Tras la construcci\u00f3n, <code>build\/index.js<\/code> incluir\u00e1 nuestro JavaScript de producci\u00f3n. El paso final es poner en cola el script en WordPress. Para ello, a\u00f1adiremos el siguiente c\u00f3digo al final de nuestro archivo <code>products.php<\/code> (el archivo PHP b\u00e1sico que establece el plugin y define el tipo de entrada Producto):<\/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>Una vez hecho esto, volveremos al editor de WordPress y activaremos la Paleta de Comandos. Deber\u00edamos ver <strong>A\u00f1adir nuevo producto<\/strong> en la lista tras escribir el texto de b\u00fasqueda adecuado:<\/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=\"Una captura de pantalla de la Paleta de Comandos de WordPress que muestra que se ha a\u00f1adido \"A\u00f1adir nuevo producto\".\" width=\"2022\" height=\"1040\"><figcaption id=\"caption-attachment-188943\" class=\"wp-caption-text\">Se ha a\u00f1adido <b><strong>A\u00f1adir nuevo producto<\/strong><\/b> a la Paleta de Comandos.<\/figcaption><\/figure>\n<p>Si seleccionamos <strong>A\u00f1adir nuevo producto<\/strong> en la Paleta, WordPress abrir\u00e1 el Editor de entradas en la ruta de acceso reservada para nuestro nuevo tipo de contenido Producto.<\/p>\n<h2>Resumen<\/h2>\n<p>La API de la Paleta de Comandos abre una forma flexible de integrar tu aplicaci\u00f3n con una de las funcionalidades m\u00e1s interesantes del WordPress moderno. Nos interesar\u00eda saber si has aprovechado la API y qu\u00e9 has conseguido.<\/p>\n<p>Los desarrolladores como t\u00fa pueden contar con Kinsta para que les proporcione <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">soluciones potentes de Alojamiento Administrado para WordPress<\/a> que soporten proyectos de alto rendimiento y escalables.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/es\/suscripcion\/wp\/\">Prueba Kinsta hoy mismo<\/a> para ver c\u00f3mo podemos ayudarte a construir sitios WordPress de primer nivel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El lanzamiento de WordPress 6.3 introdujo la Paleta de Comandos, una funci\u00f3n que ofrece acceso r\u00e1pido a acciones utilizadas frecuentemente por quienes editan contenidos o temas &#8230;<\/p>\n","protected":false},"author":259,"featured_media":77705,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345,1352],"class_list":["post-77704","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-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>Personaliza la Paleta de Comandos de WordPress con tu plugin<\/title>\n<meta name=\"description\" content=\"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios 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\/es\/blog\/personalizar-paleta-de-comandos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress\" \/>\n<meta property=\"og:description\" content=\"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-13T09:01:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T12:44:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/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 Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\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\/es\/blog\/personalizar-paleta-de-comandos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress\",\"datePublished\":\"2025-01-13T09:01:16+00:00\",\"dateModified\":\"2025-01-16T12:44:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\"},\"wordCount\":1513,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\",\"name\":\"Personaliza la Paleta de Comandos de WordPress con tu plugin\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png\",\"datePublished\":\"2025-01-13T09:01:16+00:00\",\"dateModified\":\"2025-01-16T12:44:12+00:00\",\"description\":\"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Personaliza la Paleta de Comandos de WordPress con tu plugin","description":"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios 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\/es\/blog\/personalizar-paleta-de-comandos\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress","og_description":"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.","og_url":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2025-01-13T09:01:16+00:00","article_modified_time":"2025-01-16T12:44:12+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette-1024x512.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Steve Bonisteel","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress","datePublished":"2025-01-13T09:01:16+00:00","dateModified":"2025-01-16T12:44:12+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/"},"wordCount":1513,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/","url":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/","name":"Personaliza la Paleta de Comandos de WordPress con tu plugin","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png","datePublished":"2025-01-13T09:01:16+00:00","dateModified":"2025-01-16T12:44:12+00:00","description":"La Paleta de Comandos de WordPress pone al alcance de los usuarios acciones de uso frecuente. As\u00ed es como puedes a\u00f1adir tus propios comandos.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/01\/customizing-wordpress-command-palette.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/personalizar-paleta-de-comandos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo tu plugin puede personalizar la Paleta de Comandos de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=77704"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77704\/revisions"}],"predecessor-version":[{"id":77731,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77704\/revisions\/77731"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77704\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/77705"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=77704"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=77704"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=77704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}