{"id":32938,"date":"2020-04-17T09:00:43","date_gmt":"2020-04-17T16:00:43","guid":{"rendered":"https:\/\/kinqsta.com\/?p=4230"},"modified":"2023-08-23T17:29:23","modified_gmt":"2023-08-23T15:29:23","slug":"wp-enqueue-scripts","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/","title":{"rendered":"wp_enqueue_scripts &#8211; \u00bfC\u00f3mo poner en cola tus activos en WordPress?"},"content":{"rendered":"<p>En WordPress, en lugar de simplemente a\u00f1adirlos al encabezamiento, deber\u00edas utilizar un m\u00e9todo llamado enqueing, que es una forma estandarizada de manejar tus activos con la ventaja a\u00f1adida de gestionar las dependencias. Descubre c\u00f3mo hacerlo a continuaci\u00f3n utilizando <code>wp_enqueue_scripts<\/code>.<\/p>\n<ul>\n<li><a href=\"#how-enqueueing-works\"> \u00bfC\u00f3mo funciona la puesta en cola<\/a>?<\/li>\n<li><a href=\"#enqueueing-basics\"> Poniendo en cola lo b\u00e1sico con wp_enqueue_scripts <\/a><\/li>\n<li><a href=\"#dependency-management\"> Gesti\u00f3n de dependencia <\/a><\/li>\n<li><a href=\"#load-scripts-in-footer\"> Cargar los guiones en el pie de p\u00e1gina <\/a><\/li>\n<li><a href=\"#specifying-media-for-styles\"> Especificando los medios para los estilos <\/a><\/li>\n<\/ul>\n<h2 id=\"how-enqueueing-works\">\u00bfC\u00f3mo funciona la puesta en cola?<\/h2>\n<p>Hay dos pasos que se dan cuando se encola un gui\u00f3n o un estilo. Primero lo registras, le dices a WordPress que est\u00e1 ah\u00ed, y luego lo encolas, lo que eventualmente lo lleva al encabezado o justo antes de la etiqueta de cierre del cuerpo.<\/p>\n<p>La raz\u00f3n de tener dos pasos tiene que ver con la modularidad. A veces querr\u00e1s hacer saber a WordPress sobre un activo, pero puede que no quieras usarlo en todas las p\u00e1ginas. Por ejemplo: Si est\u00e1s construyendo un atajo de galer\u00eda personalizado que usa Javascript, s\u00f3lo necesitas cargar el JS cuando se usa el atajo, probablemente no en todas las p\u00e1ginas.<\/p>\n<p>La forma de hacer que esto suceda es registrar el gui\u00f3n primero, y s\u00f3lo realmente ponerlo en cola cuando se muestre el c\u00f3digo corto (lectura sugerida: <a href=\"https:\/\/kinqsta.com\/es\/blog\/codigos-cortos-wordpress\/\">La \u00daltima Gu\u00eda de Shortcodes de WordPress <\/a>).<\/p>\n<h2 id=\"enqueueing-basics\">Poniendo en cola lo b\u00e1sico con wp_enqueue_scripts<\/h2>\n<p>Para poner en cola los scripts y estilos en el front-end necesitar\u00e1s usar el gancho <code>wp_enqueue_scripts<\/code>. Dentro de la funci\u00f3n enganchada puedes usar las funciones <code>wp_register_script()<\/code>, <code>wp_enqueue_script()<\/code>, <code>wp_register_style()<\/code> y <code>wp_enqueue_style()<\/code>.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n}<\/code><\/pre>\n<p>En el ejemplo anterior, registr\u00e9 y puse en cola los bienes dentro de la misma funci\u00f3n, lo cual es un poco redundante. De hecho, puede utilizar las funciones de enrutamiento para registrar y enrutar de inmediato, utilizando los mismos argumentos que en las funciones de registro:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n}<\/code><\/pre>\n<p>Si tuviera que separar las dos funciones, lo har\u00eda us\u00e1ndolas en <a href=\"https:\/\/kinqsta.com\/es\/blog\/wordpress-hooks\/\" target=\"_blank\" rel=\"noopener noreferrer\">ganchos<\/a> diferentes. En un ejemplo del mundo real podr\u00edamos usar el gancho <code>wp_enqueue_scripts<\/code> para registrar los activos y la funci\u00f3n del atajo para ponerlos en cola.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n}\n\nadd_shortcode( 'custom_gallery', 'custom_gallery' );\n\nfunction custom_gallery( $atts ){\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n\n    \/\/ Gallery code here\n}<\/code><\/pre>\n<h2 id=\"dependency-management\">Gesti\u00f3n de dependencia<\/h2>\n<p>El mecanismo de cola de WordPress tiene incorporado el soporte para la gesti\u00f3n de dependencias, utilizando el tercer argumento de las funciones <code>wp_register_style()<\/code> y <code>wp_register_script()<\/code>. Tambi\u00e9n puede utilizar las funciones de enrutamiento de inmediato si no necesita separarlas.<\/p>\n<p>El tercer par\u00e1metro es un conjunto de scripts\/estilos registrados que deben ser cargados antes de que el activo actual se ponga en cola. Nuestro ejemplo anterior probablemente se basar\u00eda en jQuery, as\u00ed que especifiquemos eso ahora:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n}<\/code><\/pre>\n<p>No necesitamos registrarnos o hacer cola de jQuery porque ya es parte de WordPress. Puedes encontrar una lista de scripts <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress\">y estilos disponibles en WordPress<\/a> en el Codex.<\/p>\n<p>Si tiene dependencias propias, deber\u00e1s registrarlas, de lo contrario tus guiones no se cargar\u00e1n. Aqu\u00ed hay un ejemplo:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery' ) );\n}<\/code><\/pre>\n<p>Supongamos que el primer gui\u00f3n es una galer\u00eda, el segundo es una extensi\u00f3n de lo que hace que las im\u00e1genes se abran en un lightbox. Note que aunque nuestro segundo script se basa en jQuery, no necesitamos especificar esto, ya que nuestro primer script ya cargar\u00e1 jQuery. Dicho esto, puede ser una buena idea indicar todas las dependencias, s\u00f3lo para asegurarse de que nada se pueda romper si se te olvida incluir una dependencia.<\/p>\n<p>WordPress ahora sabe qu\u00e9 guiones necesitamos y puede calcular el orden en que deben ser a\u00f1adidos a la p\u00e1gina.<\/p>\n<h2 id=\"load-scripts-in-footer\">Cargar los guiones en el pie de p\u00e1gina<\/h2>\n<p>Siempre que puedas cargar guiones en el pie de p\u00e1gina, deber\u00edas hacerlo. Esto aumenta los tiempos de carga de la p\u00e1gina aparente y puede evitar que tu sitio web se cuelgue mientras se cargan los scripts, especialmente si contienen <a href=\"https:\/\/kinqsta.com\/es\/blog\/admin-ajax\/\">llamadas AJAX<\/a>.<\/p>\n<p>El mecanismo de cola puede a\u00f1adir guiones al pie de p\u00e1gina utilizando el quinto par\u00e1metro (el cuarto es un n\u00famero de versi\u00f3n opcional). Nuestro ejemplo anterior cargar\u00eda los guiones en el pie de p\u00e1gina si lo modificamos ligeramente.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ), '1.0', true );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery', 'jquery' ), '1.0', true );\n}<\/code><\/pre>\n<p>Especificar true como el quinto par\u00e1metro pondr\u00e1 guiones en el pie de p\u00e1gina, usar false, u omitir el par\u00e1metro cargar\u00e1 cosas en el encabezado. Como mencion\u00e9 antes, siempre que sea posible, carga los guiones en el pie de p\u00e1gina.<\/p>\n<h2 id=\"specifying-media-for-styles\">Especificar los medios para los estilos<\/h2>\n<p>Usando el quinto par\u00e1metro de las funciones de registro de estilo\/colocaci\u00f3n, se puede controlar el tipo de medio para el que se ha definido el gui\u00f3n (impresi\u00f3n, pantalla, port\u00e1til, etc.). Con este par\u00e1metro se puede restringir la carga de los estilos al tipo de material en particular, lo cual es un peque\u00f1o y pr\u00e1ctico truco de optimizaci\u00f3n.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery-print', plugins_url( '\/css\/gallery.css' , __FILE__ ), array(), '1.0', 'print' );\n\n}<\/code><\/pre>\n<p>Para una lista completa de los tipos de medios que se pueden usar, mira las especificaciones del <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/media.html#media-types\">CSS<\/a>.<\/p>\n<h2>Resumen<\/h2>\n<p>Poner en cola activos es una forma poderosa de manejarlos. Te da a ti, y a otros creadores de plugins\/temas, m\u00e1s control sobre el sistema en su conjunto y te quita la gesti\u00f3n de dependencias de las manos.<\/p>\n<p>Por si fuera poco, es <strong>la<\/strong> forma de a\u00f1adir tus activos, muchos mercados tem\u00e1ticos y el propio repositorio de WordPress no aprobar\u00e1 tu trabajo si no utilizas este m\u00e9todo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When building a plugin or a theme you will inevitably need to use stylesheets and scripts. Especially today when so many third party tools are available like CSS reset stylesheets, lightboxes, galleries &#8211; each with their own set of assets. <\/p>\n","protected":false},"author":18,"featured_media":32942,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[414,172],"topic":[1345,1316],"class_list":["post-32938","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-desarrollo-wordpress","topic-funcion-php"],"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>wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?<\/title>\n<meta name=\"description\" content=\"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?\" \/>\n<meta property=\"og:description\" content=\"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\" \/>\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=\"2020-04-17T16:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T15:29:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daniel Pataki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\" \/>\n<meta name=\"twitter:creator\" content=\"@danielpataki\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\"},\"headline\":\"wp_enqueue_scripts &#8211; \u00bfC\u00f3mo poner en cola tus activos en WordPress?\",\"datePublished\":\"2020-04-17T16:00:43+00:00\",\"dateModified\":\"2023-08-23T15:29:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\"},\"wordCount\":910,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"Desarrollo de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\",\"url\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\",\"name\":\"wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\",\"datePublished\":\"2020-04-17T16:00:43+00:00\",\"dateModified\":\"2023-08-23T15:29:23+00:00\",\"description\":\"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png\",\"width\":720,\"height\":450,\"caption\":\"wp_enqueue_scripts - C\u00f3mo poner en cola sus activos en WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinqsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"wp_enqueue_scripts &#8211; \u00bfC\u00f3mo poner en cola tus activos en WordPress?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/es\/#website\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\",\"name\":\"Daniel Pataki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"caption\":\"Daniel Pataki\"},\"description\":\"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.\",\"sameAs\":[\"http:\/\/danielpataki.com\",\"https:\/\/x.com\/danielpataki\"],\"url\":\"https:\/\/kinqsta.com\/es\/blog\/author\/danielpataki\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?","description":"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.","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:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/","og_locale":"es_ES","og_type":"article","og_title":"wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?","og_description":"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.","og_url":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2020-04-17T16:00:43+00:00","article_modified_time":"2023-08-23T15:29:23+00:00","og_image":[{"width":720,"height":450,"url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","type":"image\/png"}],"author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_description":"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.","twitter_image":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","twitter_creator":"@danielpataki","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Daniel Pataki","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff"},"headline":"wp_enqueue_scripts &#8211; \u00bfC\u00f3mo poner en cola tus activos en WordPress?","datePublished":"2020-04-17T16:00:43+00:00","dateModified":"2023-08-23T15:29:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/"},"wordCount":910,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","keywords":["webdev","WordPress"],"articleSection":["Desarrollo de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/","url":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/","name":"wp_enqueue_scripts - \u00bfC\u00f3mo poner en cola tus activos en WordPress?","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","datePublished":"2020-04-17T16:00:43+00:00","dateModified":"2023-08-23T15:29:23+00:00","description":"Utiliza wp_enqueue_scripts en WordPress para a\u00f1adir tus activos de Javascript y CSS a tu sitio mientras gestionas tus dependencias de forma modular.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#primaryimage","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/04\/wp-enqueue-scripts.png","width":720,"height":450,"caption":"wp_enqueue_scripts - C\u00f3mo poner en cola sus activos en WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/es\/blog\/wp-enqueue-scripts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinqsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"wp_enqueue_scripts &#8211; \u00bfC\u00f3mo poner en cola tus activos en WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/es\/#website","url":"https:\/\/kinqsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff","name":"Daniel Pataki","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","caption":"Daniel Pataki"},"description":"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.","sameAs":["http:\/\/danielpataki.com","https:\/\/x.com\/danielpataki"],"url":"https:\/\/kinqsta.com\/es\/blog\/author\/danielpataki\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/32938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/comments?post=32938"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/32938\/revisions"}],"predecessor-version":[{"id":38770,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/32938\/revisions\/38770"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/translations\/nl"},{"href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/32938\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media\/32942"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media?parent=32938"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/tags?post=32938"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/topic?post=32938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}