A Maneira Correta de Inserir jQuery no WordPress

A Maneira Correta de Inserir jQuery no WordPress

A Maneira Correta de Inserir jQuery no WordPress
A Maneira Correta de Inserir jQuery no WordPress

Geralmente os desenvolvedores web baixam a versão mais recente do jQuery e em seguida fazem a chamada para o script no header do documento. Um exemplo desta prática está no código abaixo:

<script type="text/javascript" src="js/jquery-1.2.2.pack.js"></script>

No exemplo acima, o jQuery será carregado a partir de um arquivo disponível no servidor. A princípio não há nada de errado em usar o jQuery dessa forma. Porém há alguns problemas neste procedimento.

Ao utilizar o jQuery em seu servidor web, a navegação pode ser comprometida em função da requisição ao arquivo por parte das aplicações que necessitam do javascript e plugins baseados no jQuery.

Um exemplo prático é o portal Yahoo. O Yahoo é acessado em nível mundial. Se o Yahoo fizesse as requisições ao jQuery através de um arquivo no seu servidor, poderia comprometer a navegação e o carregamento das páginas em função das requisições de todos os usuários que acessam o portal ao mesmo tempo para usar o jQuery em seu servidor.

Assim, o modo correto de usar o jQuery é fazendo a requisição para um script que é disponiblizado pelo Google em sua rede de distribuição de conteúdo. Veja o exemplo abaixo:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.js" type="text/javascript"></script>

Fazendo este procedimento, você economiza a banda de seu servidor e facilita a navegação para o usuário. Neste caso o jQuery será carregado a partir do servidor do site mais acessado do mundo, o Google. Não precisamos nem comentar a capacidade de resposta dos servidores web da Google.

Além disso, muitos desenvolvedores web desconhecem um recurso muito interessante, que é a utilização da biblioteca jQuery que é disponibilizada nativamente pelo WordPress.

jQuery no WordPress

O WordPress conta com uma biblioteca jQuery que pode ser carregada automaticamente em seu tema WordPress.

Vamos partir do princípio que você está utilizando a função “wp_head()” em seu tema WordPress.

O código que faz a chamada ao jQuery do WordPress deve ser inserido antes da função “wp_head()”. Veja o exemplo abaixo:

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

Depois de inserir o código acima o jQuery está pronto para ser usado.

Para ter sempre uma versão atualizada do jQuery em seu site ou blog, mantenha sempre as atualizações de seu Wordpress em dia.

  • Dono do Blog WordPress o senhor podia fazer um artigo mais abrangente com mais exemplos.
    O post deixou muito a desejar.
    Venho no blog pra aprender e ficou com um monte de duvidas no ar.
    Coloque mais exemplos com jquery no post por favor.