Ulzurrun de Asanza i Sàez

Presentando… WP Carousel 1.0

Han pasado más de siete largos meses desde que liberé la última versión de WP Carousel. Casi ocho meses en los que he tenido tiempo más que suficiente para decir por dónde continuar el desarrollo de WP Carousel y cómo hacerlo. Siete meses en los que además de trabajar en otros proyectos he podido continuar el desarrollo de WP Carousel y terminar una nueva versión (al menos la primera beta de una nueva versión). Pero ésta no es una versión cualquiera… es la versión 1.0 de WP Carousel. Han pasado casi ocho meses, pero después de ver las novedades, veréis que ha valido la pena la espera.

En estos casi dos años de desarrollo del plugin, WP Carousel ha avanzado barbaridades. Desde permitir crear sólo un carrusel hasta poder extender el plugin creando nuevos Extras y Themes. Pues bien, esta nueva versión añade mucho más que todas las anteriores. He escuchado la mayoría de las peticiones y comentarios que he recibido (creo que realmente he atentido todas las peticiones que me han llegado) y seguro que os encantan las novedades que incorpora esta versión, así que sin más dilación, ahí van, las nuevas características de WP Carousel 1.0.

Vídeo en el carrusel y modo vertical

Un vídeo en WP Carousel 1.0Theme Default-Sidebar en modo vertical en WP Carousel 1.0Sí, parecía complicado, y sí, pensaba que sería necesario usar plugins de terceros, pero no, ni será complicado ni será necesario usar ningún otro plugin. Los vídeos se podrán insertar en el carrusel a través de un campo personalizado (por defecto, wp_carousel_video_url) y dependerá de los themes mostrar o no el vídeo (todos los themes que vienen por defecto soportan vídeos, y adaptar los themes para soportar vídeos es muy fácil). WP Carousel soporta los mismos proveedores que WordPress (utiliza el shortcode para mostrar los vídeos) y como ya he dicho, no requiere de ningún otro plugin para mostrar los vídeos.

Respecto al modo vertical, es muy fácil de activar (marcar un checkbox), sin embargo no todos los themes lo soportarán, ya que por motivos de diseño, hay algunos themes en los que no «pega» un modo vertical. Sin embargo el theme Default sí que soportará el modo vertical, al igual que el theme Default-Sidebar. El modo vertical sólo funciona con jCarousel, ya que StepCarousel no soporta el movimiento vertical de los paneles, así que es necesario que el theme soporte jCarousel para que pueda soportar el nuevo modo vertical.

Shortcode para WP Carousel y nombres de carruseles

Nuevo Shortcode de WP Carousel 1.0Poder añadir carruseles en los artículos era una de las funciones más pedidas, y también la he añadido. El shortcode es muy fácil de usar. La sintaxis es:

[code][wp_carousel]ID del carrusel[/wp_carousel][/code]

Este shortcode permite mostrar con mucha facilidad un carrusel dentro de un artículo. Además se añade un icono al editor de WordPress para no necesitar memorizar el código.

Los nombres afectan al menú de WP CarouselCambiar el nombre de un carrusel es pan comido en WP Carousel 1.0Por otro lado, he añadido la posibilidad de personalizar los nombres de los carruseles para saber qué contiene cada carrusel.

El nombre se refleja en el Widget de WP Carousel 1.0Cambiar el nombre es tan fácil como hacer clic sobre el nombre anterior, escribir uno nuevo y pulsar enter. Estos cambios, además de afectar el menú de WP Carousel, se reflejan en el Widget, que en lugar de pedirte la ID del carrusel, te muestra la lista de carruseles para que elijas el que quieras mostrar.

Nuevo gestor de themes y opciones

Continuando el trabajo que comencé al desarrollar la UI Drag & Drop, he modificado la zona de opciones del carrusel para que a partir de ahora se guarden sin cambiar de página, mediante AJAX. También he modificado las checkboxes para que tengan un aspecto más bonito y simple (a imitación de los UISwitch de iOS).

