El nuevo tema Twenty Twenty en WordPress 5.3

Publicado: 2019-12-20

Hace unas semanas se lanzó la nueva versión de WordPress. WordPress 5.3 se caracteriza, principalmente, por todas las mejoras de UX y UI que incluye en el editor de bloques y por su nuevo tema por defecto.

Twenty Twenty ha sido diseñado con el editor de bloques de WordPress en mente. En la publicación de hoy me gustaría presentarles brevemente el nuevo tema, compartir con ustedes algunas de las cosas que lo hacen especial y enseñarles cómo pueden configurarlo y adaptarlo a sus necesidades.

Veinte veinte de un vistazo

Con cada nueva actualización de WordPress , el editor de bloques da un salto cualitativo (no olvide que el editor en sí está en un desarrollo muy activo y está disponible como complemento). El objetivo final de Gutenberg es convertirse en un creador de páginas completo y fácil de usar que permita a los usuarios diseñar y estructurar sus sitios web como deseen.

Nuevo tema Twenty Twenty en WordPress
Nuevo tema de veinte veinte de WordPress.

La responsabilidad de un tema de WordPress es agregar algo de personalidad a la estructura y el diseño creado por el usuario en el editor de bloques. Como lo define el creador del tema:

Twenty Twenty está diseñado con flexibilidad en su núcleo. Si desea usarlo para una organización o empresa, puede combinar columnas, grupos y medios con alineaciones amplias y completas para crear diseños dinámicos para mostrar sus servicios o productos. Si desea usarlo para un blog tradicional, la columna de contenido centrado también lo hace perfecto para eso.

Anders Noren

Un hecho interesante sobre el nuevo tema predeterminado de WordPress es que, a diferencia de sus predecesores, no se ha creado desde cero, sino que se basa en un tema que ya existía en el repositorio de WordPress.org: Chaplin .

Imagen promocional del tema Chaplin.
Imagen promocional del tema Chaplin para WordPress.

Otra característica que distingue a Twenty Twenty es la tipografía con la que se presenta, Inter, diseñada por Rasmus Andersson. Es una tipografía libre y abierta creada para facilitar la lectura de textos, especialmente cuando el tamaño de letra es muy pequeño.

Captura de pantalla de la página de inicio del Inter (una tipografía abierta).
Inter es la tipografía predeterminada que viene con Twenty Twenty.

Cómo instalar el nuevo tema Twenty Twenty

Como ya mencioné, este tema es el nuevo tema predeterminado en WordPress 5.3. Por lo tanto, si está creando una nueva instalación de WordPress y usa su versión más reciente, el tema ya estará allí.

El tema Twenty Twenty es el tema predeterminado en WordPress 5.3
El tema Twenty Twenty es el tema predeterminado en WordPress 5.3.

Pero también es posible instalarlo en versiones anteriores de WordPress . Solo ve a Apariencia » Temas » Agregar nuevo y busca el tema “Twenty Twenty”:

Twenty Twenty ya está incluido en WordPress 5.3
Twenty Twenty es, como cualquier otro tema, extremadamente fácil de instalar.

Ten en cuenta que el tema ha sido diseñado pensando en Gutenberg , por lo que te recomiendo que lo uses solo si creas tu contenido con el editor de bloques.

Cómo personalizar veinte veinte

El tema se puede personalizar fácilmente desde el personalizador de temas integrado de WordPress. Haz clic en Apariencia » Personalizar y verás todas las opciones disponibles:

Personalizando Twenty Twenty en WordPress
Personalización de Twenty Twenty en WordPress.

Estoy seguro de que ya está familiarizado con la mayoría de las configuraciones disponibles, así que echemos un vistazo más de cerca a las que creo que son las más interesantes. Una de las primeras cosas que modificaría personalmente en Twenty Twenty es su paleta de colores, porque no me gusta el tono sepia que usa por defecto. En cambio, usaría algo más blanco:

Veinte Veinte esquema de color predeterminado
Veinte Veinte esquema de color predeterminado.

Aparición posterior

