Nuevo tema predeterminado para WordPress 5.6 • Yoast


Casi todos los años, WordPress obtiene un nuevo tema predeterminado. Este tema se incluye con la última versión importante de WordPress del año. Esta vez, damos la bienvenida a un nuevo tema en WordPress 5.6. El tema se llama Twenty Twenty-One y es asombroso. Fue diseñado por Mel Choyce-Dwan de Automattic y construido por un equipo de desarrolladores liderado por Carolina Nymark. Conozcamos el nuevo tema y uno de sus creadores: Carolina.

Un tema hermoso y práctico para WordPress

Twenty Twenty-One es un gran tema con un diseño que lo hace destacar. Los colores, los espacios en blanco, la tipografía, todo está muy limpio y bien pensado. ¡El diseño es como un nuevo lienzo esperando a ser pintado! Y puede pintarlo de la forma que desee, debido a los patrones de bloques.

Como siempre, Yoast contribuyó al lanzamiento de WordPress 5.6. Tenemos un equipo de WordPress Core dedicado, dirigido por Francesca Marano, que funciona en todas las partes de WordPress, desde la documentación hasta el código central. Esta vez, también trabajamos en el nuevo tema Twenty Twenty-One.

Twenty Twenty-One tiene un diseño que lo hace destacar

El diseño

El diseño es subjetivo, por supuesto, pero en nuestra opinión, no ha habido un tema predeterminado como este. Twenty Twenty-One es un golpe de gracia. Es limpio, tiene una gran tipografía y una selección de paletas de colores que se utilizarán en muchas situaciones. Incluso tiene un modo oscuro impresionante, construido por Ari Stathopoulos.

Limpio y rapido

Una de las cosas más llamativas de Twenty Twenty-One es lo elegante que se ve. Si miras más de cerca, también notarás que resulta ser un tema rápido. El tema evita el uso de JavaScript complejo innecesario entre bastidores y, dado que utiliza una pila de fuentes nativas, no carga fuentes web adicionales. Todo esto contribuye a un importante aumento de velocidad.

Flexible, gracias a los patrones de bloques

Cuando profundice en Twenty Twenty-One, notará todas estas increíbles paletas de colores y flexibilidad en el tema. Realmente puedes pintar este lienzo. El equipo de desarrollo agregó soporte para patrones de bloques y envió el tema con una selección de patrones que le brindan una gran flexibilidad para adaptar el tema a su gusto. Estos patrones fueron diseñados por Mel Choyce-Dwan con la ayuda de Kjell Reigstad. Por supuesto, siempre puede crear sus propios patrones que se adapten a sus casos de uso.

Utilice patrones de bloques en Twenty Twenty-One para crear un diseño que se adapte a sus necesidades

Accesibilidad primero

Uno de los objetivos de este proyecto era hacer que el nuevo tema fuera lo más accesible posible. El equipo quería cumplir con las pautas de accesibilidad siempre que pudiera. Dado que el diseño es tan elegante, facilita la construcción de una manera accesible. Puede usar el tema con la navegación del teclado y es apto para lectores de pantalla. El experto en accesibilidad interno de Yoast, Andrea Fercia, evaluó el tema e hizo mejoras.

¿Cómo surgió Twenty Twenty-One?

El equipo de desarrollo trabajó en Twenty Twenty-One junto con el resto de WordPress 5.6. Las personas involucradas en el proyecto se reunieron por primera vez en junio de 2020 y consistieron en un equipo de seis diseñadores y desarrolladores. Desafortunadamente, debido a diversas razones, varios de ellos abandonaron el proyecto en una etapa temprana.

Carolina Nymark es de Estocolmo, Suecia y ha estado creando temas de WordPress durante más de diez años. Carolina es un miembro muy activo y respetado de la comunidad de WordPress.org. Además, es una de las representantes globales del equipo de Themes. Se ofreció como voluntaria para un lugar en el equipo de lanzamiento de WordPress 5.6 y terminó liderando el equipo de desarrollo del nuevo tema predeterminado Twenty Twenty-One. Hablamos con ella sobre sus experiencias en la construcción del tema.

Diseñando un nuevo tema