Selector de themes de WP Carousel 1.0Selector de themes de WP Carousel 1.0El primer lugar, he rediseñado completamente el selector de themes. A partir de ahora será un carrusel donde en cada panel se presentará un theme con la información básica (autor, versión, descripción y enlaces útiles). Pasando el cursor sobre el icono de información (en la esquina inferior derecha) aparecerá información acerca de las características que soporta el theme en cuestión. El theme seleccionado tendrá un borde blanco a su alrededor que te hará localizarlo más fácilmente.

Opciones generales de los themes en WP Carousel 1.0Las opciones generales del carrusel se ajustan automáticamente al theme activo, de modo que si éste no soporta jCarousel, no se nos mostrará la opción de activarlo, y si no soporta el tamaño personalizado del carrusel, nos aparecerá un mensaje advirtiéndonos de esto. Todo de la forma más clara posible para evitar confusiones entre creadores de themes y usuarios. Los themes por defecto soportan todas las funciones de WP Carousel 1.0 a excepción de los tamaños personalizados, ya que algunos themes se ajustan por completo a un único tamaño, de modo que con configurar el tamaño del panel, todo el carrusel se ajusta automáticamente, facilitando todo el proceso de cambiar el tamaño.

Opciones únicas del theme en WP Carousel 1.0En la segunda pestaña podremos modificar las opciones únicas de cada theme, porque con la nueva API de Themes de WP Carousel1.0, los creadores de themes podrán dotar a sus creaciones de opciones únicas que los hagan inconfundibles y le de un valor añadido al theme.

Entre las opciones de los themes por defecto se encuentra la posibilidad de mostrar el título en lugar del extracto en el carrusel.

Gestor de Copias de Seguridad

El código de exportación de WP Carousel 1.0Previsualización de una copia de seguridad de WP Carousel 1.0Desde hace tiempo WP Carousel incluye un sistema de exportación y de importación, de modo que se pueden hacer copias de seguridad manuales por si en algún momento queremos hacer alguna modificación arriesgada al plugin o simplemente migrar a otro servidor.

Restaurar una copia de seguridad de WP Carousel 1.0WP Carousel 1.0 le da un repaso esta función y la reinventa. A partir de ahora cada cambio que hagamos quedará registrado y podremos retroceder a cualquier punto anterior con tan sólo un par de clics.

Lista de copias de seguridad de WP Carousel 1.0Opciones personalizadas del theme en una copia de seguridad de WP Carousel 1.0El sistema es muy sencillo de entender. Cada vez que se pulsa el botón de guardar cambios, se crea una copia del contenido actual del carrusel y se añade a la matriz de copias de seguridad. Desde el gestor de Copias de Seguridad podemos ver las copias almacenadas, previsualizar el estado del carrusel (podemos ver tanto los elementos del carrusel como su configuración – a nivel general y a nivel de theme) y restaurar el carrusel a ese momento con tan sólo un clic. También podemos ocultar de la tabla los carruseles que no nos interesen y nos aparecerán por su nombre, de manera que es muy fácil identificarlos.

Importación a Prueba de Fallos de WP Carousel 1.0Eliminar las copias de seguridad de WP Carousel 1.0Aunque de todos modos la opción de código de exportación sigue presente, y su funcionamiento es idéntico al de las versiones anteriores.

Como es de suponer, el Gestor de Copias de Seguridad puede ser algo excesivo en muchos casos, así que se puede desactivar modificando una constante del archivo wp-carousel.php, una modificación que se hace en un par de segundos. También se pueden borrar las copias de seguridad para dejar más espacio a nuevas copias, desde la página de desinstalación.

Es un sistema muy fácil de usar y muy cómodo, ya que no requiere atención alguna por nuestra parte hasta el momento en el que lo queramos usar.

Los campos personalizados y los nombres de las opciones

Algunos usuarios me habían comentado la posibilidad de cambiar el campo personalizado del que WP Carousel sacaba las imágenes. Yo estuve dando vueltas a cómo añadir esa posiblidad de forma sencilla y decidí que lo más fácil de todo era permitir cambiar el nombre de los campos personalizados modificando el archivo wp-carousel.php. Tan sólo es necesario modificar una línea del plugin para cambiar los campos que «leerá» WP Carousel. Del mismo modo, se pueden cambiar las opciones en las que almacena WP Carousel los elementos del carrusel, la configuración de cada carrusel y las copias de seguridad.

