El tema por defecto de WordPress, Twenty Eleven, tiene incorporada la funcionalidad de entradas destacadas, que las mostrará en un deslizador, pero no es obvio su uso.
Si quieres aprovechar esta funcionalidad no hay ajuste que modificar ni opción que activar, solo tienes que tener en cuenta lo siguiente para activarla:
- Crea una nueva página usando como plantilla la denominada «Showcase template» en el widget de «Atributos de página»
- En «Ajustes de lectura» de tu WordPress elige mostrar una página estática en portada, y eliges la página recién creada con la plantilla showcase
- Marca como «sticky» las entradas que quieres que aparezcan en el deslizador
- Añade una imagen destacada en la entrada, que será la que se mostrará en el deslizador. Si la imagen es del tamaño máximo (1000×288 pixels) o mayor se mostrará como fondo del área del deslizador, con el título de la entrada sobre la misma. Si es menor aparecerá a la derecha del área, con el título y el extracto a la izquierda de la misma. También debes saber que si la imagen destacada es igual o mayor que el tamaño máximo, en la plantilla de entrada simple esta reemplazará la imagen de cabecera
Hasta aquí como activar el deslizador, pero este tiene una característica que puedes cambiar. Y es que por defecto no tiene movimiento automático, sino que se muestran unos puntos en los que debes hacer clic para cambiar de una entrada destacada (sticky) a otra.
Si quieres que el deslizador avance automáticamente debes añadir un poco de código, este:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type="text/javascript" charset="utf-8"> // Avance automático del deslizador de Twenty Eleven // Fuente: http://pastebin.com/s6JEthVi jQuery(document).ready(function(){ var change_every = 10; // Los segundos que el deslizador tardará en hacer el avance automático var current = 1; function auto_advance(){ if(current == -1) return false; jQuery('.feature-slider a').eq(current % jQuery('.feature-slider a').length).trigger('click', [true]); current++; }; setInterval(function(){auto_advance()}, change_every * 1000); }); </script> |
Este código debes añadirlo, bien en la plantilla de página de «showcase» o si lo prefieres en el widget de «showcase», pero sin ponerle título, funcionará igual.
Nota: este truco último no funciona en wordpress.com, pues está limitada la inserción de código script
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
