{"id":36648,"date":"2020-04-10T01:50:51","date_gmt":"2020-04-10T08:50:51","guid":{"rendered":"https:\/\/kinsta.com\/?p=4230"},"modified":"2023-08-22T04:46:23","modified_gmt":"2023-08-22T07:46:23","slug":"wp-enqueue-scripts","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/","title":{"rendered":"wp_enqueue_scripts &#8211; Como Obter Seu Patrim\u00f4nio no WordPress"},"content":{"rendered":"<p>No WordPress, ao inv\u00e9s de simplesmente adicion\u00e1-los ao cabe\u00e7alho, voc\u00ea deve usar um m\u00e9todo chamado enqueueing que \u00e9 uma forma padronizada de lidar com seus ativos com o b\u00f4nus adicional de gerenciar depend\u00eancias. Saiba como fazer isso abaixo usando\u00a0<code>wp_enqueue_scripts<\/code>.<\/p>\n<ul>\n<li><a href=\"#how-enqueueing-works\">Como Funciona o Enqueueing<\/a><\/li>\n<li><a href=\"#enqueueing-basics\">Enqueueing Basics Com wp_enqueue_scripts<\/a><\/li>\n<li><a href=\"#dependency-management\">Gest\u00e3o de Depend\u00eancias<\/a><\/li>\n<li><a href=\"#load-scripts-in-footer\">Carregar Scripts no Rodap\u00e9<\/a><\/li>\n<li><a href=\"#specifying-media-for-styles\">Especifica\u00e7\u00e3o de Meios para Estilos<\/a><\/li>\n<\/ul>\n<h2 id=\"how-enqueueing-works\">Como Funciona o Enqueueing<\/h2>\n<p>H\u00e1 dois passos dados ao se consultar um roteiro ou um estilo. Primeiro voc\u00ea o registra &#8211; diga ao WordPress que ele est\u00e1 l\u00e1 &#8211; e depois voc\u00ea realmente o coloca em fila, o que eventualmente o coloca no cabe\u00e7alho ou logo antes da etiqueta de fechamento do corpo.<\/p>\n<p>A raz\u00e3o de ter dois passos tem a ver com a modularidade. \u00c0s vezes voc\u00ea vai querer deixar o WordPress saber sobre um ativo, mas voc\u00ea pode n\u00e3o querer us\u00e1-lo em todas as p\u00e1ginas. Por exemplo, o WordPress \u00e9 um recurso: Se voc\u00ea est\u00e1 construindo um atalho de galeria personalizado que usa Javascript, voc\u00ea s\u00f3 precisa carregar o JS quando o atalho \u00e9 usado &#8211; provavelmente n\u00e3o em todas as p\u00e1ginas.<\/p>\n<p>A maneira de fazer isso acontecer \u00e9 registrar o script primeiro, e s\u00f3 perguntar quando o atalho for mostrado (leitura sugerida:\u00a0<a href=\"https:\/\/kinsta.com\/pt\/blog\/codigo-curto-wordpress\/\">O Guia Final para Atalhos do WordPress <\/a>).<\/p>\n<h2 id=\"enqueueing-basics\">Enqueueing Basics Com wp_enqueue_scripts<\/h2>\n<p>Para consultar scripts e estilos no front-end voc\u00ea precisar\u00e1 usar o gancho <code>wp_enqueue_scripts<\/code>. Dentro da fun\u00e7\u00e3o hooked voc\u00ea pode usar as fun\u00e7\u00f5es <code>wp_register_script()<\/code>, <code>wp_enqueue_script()<\/code>, <code>wp_register_style()<\/code> e <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>No exemplo acima, eu registrei e coloquei os ativos dentro da mesma fun\u00e7\u00e3o, o que \u00e9 um pouco redundante. Na verdade, voc\u00ea pode usar as fun\u00e7\u00f5es de consulta para registrar e consultar imediatamente, usando os mesmos argumentos que voc\u00ea usa nas fun\u00e7\u00f5es 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>Se eu tivesse que separar as duas fun\u00e7\u00f5es eu o faria usando-as em <a href=\"https:\/\/kinsta.com\/pt\/blog\/hooks-wordpress\/\">ganchos<\/a> diferentes. Em um exemplo real poder\u00edamos usar o gancho <code>wp_enqueue_scripts<\/code> para registrar os ativos e a fun\u00e7\u00e3o do atalho para inquirir sobre eles.<\/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}\n<\/code><\/pre>\n<h2 id=\"dependency-management\">Gest\u00e3o de Depend\u00eancias<\/h2>\n<p>O mecanismo de enfileiramento do WordPress tem suporte integrado ao gerenciamento de depend\u00eancia, utilizando o terceiro argumento das fun\u00e7\u00f5es <code>wp_register_style()<\/code> e <code>wp_register_script()<\/code> Voc\u00ea tamb\u00e9m pode usar as fun\u00e7\u00f5es de enqueueing imediatamente se voc\u00ea n\u00e3o precisar separ\u00e1-las.<\/p>\n<p>O terceiro par\u00e2metro \u00e9 um conjunto de scripts\/estilos registrados que precisam ser carregados antes que o ativo atual seja consultado. Nosso exemplo acima provavelmente dependeria do jQuery, ent\u00e3o vamos especificar isso agora:<\/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>N\u00e3o precisamos nos cadastrar ou consultar jQuery porque j\u00e1 faz parte do WordPress. Voc\u00ea pode encontrar uma lista de\u00a0<a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress\">scripts e estilos dispon\u00edveis no WordPress<\/a> no Codex.<\/p>\n<p>Se voc\u00ea tem suas pr\u00f3prias depend\u00eancias, voc\u00ea precisar\u00e1 registr\u00e1-las, caso contr\u00e1rio seus scripts n\u00e3o ser\u00e3o carregados. Aqui est\u00e1 um exemplo:<\/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>Vamos assumir que o primeiro roteiro \u00e9 uma galeria, o segundo \u00e9 uma extens\u00e3o daquilo que faz as imagens se abrirem em uma lightbox. Note que apesar de nosso segundo script depender de jQuery, n\u00e3o precisamos especificar isso, pois nosso primeiro script j\u00e1 ir\u00e1 carregar jQuery. Dito isto, pode ser uma boa id\u00e9ia declarar todas as depend\u00eancias, apenas para ter certeza que nada pode quebrar se voc\u00ea esquecer de incluir uma depend\u00eancia.<\/p>\n<p>O WordPress agora sabe quais scripts precisamos e pode calcular a ordem em que eles precisam ser adicionados \u00e0 p\u00e1gina.<\/p>\n<h2 id=\"load-scripts-in-footer\">Carregar Scripts no Rodap\u00e9<\/h2>\n<p>Sempre que voc\u00ea conseguir escapar com o carregamento de scripts no rodap\u00e9, voc\u00ea deve. Isso aumenta o tempo aparente de carregamento da p\u00e1gina e pode evitar que seu site fique pendurado enquanto carrega os scripts, especialmente se eles contiverem <a href=\"https:\/\/kinsta.com\/pt\/blog\/admin-ajax\/\">Chamadas AJAX<\/a>.<\/p>\n<p>O mecanismo de consulta pode adicionar scripts ao rodap\u00e9 usando o quinto par\u00e2metro (sendo o quarto um n\u00famero de vers\u00e3o opcional). Nosso exemplo acima carregaria os scripts no rodap\u00e9 se n\u00f3s o modific\u00e1ssemos levemente.<\/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 o quinto par\u00e2metro ir\u00e1 colocar scripts no rodap\u00e9, usando false, ou omitir o par\u00e2metro ir\u00e1 carregar coisas no cabe\u00e7alho. Como mencionei antes, sempre que poss\u00edvel, carregue os scripts no rodap\u00e9.<\/p>\n<h2 id=\"specifying-media-for-styles\">Especifica\u00e7\u00e3o de Meios para Estilos<\/h2>\n<p>Usando o quinto par\u00e2metro das fun\u00e7\u00f5es estilo registro\/enqueue voc\u00ea pode controlar o tipo de m\u00eddia para a qual o script foi definido (impress\u00e3o, tela, handheld, etc.). Usando este par\u00e2metro voc\u00ea pode restringir o carregamento dos estilos para o tipo de m\u00eddia em particular, o que \u00e9 um pequeno truque pr\u00e1tico de otimiza\u00e7\u00e3o.<\/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 uma lista completa dos tipos de m\u00eddia que podem ser utilizados, d\u00ea uma olhada nas <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/media.html#media-types\">especifica\u00e7\u00f5es do CSS<\/a>.<\/p>\n<h2>Resumo<\/h2>\n<p>A aquisi\u00e7\u00e3o de bens \u00e9 uma forma poderosa de lidar com eles. Ele d\u00e1 a voc\u00ea, e a outros fabricantes de plugins\/tema, mais controle sobre o sistema como um todo e tira o gerenciamento de depend\u00eancia de suas m\u00e3os.<\/p>\n<p>Se isso n\u00e3o for suficiente, \u00e9 <strong>a<\/strong> maneira de adicionar seus ativos, muitos mercados tem\u00e1ticos e o pr\u00f3prio reposit\u00f3rio WordPress n\u00e3o aprovar\u00e3o seu trabalho se voc\u00ea n\u00e3o usar esse 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":36650,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[44,30],"topic":[1026,997],"class_list":["post-36648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-desenvolvimento-wordpress","topic-funcoes-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 - Como Obter Seu Patrim\u00f4nio no WordPress<\/title>\n<meta name=\"description\" content=\"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias 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:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress\" \/>\n<meta property=\"og:description\" content=\"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\" \/>\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=\"2020-04-10T08:50:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T07:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png\" \/>\n<meta name=\"twitter:creator\" content=\"@danielpataki\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\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:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\"},\"headline\":\"wp_enqueue_scripts &#8211; Como Obter Seu Patrim\u00f4nio no WordPress\",\"datePublished\":\"2020-04-10T08:50:51+00:00\",\"dateModified\":\"2023-08-22T07:46:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\"},\"wordCount\":869,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"Desenvolvimento WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\",\"name\":\"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png\",\"datePublished\":\"2020-04-10T08:50:51+00:00\",\"dateModified\":\"2023-08-22T07:46:23+00:00\",\"description\":\"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png\",\"width\":720,\"height\":450,\"caption\":\"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fun\u00e7\u00f5es do PHP\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/funcoes-php\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"wp_enqueue_scripts &#8211; Como Obter Seu Patrim\u00f4nio no 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\/b162216499225e1a4cdd35518f8ef0ff\",\"name\":\"Daniel Pataki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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:\/\/kinsta.com\/pt\/blog\/author\/danielpataki\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress","description":"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias 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:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/","og_locale":"pt_PT","og_type":"article","og_title":"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress","og_description":"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.","og_url":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-04-10T08:50:51+00:00","article_modified_time":"2023-08-22T07:46:23+00:00","og_image":[{"width":720,"height":450,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","type":"image\/png"}],"author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_description":"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","twitter_creator":"@danielpataki","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Daniel Pataki","Tempo estimado de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff"},"headline":"wp_enqueue_scripts &#8211; Como Obter Seu Patrim\u00f4nio no WordPress","datePublished":"2020-04-10T08:50:51+00:00","dateModified":"2023-08-22T07:46:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/"},"wordCount":869,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","keywords":["webdev","WordPress"],"articleSection":["Desenvolvimento WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/","url":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/","name":"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","datePublished":"2020-04-10T08:50:51+00:00","dateModified":"2023-08-22T07:46:23+00:00","description":"Use wp_enqueue_scripts no WordPress para adicionar seus ativos Javascript e CSS ao seu site enquanto gerencia suas depend\u00eancias de forma modular.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/04\/wp-enqueue-scripts.png","width":720,"height":450,"caption":"wp_enqueue_scripts - Como Obter Seu Patrim\u00f4nio no WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wp-enqueue-scripts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Fun\u00e7\u00f5es do PHP","item":"https:\/\/kinsta.com\/pt\/topicos\/funcoes-php\/"},{"@type":"ListItem","position":3,"name":"wp_enqueue_scripts &#8211; Como Obter Seu Patrim\u00f4nio no 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\/b162216499225e1a4cdd35518f8ef0ff","name":"Daniel Pataki","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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:\/\/kinsta.com\/pt\/blog\/author\/danielpataki\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/36648","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=36648"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/36648\/revisions"}],"predecessor-version":[{"id":47932,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/36648\/revisions\/47932"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/translations\/nl"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/36648\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/36650"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=36648"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=36648"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=36648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}