También algunos usuarios tuvieron problemas con el plugin cuando tenían muchos artículos publicados. He añadido la posiblidad de deshabilitar algunos contenidos para el carrusel, de modo que no se cuelgue la página de opciones del carrusel si se tiene mucho contenido publicado.

Nuevas APIs

He revisado y reescrito las APIs de Themes y de Extras, y vienen cargadas de novedades. En cuanto a Themes, se mantiene la retrocompatibilidad, de modo que los themes diseñados para WP Carousel0.5 son compatibles con WP Carousel 1.0 (aunque no soportarán todas las opciones de la nueva versión). Los Themes admiten ahora una opciones personalizadas, que se muestran en la página de opciones de cada carrusel y se guardan al vuelo como el resto de opciones de WP Carousel.

El theme por defecto clásico de WP Carousel se ha revonado con opciones tan interesantes como poder mostrar el título en lugar de la descripción del elemento, o mostrar el texto a un lado de la imagen (el que prefieras) en lugar de debajo. También soporta múltiples colores, desde el gris y el azul hasta el rojo y el verde.

Además WP Carousel incluye 4 nuevos themes. Además del theme clásico y el theme adaptado a la sidebar, he añadido un theme vacío para usarse como plantilla para futuras creaciones. También he creado tres nuevos themes basados en excelentes diseños.

La API de Extras también está totalmente reescrita y actualizada. El primer problema que he resuelto es que la API anterior no permitía mostrar grupos de elementos, es decir, un Extra te permitía añadir un elemento (como un artículo individual), pero no un conjunto de elementos (como una categoría, que se transforma en diversos artículos al mostrarse en el carrusel). En segundo lugar me he centrado en permitir más opciones en los extras. Hasta ahora el usuario sólo podía comunicarse con el Extra a través de un único campo de texto. Ahora los Extras pueden mostrar listas desplegables, campos de texto…

Además he expandido la API de Extras para que se puedan añadir Extras a WP Carousel sin tener que copiar archivos dentro de la carpeta de Extras, es decir, con la nueva API los creadores de otros plugins pueden incluir dentro de su plugin el código necesario para que WP Carousel detecte los nuevos contenidos creados con estos y puedas añadirlos al carrusel sin tocar ni una sola línea de código.

La API de Extras es muy similar a la anterior. De hecho me he basado en la API anterior, sólo que la he expandido y he añadido las opciones personalizadas de la API de Themes. Ambas APIs las he desarrollado a la vez, así que veréis que tienen muchos puntos en común y que aprender a usar una es sinónimo de conocer la mayor parte de la otra.

Pero para explicar el funcionamiento de estas APIs necesito algo de tiempo para redactar la documentación, así que de momento no diré nada más sobre este punto.

Beta 1 disponible

Con tantos cambios he decidido que es mejor no lanzar directamente la versión 1.0 sin pasar antes por un periodo de pruebas. Yo he hecho unas cuantas pruebas, pero como siempre, es mejor que lo pruebe más gente antes de darle el visto bueno.

La Beta 1 estará disponible en breve (minutos, horas en el peor de los casos) en WordPress.org. Os recomiendo que hagáis una copia de seguridad del contenido de vuestros carruseles, actualicéis a la Beta y la probéis un rato.

¡Seguro que luego no querréis volver a la versión anterior!


2 replies on “Presentando… WP Carousel 1.0

  1. Hola, gracias por el plugin, me preguntaba si me puedes ayudar, necesito poder mostrar tanto el título como el excerpt de una página, puedes mirar en http://standard.tsgadmin.net/Standard/
    de hecho la opción de mostrar el excerpt simplemente no funciona.
    muchas gracias!

    1. El código que carga el excerpt es el siguiente:

      [php]
      $post_excerpt = has_excerpt($id);
      if ($post_excerpt)
      {
      $post_temp = &get_post($id);
      $post_excerpt = $post_temp->post_excerpt;

      }

      [/php]

      Copia el código en el archivo header.php de tu theme y mira a ver si aparece el extracto del artículo. Recuerda cambiar $id por la ID del artículo.

      Si sigues teniendo problemas, abre un tema en el foro.

Leave a Reply

Your email address will not be published.

Required fields are marked *

Your avatar