Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rodrigofariat

[Resolvido] Jquery no Wordpress

Por , em PHP

Recommended Posts

rodrigofariat    0

rodrigofariat
Postado

Beleza Pessoal,

 

Já tentei através de vários links para fazer com que o jquery funcionasse no Wordpress. Coloquei isso no meu header.php

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

<script type="text/javascript" src="<?php echo get_bloginfo('template_url'); ?>/js/jquery-1.2.6.js"></script>

 

Segui esse tutorial: http://digwp.com/200...-the-right-way/

 

Mesmo o código acima, não funciona!

 

Alguma idéia ?

 

Att,

 

Rodrigo Faria

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faz o simples:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
assim você pega direto do repositorio do google, e não fica se complicando com os caminhos no teu servidor..

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodrigofariat    0

rodrigofariat
Postado

Pessoal,

 

Pelo eu que li essas linhas resolvem:

 

<?php wp_enqueue_script("jquery");?>
<?php wp_head();?>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery-1.2.6.js"></script>

Creio que a ultima linha procura um script.

Alguém sabe me explicar a terceira linha ?

Achando o caminho dessa linha, acredito que resolva isso.

 

Att,

 

Rodrigo Faria

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

aperte Ctrl+U, ai você vai ve o caminho, mas o retorno do parâmtro template_url, para a função: bloginfo(), é algo do tipo:

 

 

site.com.br/blog/wp-content/themes/nome_do_tema

 

dê uma olhada:

http://codex.wordpress.org/Function_Reference/bloginfo

 

considerou ao menos usar o jQuery externo ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodrigofariat    0

rodrigofariat
Postado

Tentei sim, mesmo com o jquery externo ele não carrega a lib dentro do codigo no wordpress.

Mas fora do wordpress funciona perfeitamente.

Vou fazer mais alguns testes, e vejo o que vai acontecer.

 

Pessoal,

 

Mais uma vez tentando ativar jquery no Wordpress.

Eu criei um novo wordpress, e acrescentei as seguintes linhas, dentro do header.php

 

url = http://localhost/~rodrigo
wpurl = http://localhost/~rodrigo/cmsjquery

template_directory = http://localhost/~rodrigo/cmsjquery/wp-content/themes
template_url = http://localhost/~rodrigo/cmsjquery/wp-content/themes

<script type="text/javascript" src="<?php echo get_bloginfo('template_directory'); ?>jquery.js"></script>

<script type="text/javascript" src="<?php echo get_bloginfo('template_url'); ?>jquery.js"></script>

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

O arquivo jquery.js esta localizado em : http://localhost/~rodrigo/cmsjquery/wp-content/themes

Pela sintaxe das linhas, acredito que que todas estão corretas, apesar de delas ainda não conseguirem entender jquery.

 

Eu estou usando o seguinte código de teste:

 

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste de Jquery para Escrever na Tela </title>
[b]<script type="text/javascript" src="jquery.js"></script>[/b]
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		$('<p>Eu sou um parágrafo (jQuery).</p>').prependTo('body');
	});
// ]]>	
</script>
</head>
<body>
</html>

Seu comportamento deveria seria imprimir a mensagem "Eu sou um paragrafo", mas nada disso acontece.

O fato de indicar o script no código na linha em negrito esta certo ?

 

Att,

 

 

Rodrigo Faria

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tente assim:

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/jquery.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
                alert( 'jQuery ativado!' );
        });
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Acho que a galera da sessão de Wordpress ou até mesmo Javascript daria melhor suporte. Não creio que você vá precisar de um comando em PHP para isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tentei usar o código mas não adiantou.

 

cara, oque significa 'não adiantou' ?

 

você jogou o arquivo jquery.js lá ??

 

site.com.br/wp-content/themes/nome_do_tema/jquery.js ?

 

se você rodar assim:

 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
                alert( 'jQuery ativado!' );
        });
</script>
e não aparecer o alert, esteja certo de que o suporte a javascript está habilitado no teu navegador.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodrigofariat    0

rodrigofariat
Postado

Oi William,

 

O codigo que voce passou funcionou.

 

Fiz o seguinte deixei o header.php com somente com essa slinhas:

 

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

Removi a lib Prototype, para não existir conflito.

 

Depois coloquei o arquivo jquery-1.2.6.js, no diretório abaixo:

 

rodrigo@rodrigo-laptop:~/public_html/cmsjquery/wp-content/themes$ ls -las

total 124

4 drwxrwxrwx 4 rodrigo rodrigo 4096 2010-06-02 22:25 .

4 drwxrwxrwx 7 rodrigo rodrigo 4096 2010-06-02 22:19 ..

4 drwxrwxrwx 2 rodrigo rodrigo 4096 2010-02-18 15:46 classic

4 drwxrwxrwx 3 rodrigo rodrigo 4096 2010-02-18 15:46 default

4 -rwxrwxrwx 1 rodrigo rodrigo 30 2010-02-18 15:46 index.php

104 -rwxrwxrwx 1 rodrigo rodrigo 103745 2010-06-02 23:08 jquery-1.2.6.js

 

Então foi só colocar a linha da seguinte forma:

 

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

Resolvi dessa forma, mas ainda não estou satisfeito, pois alguns scripts em jquery no wordpress comportam de forma incorreta.

Eu vejo que o script acessa o H1 do site do Wordpress, ao invés de usar o h1 do script. Acho que meu esforço foi em vão.

Alguem usa amplamente jquery no wordpress ?

 

Att,

 

Rodrigo Faria

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito