Um JavaScript do WordPress \u00e9 uma maneira de adicionar fun\u00e7\u00f5es extras a um site sem deix\u00e1-lo lento. JavaScript representa uma linguagem de programa\u00e7\u00e3o que roda no navegador do usu\u00e1rio. Este tipo de programa\u00e7\u00e3o oferece aos desenvolvedores a chance de adicionar todo tipo de fun\u00e7\u00f5es aos seus sites, como players de v\u00eddeo embutidos, calculadoras ou outros servi\u00e7os. A parte do c\u00f3digo JavaScript simplesmente precisa ser copiada e colada no c\u00f3digo do site.<\/p>\n
Por que voc\u00ea deve adicionar JavaScript personalizado no WordPress?<\/h2>\n
Existem v\u00e1rias raz\u00f5es pelas quais voc\u00ea deve adicionar JavaScript ao WordPress, mas para fazer isso, voc\u00ea deve estar ciente de como o site \u00e9 codificado. Ao codificar um site WordPress, existem tr\u00eas elementos que podem ajud\u00e1-lo:<\/p>\n Para criar uma base muito s\u00f3lida para o site WordPress, voc\u00ea pode usar HTML e CSS. Embora sejam \u00f3timos para estabelecer as bases do site, eles s\u00e3o limitados em termos de alterar o comportamento do site. Quando voc\u00ea deseja que seu site atue de uma maneira espec\u00edfica, voc\u00ea pode usar JavaScript para realizar uma das seguintes a\u00e7\u00f5es:<\/p>\n Tudo isso \u2013 e muito mais \u2013 pode ser feito usando JavaScript.<\/p>\n Ao adicionar JavaScript ao WordPress, voc\u00ea precisa simplesmente copiar e colar o bloco de c\u00f3digo JavaScript no site. Essa a\u00e7\u00e3o simples adiciona uma ferramenta de terceiros ao site, seja um player de v\u00eddeo ou outro elemento. Esses snippets de c\u00f3digo foram adicionados logo abaixo da se\u00e7\u00e3o principal ou logo antes da tag no c\u00f3digo principal do site. Isso influencia onde o elemento ser\u00e1 colocado. Para ativar este plugin chamado Insert Headers and Footers, voc\u00ea deve instal\u00e1-lo primeiro.<\/p>\n Para ativ\u00e1-lo ap\u00f3s a instala\u00e7\u00e3o, basta acessar a configura\u00e7\u00e3o e, em seguida, a p\u00e1gina Inserir cabe\u00e7alhos e rodap\u00e9s. Existem duas caixas diferentes que voc\u00ea pode verificar \u2013 uma para o cabe\u00e7alho e outra para o rodap\u00e9. Depois de ativar este plug-in, basta colar o trecho de c\u00f3digo JavaScript e clicar em salvar. Como o plug-in est\u00e1 ativado, o snippet de c\u00f3digo que voc\u00ea colou ser\u00e1 carregado automaticamente para todas as p\u00e1ginas do seu site. Este \u00e9 o conhecimento mais b\u00e1sico que voc\u00ea precisa ter para adicionar JavaScript ao WordPress.<\/p>\n Ao usar JavaScript no WordPress, voc\u00ea tamb\u00e9m deve desabilitar o bloqueio de tags de script do JavaScript. Essa configura\u00e7\u00e3o pode ser encontrada em wp-config.php, localizado no diret\u00f3rio raiz da web. Para habilitar as tags personalizadas, adicione esta linha de c\u00f3digo l\u00e1:<\/p>\n Depois de passar para a p\u00e1gina functions.php, copie e cole este trecho de c\u00f3digo em seu c\u00f3digo base:<\/p>\n Dica extra: usar esse m\u00e9todo significa que voc\u00ea desativa o recurso de seguran\u00e7a em seu site, para qualquer n\u00edvel de permiss\u00e3o do usu\u00e1rio. Use este m\u00e9todo somente se voc\u00ea confiar profundamente em seus autores. Ativar a tag de script \u00e0s vezes \u00e9 arriscado dessa maneira.<\/p>\n Voc\u00ea pode adicionar JavaScript ao WordPress usando um plugin. Normalmente, voc\u00ea teria que carregar JavaScript dentro das tags e. Para carregar o JavaScript globalmente, um plugin pode ser usado. Um responsivo \u00e9 o Script n Styles. Voc\u00ea pode incluir scripts em todo o site ou inclu\u00ed-los na p\u00e1gina ou at\u00e9 mesmo no n\u00edvel do post. Voc\u00ea tamb\u00e9m pode modificar as permiss\u00f5es do usu\u00e1rio. Os autores podem publicar postagens e ativar o JavaScript e os contribuidores podem salvar as postagens sem realmente public\u00e1-las.<\/p>\n Se voc\u00ea quer saber como adicionar JavaScript ao WordPress da maneira mais f\u00e1cil, este plugin pode ser a solu\u00e7\u00e3o. Depois de instalar e ativar o plug-in, voc\u00ea pode acessar a op\u00e7\u00e3o Campos personalizados no menu administrativo. Em seguida, voc\u00ea pode clicar em Adicionar novo. O objetivo \u00e9 adicionar um campo que os administradores possam acessar e que possa incorporar um arquivo de origem JavaScript ou c\u00f3digo JavaScript nas tags.<\/p>\n Isso deve ser adicionado antes.<\/p>\n Isso deve ser adicionado antes.<\/p>\n A p\u00e1gina ser\u00e1 publicada com o JavaScript adicionado nela. Os Campos Personalizados Avan\u00e7ados s\u00e3o uma op\u00e7\u00e3o apropriada se voc\u00ea deseja mais funcionalidades para usu\u00e1rios, p\u00e1ginas que j\u00e1 est\u00e3o publicadas e assim por diante.<\/p>\n wpDataTables<\/a> pode torn\u00e1-lo assim. H\u00e1 uma boa raz\u00e3o pela qual \u00e9 o plugin n\u00ba 1 do WordPress para criar tabelas e gr\u00e1ficos responsivos.<\/p>\n Um exemplo real de wpDataTables em estado selvagem<\/p>\n E \u00e9 muito f\u00e1cil fazer algo assim:<\/p>\n E n\u00e3o \u00e9 apenas bonito, mas tamb\u00e9m pr\u00e1tico. Voc\u00ea pode criar tabelas grandes com at\u00e9 milh\u00f5es de linhas<\/a>, ou pode usar filtros e pesquisas avan\u00e7adas<\/a>, ou pode enlouquecer e torn\u00e1-las edit\u00e1veis<\/a>.<\/p>\n “Sim, mas eu gosto demais do Excel e n\u00e3o tem nada disso em sites”. Sim, existe. Voc\u00ea pode usar a formata\u00e7\u00e3o condicional<\/a> como no Excel ou no Planilhas Google.<\/p>\n Eu te disse que voc\u00ea tamb\u00e9m pode criar gr\u00e1ficos<\/a> com seus dados? E isso \u00e9 apenas uma pequena parte. Existem muitos outros recursos<\/a> para voc\u00ea.<\/p>\n Essas dicas devem ser suficientes para ensin\u00e1-lo a adicionar JavaScript ao WordPress de maneira f\u00e1cil, sem encontrar problemas. Depois de fazer isso uma vez, a segunda vez ser\u00e1 muito mais f\u00e1cil e menos demorada.<\/p>\n Se voc\u00ea gostou de ler este artigo sobre como adicionar JavaScript ao WordPress, confira este artigo sobre como redefinir o WordPress<\/a>.<\/p>\n Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como como alterar o URL do WordPress<\/a>, como incorporar v\u00eddeo no WordPress<\/a>, como editar HTML no WordPress<\/a>, como duplicar uma p\u00e1gina no WordPress<\/a>, como editar as fun\u00e7\u00f5es de usu\u00e1rio do WordPress<\/a> e como adicionar a imagem em destaque do WordPress.<\/a>.<\/p>\n![\"Adicione](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\")
<\/a><\/p>\n\n
\n
Usando Inserir Cabe\u00e7alhos e Rodap\u00e9s<\/a> para adicionar JavaScript<\/strong><\/h2>\n
<\/a><\/p>\nDesativando a filtragem do WordPress<\/strong><\/h2>\n
define( 'CUSTOM_TAGS', true );<\/code><\/p>\nfunction add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return<\/code> $string;}add_filter( 'pre_kses', 'add_scriptfilter' );<\/code><\/p>\nAprenda como<\/strong> usar o plugin Script n Styles<\/a><\/h2>\n
<\/a><\/p>\nUsar campos personalizados avan\u00e7ados<\/a><\/h2>\n
<\/a><\/p>\n\n
<?php the_field('header_script'); ?><\/code><\/p>\n<?php the_field('footer_script'); ?><\/code><\/p>\n\n
Ei, voc\u00ea sabia que os dados tamb\u00e9m podem ser bonitos?<\/h3>\n
<\/a><\/p>\n\n
Considera\u00e7\u00f5es finais sobre como adicionar JavaScript ao WordPress\u00a0<\/strong><\/h2>\n