Como adicionar a bi­bli­o­teca jQuery no WordPress

A estrutura jQuery otimiza seu site WordPress e permite que você use várias funções re­co­nhe­ci­das por todos os na­ve­ga­do­res populares. Com o jQuery já incluído no WordPress, é fácil adicionar a bi­bli­o­teca.

O que é jQuery para WordPress?

Ja­vaS­cript é uma linguagem de script muito popular, usada para exibir sites dinâmicos em um navegador. No passado, di­fe­ren­tes na­ve­ga­do­res in­ter­pre­ta­vam os scripts de forma diferente, o que fazia com que o conteúdo não fosse exibido de forma homogênea. Às vezes, os na­ve­ga­do­res mais antigos não con­se­guiam exibir nenhuma parte do script e, em vez disso, geravam mensagens de erro. Uma solução para esse problema foi fornecida com a chegada da bi­bli­o­teca Ja­vaS­cript jQuery. Essa bi­bli­o­teca garante processos suaves em WordPress e outros sistemas populares de ge­ren­ci­a­mento de conteúdo. Além disso, ele já vem integrado ao WordPress.

Por que devo usar jQuery em meu site WordPress?

Há vários motivos para usar o jQuery em seu site do WordPress. Com essa bi­bli­o­teca Ja­vaS­cript, você pode criar um site dinâmico e in­te­ra­tivo que funciona em todos os na­ve­ga­do­res. Você não precisa de muito co­nhe­ci­mento prévio para começar e, devido à sua ca­pa­ci­dade de executar scripts di­re­ta­mente no navegador, sua largura de banda dis­po­ní­vel também se beneficia do plug-in leve. Como o jQuery é parte in­te­grante do WordPress, faz sentido aprender sobre ele e seu potencial desde o início.

Como adicionar jQuery ao WordPress

Como o jQuery já está incluído no WordPress, você não precisa instalar um plug-in adicional para usar a bi­bli­o­teca. No entanto, é im­por­tante que você es­ta­be­leça a com­pa­ti­bi­li­dade entre os dois. Caso contrário, podem surgir problemas devido ao atalho “$”. Embora esse atalho possa ser usado no jQuery, o WordPress não o reconhece e reage com uma mensagem de erro. A seguir, ex­pli­ca­re­mos como adicionar o jQuery ao WordPress e evitar que esse erro ocorra. Antes de começar, cer­ti­fi­que-se de criar um backup de todo o seu site do WordPress.

Use o modo sem conflito

Ative o No Conflict Mode (Modo sem conflito) para evitar conflitos ao usar jQuery no WordPress. Para fazer isso, crie um script simples com o seguinte conteúdo e execute-o:

$.noConflict ();
jQuery (document) .ready (function () {
jQuery ("button") .click (function () {
jQuery ("p") .text ("jQuery is still working");
}};
}};

Crie um novo script


Você precisa criar um novo script para usar as funções jQuery no WordPress. Você pode escolher o nome para ele, mas o arquivo deve ter a extensão .js. Aqui está um exemplo de como isso deve ficar: new_script.js. Depois de fazer isso, crie uma subpasta no diretório do seu tema do WordPress. Você se referirá a isso como /js. É uma boa ideia criar primeiro um tema filho do WordPress, para que as al­te­ra­ções que você fizer não afetem ne­ga­ti­va­mente seu tema.

Crie um arquivo de funções

Close

O arquivo functions.php é usado para per­so­na­li­zar um tema e adicionar funções. Antes de criar um novo arquivo, verifique primeiro se um arquivo chamado functions.php já existe. Se não existir, crie um novo arquivo e salve-o na pasta do seu tema. Você pode usar a função wp_enqueue-script() para acessar os recursos do jQuery no WordPress. O script cor­res­pon­dente tem a seguinte aparência:

Function example_theme_scripts () {
wp_enqueue_script ( ( 'new-script', get_template_directory_uri () .
' /js/new-script.js', array ( 'jquery' ), '1.0.0', true );
}
Add_action ( 'wp_enqueue_scripts', 'example_theme_scripts' );

Conclusão: vale a pena usar jQuery para WordPress

Como o jQuery já está incluído no WordPress, é uma bi­bli­o­teca que vale a pena conhecer. Vale a pena dedicar algum tempo para fazer um jQuery-Tutorial. Afinal de contas, a estrutura facilita seu trabalho e oferece muitos recursos e funções úteis para criar uma presença atraente na Web.