Se puede instalar jquerys en Wordpress? En este caso es Jsquares

khodex · #1 (**permalink**) 01/05/2012, 10:13

Hola, me interesaria mucho instalar un plugin jquery en Wordpress, concretamente jsquares, pero estoy un poco perdido y no estoy muy seguro de si es algo que se puede hacer o no, en el caso de que si se pudiera que tendria que hacer, me vienen estas indicaciones:

Cita:

Setting it up

Make sure you’re including these files in the head of your document

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery","1.6.1");</script>
<link rel="stylesheet" href="css/jsquares.css" type="text/css" media="all" />
<script src="js/jquery.jsquares.min.js" type="text/javascript"></script>

To initiate jSquares simply wrap it in the jQuerys document ready function like so.

<script type="text/javascript">
$(document).ready(function(){
$('#js-container').jsquares();
});
</script>

The default chunk of HTML will look something like this:

<div id="js-container">
<div class="js-image">
<a href="#wolf!"><img class="js-small-image" src="images/wolf-moon.jpg"/></a>
<div class="js-small-caption">
<span>Howlla at cha boy!</span>
</div>
<div class="js-overlay-caption-content">
<h4>You can't hide from wolf boy.</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... <a href="#">Read more »</a>
</p>
</div>
</div>
</div>

carlos_belisario · #2 (**permalink**) 01/05/2012, 10:25

de poder si se puede, ya que esto

Cita:

lo optienes de una ruta absoluta que es la url completa, para colocar los demás archivos del plugin solo tienes que colocarlo en la carpeta de tu theme y hacer algo como esto en tu <head>

Código PHP:

Ver original<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/jsquares.css" type="text/css" media="all" />
<script src="<?php bloginfo( 'template_url' ); ?>/jquery.jsquares.min.js" type="text/javascript"></script>

con esto

Código PHP:

Ver original<?php bloginfo( 'template_url' ); ?>

estarías dando la ruta de la carpeta de tu template ya de ahí lo que te queda es jugar con las carpetas, saludos

khodex · #3 (**permalink**) 01/05/2012, 10:37

Muchas gracias por la rapida respuesta, pero no me he enterado muy bien, estoy empezando ahora con programacion y estoy un poco perdido.

A ver si me he enterado:

Tengo que entrar en mi tema y copiar los archivos en la carpeta js

Luego tengo que copiar el codigo que me pones en el header.php de mi tema

Cambiar la ruta de las carpetas

Y luego pego el codigo principal en el post de wordpress