{"id":244798,"date":"2022-04-03T17:01:00","date_gmt":"2022-04-03T14:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244798"},"modified":"2022-05-16T14:21:43","modified_gmt":"2022-05-16T11:21:43","slug":"a-maneira-mais-facil-de-adicionar-javascript-ao-seu-site-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/a-maneira-mais-facil-de-adicionar-javascript-ao-seu-site-wordpress\/","title":{"rendered":"A maneira mais f\u00e1cil de adicionar Javascript ao seu site WordPress"},"content":{"rendered":"

Eu estou feliz por voce estar aqui.<\/p>\n

Se voc\u00ea n\u00e3o for um desenvolvedor WordPress experiente, adicionar Javascript ao seu site pode ser bastante intimidante. Pior ainda\u2026<\/p>\n

Voc\u00ea pode bagun\u00e7ar seriamente o seu site se n\u00e3o for cuidadoso.<\/p>\n

Neste tutorial, voc\u00ea aprender\u00e1 a maneira mais r\u00e1pida e segura de adicionar um novo Javascript ao seu site WordPress.<\/p>\n

Adicionar novo Javascript ao WordPress<\/h2>\n

Normalmente, voc\u00ea adicionaria um tema filho<\/a> ou plug-in que carregaria um novo arquivo Javascript em seu site.<\/p>\n

No entanto, isso d\u00e1 muito trabalho se voc\u00ea s\u00f3 precisar adicionar um trecho ou dois de c\u00f3digo JS. A solu\u00e7\u00e3o mais f\u00e1cil \u00e9 usar o plugin Simple Custom CSS e JS<\/a>.<\/p>\n

\"A<\/a><\/p>\n

Instale e ative este plugin em seu site, e voc\u00ea ver\u00e1 um novo item de menu Custom CSS & JS adicionado ao seu painel. Passe o mouse sobre o novo item de menu e clique na op\u00e7\u00e3o "Adicionar JS personalizado" para come\u00e7ar a adicionar seu javascript.<\/p>\n

\"A<\/a><\/p>\n

Adicione o Javascript<\/h3>\n

Na pr\u00f3xima p\u00e1gina, voc\u00ea ver\u00e1 um editor de c\u00f3digo onde pode inserir o JS que deseja adicionar ao seu site.<\/p>\n

\"A<\/a><\/p>\n

Os coment\u00e1rios no editor tamb\u00e9m s\u00e3o bastante \u00fateis<\/p>\n

D\u00ea um t\u00edtulo ao seu JS para que seja f\u00e1cil lembrar por que voc\u00ea o adicionou e, em seguida, insira o c\u00f3digo no editor abaixo. Certifique-se de excluir os coment\u00e1rios primeiro, pois voc\u00ea n\u00e3o precisa que eles sejam adicionados ao seu site.<\/p>\n

Teste o Javascript<\/h3>\n

Se quiser ter certeza de que est\u00e1 funcionando, voc\u00ea pode adicionar este JS ao seu site:<\/p>\n

jQuery(document).ready(function( $ ){\n    $('.logged-in').on('click', function(){\n        alert('The code is working!'); \n    });\n});<\/code><\/pre>\n
Veja como ficar\u00e1 no editor.<\/p>\n
\"A<\/a><\/p>\n
Tudo o que esse c\u00f3digo faz \u00e9 mostrar uma caixa de alerta quando voc\u00ea clica em qualquer lugar do site, como este:<\/p>\n
\"A<\/a><\/p>\n
Afeta apenas usu\u00e1rios conectados, portanto, n\u00e3o atrapalhar\u00e1 seus visitantes ao adicion\u00e1-lo para fazer um teste.<\/p>\n
Quando tiver certeza de que est\u00e1 funcionando, voc\u00ea pode trocar o snippet de teste pelo JS real que deseja adicionar ao seu site.<\/p>\n
Configure as op\u00e7\u00f5es de JS<\/h3>\n
CSS e JS personalizados simples v\u00eam com algumas op\u00e7\u00f5es \u00fateis para decidir exatamente como o seu Javascript \u00e9 adicionado ao site.<\/p>\n
\"A<\/a><\/p>\n
Primeiro, se voc\u00ea est\u00e1 apenas adicionando um pouco de c\u00f3digo, mantenha o tipo de Linking como “Interno", o que simplesmente adiciona o c\u00f3digo \u00e0 p\u00e1gina. Isso \u00e9 mais simples do que carregar outro arquivo e n\u00e3o afetar\u00e1 o tempo de carregamento do seu site.<\/p>\n
Em seguida, se voc\u00ea estiver adicionando um script de an\u00e1lise, eles provavelmente dir\u00e3o se voc\u00ea deve adicion\u00e1-lo ao cabe\u00e7alho ou rodap\u00e9. Caso contr\u00e1rio, \u00e9 melhor usar o rodap\u00e9 como padr\u00e3o.<\/p>\n
Por \u00faltimo, se o Javascript deve afetar seus visitantes, mantenha a op\u00e7\u00e3o “No frontend” marcada para a configura\u00e7\u00e3o Onde no site. A op\u00e7\u00e3o “In Admin” \u00e9 apenas para se voc\u00ea deseja carregar o Javascript enquanto visualiza as p\u00e1ginas no painel do WP e, claro, a op\u00e7\u00e3o “On Login Page” \u00e9 apenas para a p\u00e1gina de login do membro.<\/p>\n
Conclus\u00e3o<\/h2>\n
Essa abordagem \u00e9 MUITO mais f\u00e1cil do que criar um novo plugin ou tema filho.<\/p>\n
Sem mencionar que Simple Custom CSS & JS \u00e9 um plugin incr\u00edvel, e voc\u00ea provavelmente encontrar\u00e1 mais usos para ele no futuro. Tamb\u00e9m h\u00e1 uma vers\u00e3o profissional dispon\u00edvel que pode fazer algumas personaliza\u00e7\u00f5es impressionantes se voc\u00ea precisar de mais flexibilidade.<\/p>\n
Se voc\u00ea tiver d\u00favidas ou feedback sobre este post, deixe um coment\u00e1rio abaixo.<\/p>\n
Fonte de grava\u00e7\u00e3o:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
N\u00e3o destrua o seu site! Siga este tutorial simples para aprender a maneira mais f\u00e1cil e segura de adicionar Javascript ao seu site WordPress.<\/p>\n","protected":false},"author":1,"featured_media":21627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-244798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=244798"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/21627"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=244798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=244798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=244798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}