La opcion por excelencia para hacer esto es Nivo Slider. Es altamente configurable, gratuito y de manera muy simple podemos hacer que muestre algunas images de nuestros “Featured Post”.
Lo primero que debemos hacer es descargar los paquetes js de su pagina oficial. Hecho esto procederemos a colocar los archivos en la carpeta de nuestro theme. Podemos crear un directorio llamado “js”. De esta forma tendremos todo mas ordenado. 
Dentro de la misma colocamos los siguientes archivos:
jquery.nivo.slider
jquery.nivo.slider.pack
Ahora en el header de nuestro tema agregaremos despues de wp_head lo siguiente:
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.nivo.slider.js" type="text/javascript"></script><?php wp_enqueue_script("jquery"); ?> <?php wp_get_archives('type=monthly&format=link'); ?><?php wp_enqueue_script("jquery"); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?><script src="<?php bloginfo('template_directory'); ?>/js/jquery.nivo.slider.js" type="text/javascript"></script><div id="slider">
<?php $my_query = new WP_Query('showposts=5&category_name=featured'); while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="<?php echo get_post_meta($post->ID, 'nivoimage', true); ?>" alt="" title="<?php the_title(); ?>" />
</a>
<?php endwhile; ?>
</div>
<br clear="all" />
</div><script src="<?php bloginfo('template_directory'); ?>/js/jquery.nivo.slider.js" type="text/javascript"></script><script type="text/javascript">
jQuery(window).load(function() {
jQuery('#slider').nivoSlider();
});
</script>Y por útlimo descargamos el siguiente archivo de aqui. Contiene los etilos CSS para que coloquemos en nuestro archivo style.css
¿Conocen algún otro Slider gratuito para compartir? Contanos. Queremos saber.
PS: Las imagenes del Slider deben tener todas el mismo tamaño.
Leave a reply