Efecto Zoom a las imágenes del Blog
JokinSu ha publicado un estupendo tutorial del script FancyZoom que te permite aplicar un fantástico efecto de zoom «onpage» en tu blog WordPress. Como el proceso no es el habitual, al no ser un plugin en realidad, es vital disponer de estas instrucciones que JokinSu ha traducido.
- Descargar el script en archivo comprimido y abrirlo en tu ordenador
Dentro contamos con dos carpetas:- images-global
- js-global
- Subimos a nuestro servidor las dos carpetas que tenemos dentro de la carpeta FancyZoom 1.1 al directorio raiz de nuestro blog, no a la carpeta de Plugins, que no lo es, sino a la misma carpeta donde subiste WordPress (vamos, donde veas el fichero wp-config.php).
- En el archivo header.php de nuestro theme (wp-content/themes/mi_theme/header.php) tenemos que añadir dos cosas:
- El script de Fancy Zoom justo antes de el </head>:
<script src=”/js-global/FancyZoom.js” type=”text/javascript”></script>
<script src=”/js-global/FancyZoomHTML.js” type=”text/javascript”></script>
</head> - En la etiqueta
bodyque está justo debajo añadironload=”setupZoom()”:<body onload=”setupZoom()”>
- El script de Fancy Zoom justo antes de el </head>:
- Vamos, que como todo está junto, nos quedaría algo así:
<script src=”/js-global/FancyZoom.js” type=”text/javascript”></script>
<script src=”/js-global/FancyZoomHTML.js” type=”text/javascript”></script>
</head>
<body onload=”setupZoom()”>
¡Listo! Cualquier imagen que se añada en las entradas y que tenga un link a la imagen original de mayor tamaño será aumentada al hacer clic sobre ella. El efecto es espectacular, pero como todo script hará que tarde mas en cargar tu página, debes tenerlo en cuenta.
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
