{"id":40414,"date":"2023-09-27T17:48:37","date_gmt":"2023-09-27T20:48:37","guid":{"rendered":"\/tutoriais\/?p=40414"},"modified":"2023-09-27T17:48:39","modified_gmt":"2023-09-27T20:48:39","slug":"wp_enqueue_script","status":"publish","type":"post","link":"\/br\/tutoriais\/wp_enqueue_script","title":{"rendered":"Como utilizar o hook wp_enqueue_scripts para adicionar scripts no WordPress"},"content":{"rendered":"<p>O hook de a&ccedil;&atilde;o <strong>wp_enqueue_scripts<\/strong> &eacute; um componente vital do processo de desenvolvimento de sites na plataforma do WordPress.<\/p><p>Junto das fun&ccedil;&otilde;es <strong>wp_enqueue_script()<\/strong> e <strong>wp_enqueue_style()<\/strong>, o wp_enqueue_scripts ajuda o WordPress a fazer a exibi&ccedil;&atilde;o ordenada de conte&uacute;dos personalizados nas p&aacute;ginas dos sites desenvolvidos com a plataforma.<\/p><p>Neste tutorial, vamos ver como o hook <strong>wp_enqueue_scripts<\/strong> funciona em conjunto com outras fun&ccedil;&otilde;es complementares. Al&eacute;m disso, vamos apresentar m&uacute;ltiplos exemplos de casos de uso que podem te ajudar a melhorar as funcionalidades dos seus projetos no WordPress.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/public\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-a-funcao-enqueue-no-wordpress\"><strong>O que &eacute; a Fun&ccedil;&atilde;o &ldquo;Enqueue&rdquo; no WordPress<\/strong><\/h2><p>Enqueue ou enqueueing no WordPress se refere ao processo de registrar e adicionar scripts ou folhas de estilo (<em>stylesheets<\/em>) em um site. A tradu&ccedil;&atilde;o literal do termo &ldquo;<em>enqueque<\/em>&rdquo; para o portgu&ecirc;s &eacute; &ldquo;enfileirar&rdquo;.&nbsp;<\/p><p>As fun&ccedil;&otilde;es <strong>wp_enqueue_script()<\/strong> e <strong>wp_enqueue_style()<\/strong> d&atilde;o instru&ccedil;&otilde;es ao servidor WordPress para que ele adicione certos scripts e folhas de estilo em uma fila (<em>queue<\/em>) que faz o carregamento de elementos no front end do site.&nbsp;<\/p><p>A principal vantagem do enqueueing &eacute; que esse processo pode melhorar significativamente o desempenho do site ao reduzir o tempo de carregamento das p&aacute;ginas. Al&eacute;m disso, fazer o enqueue de elementos ajuda a evitar conflitos entre os scripts quando diferentes plugins e temas do WordPress tentam carregar a mesma folha de estilo ou script.<\/p><h2 class=\"wp-block-heading\" id=\"h-entendendo-o-que-e-o-wp-enqueue-script\"><strong>Entendendo o que &eacute; o wp_enqueue_script<\/strong><\/h2><p>O processo de enfileirar elementos para carregamento no front end de um site consiste basicamente no <a href=\"\/br\/tutoriais\/wordpress-hooks\"><strong>hook WordPress<\/strong><\/a> <strong>wp_enqueue_scripts <\/strong>e de mais duas fun&ccedil;&otilde;es adicionais para <em>stylesheets<\/em> e scripts.<\/p><p>Vamos come&ccedil;ar pelo primeiro elemento, o gancho<strong> wp_enqueue_scripts<\/strong>, que &eacute; um <em>hook<\/em> de a&ccedil;&atilde;o utilizado para adicionar arquivos JavaScript e folhas de estilo &agrave; fila de carregamento do seu site. Geralmente, esse <em>hook<\/em> &eacute; utilizado no arquivo <strong>functions.php <\/strong>do tema do seu site WordPress ou em diret&oacute;rios de plugins.&nbsp;<\/p><p>As fun&ccedil;&otilde;es adicionais <strong>wp_register_style() <\/strong>e <strong>wp_enqueue_style() <\/strong>s&atilde;o fun&ccedil;&otilde;es b&aacute;sicas do WordPress que funcionam para enfileirar exclusivamente stylesheets. A fun&ccedil;&atilde;o de &ldquo;register&rdquo; &eacute; respons&aacute;vel por registrar a folha de estilo personalizada que ser&aacute; adicionada em um plugin ou no tema do site. Enquanto isso, a fun&ccedil;&atilde;o &ldquo;<em>enqueue<\/em>&rdquo; enfileira e faz o carregamento dessa stylesheet no site WordPress.<\/p><p>Por padr&atilde;o, ambas fun&ccedil;&otilde;es possuem dois par&acirc;metros principais:<\/p><ul class=\"wp-block-list\">\n<li><strong>$handle <\/strong>&ndash; &eacute; o termo a ser substitu&iacute;do pelo nome da stylesheet em quest&atilde;o, que deve ser &uacute;nico. O handle serve para identificar a folha de estilo dentro da base de c&oacute;digos do WordPress. Para fazer o <em>enqueuing<\/em> da stylesheet, o nome inserido no par&acirc;metro &ldquo;<em>handle<\/em>&rdquo; deve ser o mesmo que voc&ecirc; especificou para fazer o registro da folha de estilo.<\/li>\n\n\n\n<li><strong>$src <\/strong>&ndash; se refere &agrave; URL ou ao caminho do arquivo da <em>stylesheet<\/em>. Esse pode ser o caminho relativo do arquivo da folha de estilo localizada no diret&oacute;rio de um plugin ou tema do WordPress, ou a URL absoluta de uma folha de estilo que est&aacute; hospedada em outro servidor. O elemento <strong>$src<\/strong> &eacute; opcional e s&oacute; precisa ser especificado caso voc&ecirc; n&atilde;o tenha indicado a URL ou o caminho do arquivo j&aacute; na fun&ccedil;&atilde;o <strong>wp_register_style()<\/strong>.<\/li>\n<\/ul><p>Sendo assim, &eacute; poss&iacute;vel utilizar a fun&ccedil;&atilde;o <strong>wp_enqueue_style()<\/strong> sem necessariamente precisar usar a fun&ccedil;&atilde;o <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_register_style\/\" target=\"_blank\" rel=\"noopener\"><strong>wp_register_style()<\/strong><\/a> antes.<\/p><p>Para ilustrar o caso, abaixo indicamos um exemplo de c&oacute;digo que usa as duas fun&ccedil;&otilde;es:<\/p><pre class=\"wp-block-preformatted\">function register_plugin_styles() {\n\nwp_register_style( 'plugin-development', plugins_url( '\/css\/plugin.css' ) );\n\nwp_enqueue_style( 'plugin-development' );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'register_plugin_styles' );<\/pre><p>Agora, vamos conferir um exemplo de c&oacute;digo que utiliza apenas a fun&ccedil;&atilde;o <strong>wp_enqueue_style()<\/strong>:<\/p><pre class=\"wp-block-preformatted\">function register_plugin_styles() {\n\nwp_enqueue_style( 'plugin-development', plugins_url( '\/css\/plugin.css' ) );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'register_plugin_styles' );<\/pre><p>Igualmente importantes, as fun&ccedil;&otilde;es WordPress <strong>wp_register_script() <\/strong>e <strong>wp_enqueue_script() <\/strong>s&atilde;o respons&aacute;veis pela ordena&ccedil;&atilde;o de scripts, e n&atilde;o folhas de estilo. A fun&ccedil;&atilde;o &ldquo;<em>register<\/em>&rdquo; faz o registro dos arquivos JavaScript personalizados, j&aacute; a fun&ccedil;&atilde;o <strong>wp_enqueue_script() <\/strong>carrega esses scripts personalizados no site. Ambas fun&ccedil;&otilde;es tamb&eacute;m utilizam os mesmos dois par&acirc;metros principais:<\/p><ul class=\"wp-block-list\">\n<li><strong>$handle<\/strong> &ndash; &eacute; identificador do script, que deve representar um nome &uacute;nico na base de c&oacute;digos do WordPress. Lembre-se de que voc&ecirc; deve utilizar o mesmo nome no <em>handle<\/em> das duas fun&ccedil;&otilde;es: <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_register_script\/\" target=\"_blank\" rel=\"noopener\"><strong>wp_register_script()<\/strong><\/a> e <strong>wp_enqueue_script()<\/strong>.<\/li>\n\n\n\n<li><strong>$src<\/strong> &ndash; elemento que deve ser substitu&iacute;do pela URL ou pelo caminho que leva ao arquivo de script jQuery. Esse par&acirc;metro &eacute; opcional para a fun&ccedil;&atilde;o <strong>wp_enqueue_script()<\/strong> caso voc&ecirc; j&aacute; tenha especificado a informa&ccedil;&atilde;o da URL na fun&ccedil;&atilde;o de registro do script personalizado.<\/li>\n<\/ul><p>Al&eacute;m dos dois par&acirc;metros b&aacute;sicos, voc&ecirc; ainda pode configurar outros tr&ecirc;s par&acirc;metros nas fun&ccedil;&otilde;es de adicionar scripts personalizados:<\/p><ul class=\"wp-block-list\">\n<li><strong>$deps<\/strong> &ndash; refere-se a um array (vari&aacute;vel ou estrutura de armazenamento) de outros scripts dos quais o atual script personalizado depende. Por exemplo, arquivos jQuery JavaScript ou json2.<\/li>\n\n\n\n<li><strong>$ver<\/strong> &ndash; &eacute; o n&uacute;mero da atual vers&atilde;o do script personalizado. Trata-se de um par&acirc;metro muito &uacute;til caso voc&ecirc; possua muitos scripts diferentes e deseja identificar e monitorar as vers&otilde;es deles.<\/li>\n\n\n\n<li><strong>$in_footer<\/strong> &ndash; par&acirc;metro que determina se o script em quest&atilde;o deve ser carregado ou n&atilde;o no rodap&eacute; da p&aacute;gina. Por padr&atilde;o, o WordPress carrega scripts na se&ccedil;&atilde;o <strong>&lt;head&gt;<\/strong> (cabe&ccedil;alho) das p&aacute;ginas do site.<\/li>\n<\/ul><p>De modo similar &agrave; fun&ccedil;&atilde;o <strong>wp_enqueue_style()<\/strong>, voc&ecirc; pode utilizar a fun&ccedil;&atilde;o de enfileiramento <strong>wp_enqueue_script()<\/strong> sem precisar registrar o script antes atrav&eacute;s da fun&ccedil;&atilde;o espec&iacute;fica para isso.<\/p><p>Abaixo ilustramos um exemplo que utiliza ambas fun&ccedil;&otilde;es, de registro e de enfileiramento, para adicionar um script ao site:<\/p><pre class=\"wp-block-preformatted\">function register_plugin_script() {\n\nwp_register_script( 'new-script', plugins_url( '\/script.js' ) );\n\nwp_enqueue_script( 'new-script' );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'register_plugin_script' );<\/pre><p>Agora, vamos conferir como esse processo pode ser feito sem a fun&ccedil;&atilde;o de registro, utilizando somente a fun&ccedil;&atilde;o de enqueue:&nbsp;<\/p><pre class=\"wp-block-preformatted\">function register_plugin_script() {\n\nwp_enqueue_script( 'new-script', plugins_url( '\/script.js' ) );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'register_plugin_script' );<\/pre><h2 class=\"wp-block-heading\" id=\"h-como-usar-o-hook-wp-enqueue-script-no-wordpress\"><strong>Como Usar o Hook wp_enqueue_script no WordPress<\/strong><\/h2><p>Agora que voc&ecirc; j&aacute; conhece os principais aspectos da estrutura e do funcionamento da fun&ccedil;&atilde;o <strong>wp_enqueue_script()<\/strong>, chegou a hora de saber quando ela pode ser utilizada. Na pr&oacute;xima se&ccedil;&atilde;o, vamos apresentar alguns casos em que o uso do gancho wp_enqueue_script &eacute; bastante popular. Esses exemplos servem para te ajudar a entender melhor o processo de enqueque de scripts personalizados no WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-utilizar-o-wp-enqueue-script-com-jquery\"><strong>Como Utilizar o wp_enqueue_script com jQuery<\/strong><\/h3><p>A fun&ccedil;&atilde;o <strong>wp_enqueue_script()<\/strong> possui um par&acirc;metro adicional denominado <strong>array()<\/strong>, que permite que os usu&aacute;rios especifiquem depend&ecirc;ncias indispens&aacute;veis de script.<\/p><pre class=\"wp-block-preformatted\">function my_custom_script() {\n\n&nbsp;&nbsp;&nbsp;&nbsp;wp_enqueue_script( 'registered-script', get_template_directory_uri() . '\/js\/meu-script.js', array('jquery'), '1.0', true );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'my_custom_script' );<\/pre><p>No c&oacute;digo do exemplo acima, utilizamos a fun&ccedil;&atilde;o <strong>wp_enqueue_scripts()<\/strong> para fazer o enqueue de um script chamado <strong>meu-script.js<\/strong>.<\/p><p>Utilizando outros par&acirc;metros dispon&iacute;veis, ainda especificamos que ele depende da biblioteca jQuery e que dever&aacute; ser carregado no rodap&eacute; da p&aacute;gina. Al&eacute;m disso, tamb&eacute;m utilizamos a fun&ccedil;&atilde;o <strong>get_template_directory_uri()<\/strong> para indicar a URL do diret&oacute;rio do tema atual.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-carregar-scripts-no-rodape-do-site-com-o-wp-enqueue-script\"><strong>Como Carregar Scripts no Rodap&eacute; do site com o wp_enqueue_script<\/strong><\/h3><p>Voc&ecirc; pode acelerar consideravelmente a velocidade do seu site ao carregar scripts no rodap&eacute; (footer) das p&aacute;ginas. Por padr&atilde;o, o WordPress faz o carregamento dos scripts na se&ccedil;&atilde;o de cabe&ccedil;alho do site. Isso quer dizer que eles ser&atilde;o carregados antes de qualquer outro tipo de conte&uacute;do que conste na p&aacute;gina.&nbsp;<\/p><p>Esse recurso pode resultar em tempos de carregamento mais altos para seu site, j&aacute; que o navegador do visitante fica aguardando esses scripts carregarem.<\/p><p>Agora, se voc&ecirc; mover os scripts para a se&ccedil;&atilde;o de rodap&eacute; do site, o navegador de um visitante ser&aacute; capaz de exibir o conte&uacute;do antes e carregar os scripts depois. Confira o exemplo abaixo para entender como esse processo funciona:<\/p><pre class=\"wp-block-preformatted\">function plugin_assets() {\n\nwp_enqueue_script( 'custom-script', plugins_url( '\/js\/my-script.js' , __FILE__ ), array( 'jquery' ), true );\n\n}\n\nadd_action( 'wp_enqueue_scripts', 'plugin_assets' );<\/pre><p>Neste c&oacute;digo da fun&ccedil;&atilde;o <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_script\/\" target=\"_blank\" rel=\"noopener\"><strong>wp_enqueue_script()<\/strong><\/a>, definimos o par&acirc;metro <strong>$in_footer<\/strong> como <strong>true <\/strong>(verdadeiro). Assim, o script ser&aacute; enfileirado para carregamento no rodap&eacute; e n&atilde;o na se&ccedil;&atilde;o <strong>&lt;head&gt;<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-utilizar-o-wp-enqueue-scripts-para-especificar-tipos-de-midia-em-stylesheets\"><strong>Como Utilizar o wp_enqueue_scripts para Especificar Tipos de M&iacute;dia em Stylesheets&nbsp;<\/strong><\/h3><p>As fun&ccedil;&otilde;es de registrar e enfileirar folhas de estilo, <strong>wp_register_style()<\/strong> e <strong>wp_enqueue_style()<\/strong>, tamb&eacute;m contam com um par&acirc;metro adicional. Esse par&acirc;metro &eacute; respons&aacute;vel por identificar o tipo de m&iacute;dia na qual a <em>stylesheet<\/em> em quest&atilde;o dever&aacute; ser aplicada. Por padr&atilde;o, esse par&acirc;metro de m&iacute;dia &eacute; configurado como <strong>all <\/strong>(todos) &mdash; o que quer dizer que a stylesheet ser&aacute; aplicada em <strong>todos <\/strong>os tipos de m&iacute;dia.<\/p><p>Para entender melhor essa modifica&ccedil;&atilde;o de fun&ccedil;&atilde;o de enqueue, observe o exemplo a seguir:<\/p><pre class=\"wp-block-preformatted\">function my_custom_styles() {\n\n&nbsp;&nbsp;\/\/ Register custom stylesheet\n\n&nbsp;&nbsp;wp_register_style( 'my-styles', get_template_directory_uri() . '\/css\/meu-estilo.css', array(), '1.0', 'screen' );\n\n&nbsp;&nbsp;\/\/ Enqueue custom stylesheet\n\n&nbsp;&nbsp;wp_enqueue_style( 'my-styles' );\n\n}\n\n\/\/ Add the hook to the wp_enqueue_scripts action\n\nadd_action( 'wp_enqueue_scripts', 'my_custom_styles' );<\/pre><p>Neste exemplo, criamos uma fun&ccedil;&atilde;o chamada <strong>my_custom_styles<\/strong>, que fez o registro e o enqueue de uma stylesheet personalizada chamada <strong>meu-estilo.css<\/strong>.<\/p><p>Depois, definimos o par&acirc;metro de tipo de m&iacute;dia como <strong>screen<\/strong>, que quer dizer <strong>tela<\/strong>. Isso significa que a folha de estilo em quest&atilde;o ser&aacute; aplicada quando a p&aacute;gina for exibida em telas de dispositivos como computadores (desktop), notebooks ou tablets.&nbsp;<\/p><p>Tamb&eacute;m &eacute; poss&iacute;vel utilizar diferentes tipos de m&iacute;dias, configurando o par&acirc;metro como <strong>print <\/strong>para m&iacute;dias impressas ou <strong>handheld<\/strong> para carregamento e exibi&ccedil;&atilde;o em dispositivos m&oacute;veis e port&aacute;teis.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>O hook <strong>wp_enqueue_scripts<\/strong> e suas fun&ccedil;&otilde;es complementares, como <strong>wp_enqueue_script()<\/strong> e <strong>wp_enqueue_style()<\/strong>, representam um recurso muito eficiente para adicionar scripts e estilos personalizados no seu site WordPress de forma r&aacute;pida e pr&aacute;tica.<\/p><p>Neste tutorial, te explicamos o que &eacute; o processo de enqueueing no WordPress e apresentamos v&aacute;rios exemplos de casos em que voc&ecirc; pode utilizar as fun&ccedil;&otilde;es <strong>wp_register_script()<\/strong>, <strong>wp_register_style()<\/strong>, <strong>wp_enqueue_script()<\/strong> e <strong>wp_enqueue_style()<\/strong>.Esperamos que este guia tenha sido &uacute;til para te ajudar a entender melhor o processo de enfileiramento de estilos e scripts no WordPress. Se ainda tiver alguma d&uacute;vida, indicamos a leitura do nosso <a href=\"\/br\/tutoriais\/tutorial-wordpress\"><strong>guia WordPress<\/strong><\/a>. Tamb&eacute;m fique &agrave; vontade para deixar um coment&aacute;rio na se&ccedil;&atilde;o dispon&iacute;vel abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O hook de a&ccedil;&atilde;o wp_enqueue_scripts &eacute; um componente vital do processo de desenvolvimento de sites na plataforma do WordPress. Junto das fun&ccedil;&otilde;es wp_enqueue_script() e wp_enqueue_style(), o wp_enqueue_scripts ajuda o WordPress a fazer a exibi&ccedil;&atilde;o ordenada de conte&uacute;dos personalizados nas p&aacute;ginas dos sites desenvolvidos com a plataforma. Neste tutorial, vamos ver como o hook wp_enqueue_scripts funciona [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/wp_enqueue_script\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como Utilizar o Hook wp_enqueue_scripts","rank_math_description":"Descubra para que serve e como utilizar esse gancho do WordPress! Confira tamb\u00e9m exemplos pr\u00e1ticos de uso comum desse recurso.","rank_math_focus_keyword":"","footnotes":""},"categories":[4911],"tags":[7577],"class_list":["post-40414","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-wp_enqueue_scripts"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-use-wp-enqueue-script-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp_enqueue_script","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp_enqueue_scripts","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wp_enqueue_script","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-enqueue-scripts-using-wp_enqueue_scripts-hook-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-enqueue-scripts-using-wp_enqueue_scripts-hook-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp_enqueue_scripts","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp_enqueue_scripts","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp_enqueue_scripts","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp_enqueue_script","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wp_enqueue_script","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-use-wp-enqueue-script-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-use-wp-enqueue-script-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-use-wp-enqueue-script-in-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/40414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=40414"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/40414\/revisions"}],"predecessor-version":[{"id":40415,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/40414\/revisions\/40415"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=40414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=40414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=40414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}