Por defecto, la apariencia de las publicaciones del blog es sobria y elegante. Como puede ver en la siguiente captura de pantalla, el título aparece junto a cierta metainformación (autor, fecha de publicación, categoría), todo destacado y muy limpio:

Vista predeterminada de una publicación en Twenty Twenty
Vista predeterminada de una publicación de WordPress en Twenty Twenty.

Y justo después del título viene la imagen destacada, que más o menos se funde con el contenido.

Si no usa imágenes destacadas (o las usa solo de vez en cuando), esta vista predeterminada es probablemente la mejor. Pero si usa imágenes destacadas en todas sus publicaciones, le recomiendo que cambie las plantillas de sus publicaciones a Plantilla de ancho completo :

Plantillas de página y publicación disponibles en el tema
Plantillas de página y publicación disponibles en el tema.

Con esta plantilla, la imagen destacada se vuelve aún más relevante y se fusiona con el título y los metadatos de la publicación. Como puede ver, la imagen tomará el primer pliegue por completo:

Plantilla con la imagen destacada utilizando el primer pliegue completo
Plantilla con la imagen destacada utilizando el primer pliegue completo.

que es una característica que encuentro bastante interesante (no es de extrañar aquí, ya que es bastante similar a lo que estamos usando en nuestro propio sitio, ¿verdad?)

Menús

Otra cosa que me gusta del tema es que te permite crear múltiples menús, dependiendo del estilo que más te guste. Por un lado, podemos elegir entre dos opciones de menú para el escritorio:

  • Menú horizontales . Es el menú que se muestra en todas las capturas de pantalla anteriores. Las opciones siempre están visibles en la barra superior de su sitio web.
Diferentes menús en el tema Twenty Twenty
Diferentes menús en el tema Twenty Twenty.
  • Menú extendido . Es un "menú oculto". Para revelarlo, simplemente debe hacer clic en el icono de puntos suspensivos (junto al menú anterior) y el menú extendido se deslizará desde la esquina derecha:
Menú temático extendido Twenty Twenty
Menú temático extendido Twenty Twenty.

Otra hazaña que es bastante agradable es el menú social. Con él podremos añadir enlaces a nuestras redes sociales y el tema mostrará automáticamente cada perfil como un botón con el icono de la red social en cuestión:

El menú social del tema Twenty Twenty
El menú social del tema Twenty Twenty te permite añadir enlaces a tus redes sociales y aparecer con los iconos correspondientes automáticamente.

Esto no es algo nuevo en este tema (ha estado disponible por un tiempo, ahora, en todos los temas de Veinte y tantos), pero aún así me encanta.

Widgets y Búsqueda

Finalmente, también vale la pena mencionar las áreas de widgets que incluye el tema. Desafortunadamente, las opciones que tenemos aquí son bastante limitadas: solo puede agregar widgets en el pie de página. Entonces, si querías tener una barra lateral en tu blog o algo similar, me temo que tendrás que crear un tema hijo y adaptar las plantillas a tus necesidades.

Twenty Twenty viene con dos áreas de widgets en el pie de página, que corresponden a las dos columnas que ves en la captura
Twenty Twenty viene con dos áreas de widgets en el pie de página, que corresponden a las dos columnas que ves en la captura.

Con respecto a las capacidades de búsqueda integradas de WordPress, el tema incluye un formulario rápido para buscar cosas en su blog. Hay un botón en el menú con un icono de búsqueda. Haga clic en él y el cuadro de búsqueda aparecerá en la parte superior de su pantalla a través de JavaScript:

Caja de búsqueda dinámica incluida en Twenty Twenty
El cuadro de búsqueda dinámica se incluye en Twenty Twenty.

Resumen

El tema Twenty Twenty es el siguiente paso en la serie Twenty que viene con cada nueva versión de WordPress. No diría que es un tema revolucionario, pero en mi opinión es un tema muy elegante que se integra perfectamente con las nuevas funciones y capacidades de WordPress. Si estás pensando en actualizar a un nuevo tema y no sabes cuál usar, dale una oportunidad a Twenty Twenty. Es rápido y se ve muy bien.

Imagen destacada de Ankhesenamun 96 en Unsplash.