El proceso de diseño comenzó en Pinterest, dice Carolina. El equipo tenía diferentes paneles de estado de ánimo con inspiración, con diferentes tipos de tipografía y diseños. De estos estilos surgió una selección de tres temas:

  • Speak Up: Negro con un tipo en negrita y un color secundario naranja, esto se inspiró en eventos actuales como el movimiento de derechos civiles, protestas y carteles hechos a mano.
  • Revista: Consta de fuentes serif grandes, blancas y elegantes con manchas de degradado en el fondo.
  • Portafolio: Un diseño colorido, con elementos con bordes y líneas claras, enfocado en imágenes grandes.

Carolina: “Fue muy interesante seguir el proceso de diseño. Los tres diseños tenían sus méritos, y el tema del primero se sintió importante, debido a todo lo que sucedió en 2020. Fue un diseño de tema específicamente para ayudar a las personas a hacer oír su voz. Esto encajaría muy bien con la misión de WordPress de democratizar la publicación. Al final, me alegré de que se eligiera el tercer diseño, la variación de la cartera, porque era el más versátil. Esto es algo que puede utilizar para crear muchos tipos diferentes de sitios web “.

Construyendo el tema

Con el diseño terminado, el equipo de desarrollo liderado por Carolina pudo comenzar su trabajo. Su equipo estaba formado por varios desarrolladores que dedicaron parte de su tiempo a ayudar a que este tema despegara. Para ayudar a Carolina a concentrarse en la tarea que tenía entre manos, Yoast se acercó y la patrocinó durante todo el proceso. Dado que la colaboración estaba funcionando tan bien, Yoast le pidió a Carolina que se uniera a nuestro equipo de WordPress Core a tiempo completo.

Varios desarrolladores de Yoast ayudaron, desarrollaron partes de Twenty Twenty-One y aportaron estructura al proyecto. El objetivo inicial era preparar el tema para su inclusión en la Beta 1. Esta sería la primera vez que probaría la nueva versión de WordPress en su totalidad, incluido el tema predeterminado. Para ello, armamos un equipo temporal para un sprint de dos semanas. Rolf Siebers, Guido Offermans, Simon Resok del departamento de front-end de Yoast se unió al equipo de WordPress para brindar su experiencia y acelerar el proceso.

Construyendo a partir de un tema existente

Para mejorar el proceso y obtener una base sólida, el equipo decidió trabajar con un tema existente para facilitar el trabajo. Carolina: “Partimos de un tema llamado Seedlet que fue construido por Automattic. Mantuvimos la base del tema, pero necesitábamos eliminar algunas características y agregar las nuestras. Una de estas características era un menú que se puede utilizar tanto con enlaces de texto como con iconos de redes sociales “.

El hecho de que Twenty-One sea un tema predeterminado conlleva otro desafío según Carolina: “No se puede reducir la audiencia objetivo. No hay un caso de uso específico, todo el mundo es su usuario, con diferentes deseos y necesidades. El tema debe funcionar para un sitio de cartera, un blog o una pequeña tienda o restaurante. Tienes que seleccionar las funciones que quieres incluir y limitarte. Dejarse llevar es fácil. No solo eso, porque si incluye demasiadas funciones, el tema puede resultar difícil de usar “.

Mirando hacia atrás, Carolina está muy orgullosa del trabajo que todos han hecho. El resultado final es asombroso: un tema de gran apariencia, ultrarrápido que funciona bien en muchos entornos. “¡No puedo esperar a que el mundo vea lo que hemos construido!”

Los aprendizajes

Construir algo como parte de un proyecto de código abierto es un trabajo duro. Es fundamental gestionar las expectativas, hacer que todos sigan el mismo camino y comunicarse correctamente. El último fue el más difícil, dice Carolina: “Sí, la parte técnica fue un trabajo duro, pero esa no fue la parte más difícil del trabajo. Liderar un equipo consiste en encontrar formas de comunicarse para que nadie se moleste, incluido yo. Mucha gente me ayudó con esto, incluida Francesca Marano y muchos otros miembros dentro y fuera del equipo. Además de todos los Yoasters mencionados, me gustaría dar un saludo a Justin Ahinon y Tim Hengeveld que ayudó en el camino. Estoy agradecido por toda la ayuda “.

¡Prueba Twenty Twenty-One ahora!

WordPress 5.6 viene con muchas funciones excelentes y un tema nuevo y hermoso. Asegúrate de probar Twenty Twenty-One y haz algunos diseños increíbles con él. En Yoast, estamos orgullosos de todos los que pasaron muchas horas diseñándolo y construyéndolo. ¡Disfruta usándolo!



Source link

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *