Como adicionar a biblioteca jQuery no WordPress

A estrutura jQuery otimiza seu site WordPress e permite que você use várias funções reconhecidas por todos os navegadores populares. Com o jQuery já incluído no WordPress, é fácil adicionar a biblioteca.

O que é jQuery para WordPress?

JavaScript é uma linguagem de script muito popular, usada para exibir sites dinâmicos em um navegador. No passado, diferentes navegadores interpretavam os scripts de forma diferente, o que fazia com que o conteúdo não fosse exibido de forma homogênea. Às vezes, os navegadores mais antigos não conseguiam 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 biblioteca JavaScript jQuery. Essa biblioteca garante processos suaves em WordPress e outros sistemas populares de gerenciamento 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 biblioteca JavaScript, você pode criar um site dinâmico e interativo que funciona em todos os navegadores. Você não precisa de muito conhecimento prévio para começar e, devido à sua capacidade de executar scripts diretamente no navegador, sua largura de banda disponível também se beneficia do plug-in leve. Como o jQuery é parte integrante 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 biblioteca. No entanto, é importante que você estabeleça a compatibilidade 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, explicaremos como adicionar o jQuery ao WordPress e evitar que esse erro ocorra. Antes de começar, certifique-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 alterações que você fizer não afetem negativamente seu tema.

Crie um arquivo de funções

Close

O arquivo functions.php é usado para personalizar 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 correspondente 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 biblioteca 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.