Ir para conteúdo

Arquivado

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

MMM.DF

Carregar Javascript no WordPress

Por , em Desenvolvimento com Wordpress

Recommended Posts

MMM.DF    0

MMM.DF
Postado

Pessoal;

 

Sou iniciante no Wordpress e preciso de ajuda para carregar arquivos Javascript, tentei a forma usual:

 

<script type="text/javascript" src="js/fisheye-iutil.min.js"></script>
<script type="text/javascript" src="js/dock-example1.js"></script>
<script type="text/javascript" src="js/jquery.jqDock.min.js"></script>
Esse método não funcionou. Sei que tem uma forma com o uso do wp_register e wp_enqueue, mas os exemplos que vi são sempre com um arquivo. Alguém sabe como inserir corretamente os arquivos javascript no Wordpress?
Vlw!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

MMM.DF    0

MMM.DF
Postado

Tudo bom Tiago,

 

A pasta js está no www do site e estou colocando os scripts no header.php da seguinte forma:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="tLHWkEJh5Vc_j_CFOHmxRnJCLyTpJQ7W5r--DYD7qLk" />
<meta name = "robots" content = "index, follow">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Título</title>
<script type="text/javascript" src="(endereço do site)/js/fisheye-iutil.min.js"></script>
<script type="text/javascript" src="(endereço do site)/js/dock-example1.js"></script>
<script type="text/javascript" src="(endereço do site)/js/jquery.jqDock.min.js"></script>
</head>
<body>
<body>
<div id = "topo">
</div>
<section id = "conteudo_geral">
<nav id = "dock">
<div class="dock-container">
<a class="dock-item" href="index.html"><span>Início</span>!</a>
<a class="dock-item" href="xxx.html"><span>x</span>e</a>
<a class="dock-item" href="www.html"><span>w</span>7</a>
<a class="dock-item" href="aaa.html"><span>a</span>^</a>
<a class="dock-item" href="vvv.html"><span>v</span>[</a>
<a class="dock-item" href="ccc.html"><span>c</span>x</a>
<a class="dock-item" href="ddd.html"><span>d</span>z</a>
</div>
</nav>
Tem alguma ideia de como fazer o javascript funcionar??

Compartilhar este post

Link para o post
Compartilhar em outros sites

TiagoRodrigues    0

TiagoRodrigues
Postado

Pra adicionar scripts no WP você deve usar os Hooks do Codex.

Altere o functions.php do seu tema e adicione o código

function adicionar_script() {

wp_enqueue_script('nome_do_meu_script', get_template_directory_uri() . '/js/meu_script.js', array('jquery'),'1.0', false);

}

add_action( 'wp_enqueue_scripts', 'adicionar_script' );

Explicando,

1 - wp_enqueue_script('nome_do_meu_script' -<<< Digo o nome do script a ser registrado
2 - get_template_directory_uri() . '/js/meu_script.js' -<<< Digo que o script está na pasta wp-content/themes/meu_tema_ativo/js/meu_script.js
3 - array('jquery'),'1.0', false) -<<< Digo pra carregar jQuery caso não seja carregado anteriormente na página, logo em seguida digo que a versão do script é 1.0 e depois digo 'FALSE' pra que esse script seja carregado no Header. Caso queira colocar pra ser carregado no Footer coloque 'true'.

a última linha é apenas para rodar a função no WordPress sempre que for carregado.

Compartilhar este post

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

Informação importante

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

  Aceito