Canvas V5 está aquí… ahora receptivo

Canvas es un tema cercano y querido para nosotros aquí en Woo. Debido a su naturaleza flexible y la gran cantidad de opciones y posibilidades de estilo, Canvas también se ha convertido en una especie de marco o modelo para muchos de nosotros y muchos miembros de WooCommunity (después de todo, se ha convertido en nuestro tema principal). Desde el lanzamiento inicial de Canvas el 9 de febrero de 2010, Canvas ha recibido una respuesta abrumadora y ha reunido una base leal de usuarios que usan el tema exclusivamente. Esto nos indica que la comunidad de Canvas es sólida y está en constante crecimiento.

Con la versión 3 de Canvas disponible, vimos que era hora de llevar Canvas al siguiente nivel. Después de algunos meses de codificación, ajustes, adición de nuevas funciones y optimización de las existentes, lanzamos la versión 4 de Canvas. Esta actualización trajo consigo una acción refinada y una estructura de filtro, lo que hizo que el diseño principal fuera aún más extensible y personalizable que nunca. como la introducción de las funciones Hook, Meta y Layout Manager, para un control aún más granular sobre el diseño de su sitio web y los elementos que lo componen.

Desde el lanzamiento de Canvas V4, hemos recibido innumerables correos electrónicos, tweets, comentarios de blogs y actualizaciones de Facebook de usuarios leales y firmes de Canvas, que esperan ansiosamente nuestros próximos pasos con Canvas (y brindan excelentes ideas y comentarios, que siempre apreciamos).

Señoras y señores… sin más suspenso y retrospectiva, les presentamos… ¡Canvas versión 5!

¡El lienzo responde!

Antes de profundizar demasiado en las otras mejoras, características y adiciones que hemos realizado en Canvas V5, hablemos de la característica que está en la mente de todos… Canvas ahora responde.

Canvas, desde cero, ha sido examinado, inspeccionado, ajustado y optimizado para que responda en sus diseños y se vea genial en todos sus dispositivos (teléfono móvil, tableta, computadora portátil, computadora de escritorio y pantallas más grandes). La configuración de «Ancho del sitio» en las «Opciones de tema» de Canvas (está en la sección «Diseño») se transformó de una lista limitada de opciones de ancho predefinidas en un control deslizante ordenado, lo que permite que el diseño se transforme para adaptarse a cualquiera de la configuración de ancho deseada (desde 600 píxeles de ancho hasta 2000 píxeles de ancho). Al ser receptivo, el diseño se ajusta para adaptarse al ancho principal deseado y se escala adecuadamente para tamaños de pantalla más pequeños.

Integración inicial de Flexslider

Sobre el tema de los diseños receptivos, creemos que Canvas V5 es el mejor momento para comenzar a integrar FlexSlider en Canvas. Si bien SlidesJS (la secuencia de comandos anterior utilizada para los controles deslizantes «Negocio» y «Revista») todavía se usa en los elementos de la cartera (cada elemento de la cartera puede tener una galería, usando SlidesJS) y en el widget «Woo – Comentarios», estos serán convertido para usar FlexSlider en una actualización de versión posterior a Canvas. Más sobre eso más adelante, sin embargo.

Los controles deslizantes «Negocio» y «Revista» ahora cuentan con una integración completa de FlexSlider, respondiendo al tamaño de la pantalla junto con el diseño de su sitio web.

Tenga en cuenta que hubo uno o dos cambios menores en el marcado HTML en los controles deslizantes «Negocio» y «Revista». Tenga esto en cuenta cuando ajuste su estilo actual.

Un estilo fresco

Como puede notar, Canvas V5 se ve algo diferente a Canvas V4 y sus predecesores… más nítidos… más frescos. Esto se debe nada menos que a los talentos de estilismo y al buen ojo del propio Sr. FRESH01, Cobus.

Al convertir Canvas para que responda, discutimos el lanzamiento en su totalidad y sentimos que Canvas necesita una actualización de estilo. Sentimos que, si bien esto puede requerir un poco más de tiempo al actualizar de Canvas V4 a Canvas V5, no restringir las actualizaciones de estilo daría como resultado un mejor resultado general, que encajar el tema en su estilo existente.

Algunas características nuevas, desde el principio, incluyen una barra de navegación actualizada, el uso de tipos de letra sans-serif (en lugar de serif, como se usaba anteriormente), el uso de @font-face en lugar de imágenes para íconos en todo el diseño, estilo de botón actualizado y avatares redondeados, por nombrar solo algunos.

Todas las opciones de temas relacionadas con el estilo de su sitio web también se han actualizado, para garantizar que funcionen perfectamente con la apariencia actualizada que ofrece Canvas.

Tenga en cuenta que, dado que Canvas V5 tiene algunas actualizaciones de estilo significativas, le recomendamos que se tome su tiempo al actualizar, si decide hacerlo, para asegurarse de que su estilo personalizado funcione con las actualizaciones de estilo de Canvas V5.

Actualizaciones y soporte

Con las características y actualizaciones ahora explicadas en detalle, llegamos al final comercial de esta publicación de blog. Con esto, hay dos preguntas que necesitan ser respondidas.

¿Cómo actualizo a Canvas V5? ¿Debería?

Si bien definitivamente recomendamos actualizar a Canvas V5, es importante tener en cuenta que, dado que se trata de un lanzamiento de tema importante (de V4 a V5, en lugar de un lanzamiento puntual), le recomendamos que no se apresure a realizar esta actualización. Recomendamos encarecidamente configurar un entorno de prueba con Canvas V5, agregar sus personalizaciones y ver qué se debe modificar o ajustar para que funcione con Canvas V5.

Con actualizaciones como esta, también recomendamos esto como una oportunidad para sumergirse en el uso de temas secundarios (en lugar de personalizar Canvas directamente). De esta manera, sus cambios, ajustes y actualizaciones permanecerán en un solo lugar en caso de que necesite actualizar nuevamente.

¿Qué sucede si todavía no actualizo a Canvas V5? ¿Seguiré recibiendo soporte para Canvas V4?

La respuesta es sí.

Desde la versión 4 hasta la versión 5, Canvas ha pasado por importantes trabajos preliminares y actualizaciones. Sin embargo, la mayoría de estas actualizaciones han estado relacionadas con el estilo (CSS) o con PHP en el tema según sea necesario (no queríamos profundizar demasiado en esto, para facilitar las actualizaciones y transiciones para todos). ).

Tenemos Canvas V4 disponible y podemos continuar admitiendo V4. A medida que implementamos nuevas funciones en V5 y refinamos las existentes, le recomendamos que se tome el tiempo para configurar un entorno de prueba con Canvas V5, pruébelo y vea si le gusta. No hay prisa por actualizar, ya que aún se admite Canvas V4.

¿Qué hay en la hoja de ruta de Canvas?

Si bien Canvas V5 es sin duda una actualización significativa del tema, creemos que es importante mirar hacia adelante y volver a mirar las versiones anteriores y cómo puede crecer el tema. Con eso en mente, algunos elementos se han dejado intencionalmente fuera de V5 en favor de versiones más enfocadas para atender estas características.

V5.1

Canvas V5.1 se denominará «lanzamiento de cartera». Si bien ya lanzamos una función de cartera en Canvas, se ha dejado intencionalmente sin responder en V5.

Debido al tamaño de la función de cartera y la funcionalidad que trae consigo, creemos que es importante dedicar un bloque de tiempo (y un lanzamiento) exclusivamente a esta funcionalidad, haciéndola receptiva y reemplazando el uso de SlidesJS y jCarousel JavaScript. . Esto está en línea con nuestro enfoque de «simplificar y reenfocar» a nuestros productos y garantizará la mejor transición y experiencia posibles para los usuarios nuevos y existentes de Canvas.

Si tiene ideas para funciones o actualizaciones que le gustaría ver en futuras versiones de Canvas, compártalas con nosotros en WooIdeas.

¿Qué cambió en Canvas V5? Una lista resumida de características

Para resumir la lista de funciones anterior, aquí hay una lista rápida de exactamente lo que se actualizó en V5 y lo que vendrá en futuras versiones:

Actualizaciones a Canvas V5

1. CSS receptivo, utilizando consultas de medios.
2. Eliminación de condiciones específicas de ancho, a favor de elementos fluidos como imágenes deslizantes de «Revista» y video incrustado
3. Actualización de estilo, incluida una barra de navegación actualizada, íconos que usan @font-face en lugar de imágenes, avatares redondeados y estilo de botón actualizado
4. Layout Manager ahora funciona con porcentajes en lugar de valores de píxeles

Hoja de ruta para V5.1 en adelante

1. Función de cartera receptiva.
2. Eliminación de los JavaScripts de SlidesJS y jCarousel, a favor de FlexSlider.
3. Tus ideas y sugerencias 🙂

Esperamos ver lo que crea con Canvas V5 y esperamos con ansias sus comentarios sobre esta importante actualización de nuestro tema principal.