fancybox en wordpress

[boryi]

Hola, estoy intentando poner la funcionalidad de fancybox sin ningun plugin en mi plantilla wordpress, a "mano", y necesito unos consejos, por favor. La carpeta de fancybox tiene que estar en la carpeta del chid theme que estoy creando, no??, y lo configuro como si lo configuraria en una pagina html/php (no wordpress(??

Gracias

[ArturoGallegos]

La carpeta de fancybox tiene que estar en la carpeta del chid theme que estoy creando, no??
SI y/o NO, ambas respuestas son validas, todo depende del desarrollador y sus gustos/preferencias sobre como trabajar (plugin o template es lo ideal).

lo configuro como si lo configuraria en una pagina html/php (no wordpress(??
Hay alguna diferencia? vuelve a ser SI y/o NO, y el mismo rollo de antes.


Alguna otra pregunta?

[boryi]

Gracias Arturo, yo tengo una pagina en mi sitio, que mediante un plugin, con un sotcode me genera un formulario de regitro, puedo habrirla en el lightbox sin problemas, no??

Gracias

[ArturoGallegos]

Lo de sin problemas esta por verse, pero de que puedes puedes... no hay nada que te detenga.

solo asegurate que el código resultante tenga la estructura necesaria.... no debería darte problemas pero siempre hay sus excepciones.

[boryi]

Hola Arturo, me podrias decir por favor como abrir una URL en fancybox??, me estoy volviendo loco y no me sale-

Gracias

[ArturoGallegos]

Has revisado la documentación? dale un vistazo a los ejemplos
http://fancyapps.com/fancybox/#examples

el que buscas es el de iframe, aunque yo te recomendaría el de inline pero eso ya depende de la estructura de tu sitio

[boryi]

Pues no me sale, lo que hago es lo siguiente, a ver si me puedes guiar y a ver donde me confundo:

1. En la carpeta de mi tema pego la carpeta del fancybox

2.pego estas dos lineas para llamar a los css:

<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen">
<link rel="stylesheet" href="fancybox/style.css">

3. Tambien pego ests linas para los jqury:

<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

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

4. Estas lineas para el fancybox:

<script type="text/javascript">
$(document).ready(function(){
$(".ifancybox").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>

5. y en los enlaces pongo la clase, por ejemplo:

<a class="ifancybox" href="http://www.google.com">Abrir</a>

pero nada, no funciona, donde me puedo estar equevocando??

Gracias y salu2

[ArturoGallegos]

solo los pasos 1 y 4 están bien... el resto esta mal

2 y 3 las rutas están mal, si pones atención al depurador de tu navegador veras que te marca error porque intenta cargar los archivos y no puede, debes agregarle la url URI hacia tu template... revisa la documentación hay viene como hacerlo.

el punto 5 esta mal o eso creo, hasta donde se google no permite que lo muestres es inframe.... siempre que lo he intentado no se deja así que yo probaría con otra pagina o aun mejor un enlace a tu propio sitio.

[boryi]

Les agrego la url URI pero tampoco. Esta bien asi??

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

No comprendo que le pasa, la verdad.

[boryi]

Ya he detectado el error, cuando se usa un child-theme la url URI a usar es:


<?php echo get_stylesheet_directory_uri(); ?>

Ese era el error que me ha traido de cabeza,

Mil gracias por tu ayuda Arturo

Salu2

[boryi]

Hola Arturo, sabes como modificar el ancho del fancybox?? lo estoy intentando poniendole
'width' : '800', pero nada