Twenty Twenty-One

de the WordPress team
Escoger este diseño

¡Tal como sugiere el nombre, Twenty Twenty-One es el tema de WordPress por defecto para 2021! Este tema es un lienzo en blanco que convierte el editor de bloques en tu mejor pincel.

Con nuevos patrones de bloques, que te permiten crear un diseño excelente en cuestión de segundos, los colores suaves de este tema y el llamativo, a la vez que atemporal, diseño harán que tu trabajo destaque.
Twenty Twenty-One es ideal para tu portafolio, el sitio web de tu negocio o tu blog personal.

Tres dispositivos distintos muestran el tema Twenty Twenty-One En una pantalla de portátil de 1440 píxeles, la anchura de la columna principal es de hasta 610 píxeles. El ancho de bloque “Amplio” es de hasta 1240 píxeles y el ancho de bloque “Completo” se expande por toda la anchura de la pantalla.

Especificaciones generales (todas las medidas se muestran en píxeles):

  1. En una pantalla de portátil de 1440 píxeles, la anchura de la columna principal es de hasta 610 píxeles con el diseño de una columna.
  2. Hay un área de widgets en el pie de página con una anchura de 1040 píxeles.
  3. El tamaño de imagen destacada recomendado es de 2000 píxeles de ancho por 1200 píxeles de alto.

Patrones

Twenty Twenty-One admite varios patrones de bloques impresionantes. Personaliza los patrones a tu gusto con la copia, las imágenes y los colores que se ajusten a tu historia y tu marca.

Compatibilidad completa con el editor de bloques

El editor de bloques en Twenty Twenty-One

El editor de bloques en Twenty Twenty-One

Twenty Twenty-One está diseñado para aprovechar al máximo toda la capacidad del editor de bloques. Twenty Twenty-One incluye todos los estilos de editor para el editor de bloques, así que lo que se muestra en el editor coincide con el resultado final. El tema también incluye un conjunto completo de colores personalizados, opciones de tipografía y compatibilidad con bloques de ancho amplio y completo.

Colores de fondo personalizados

Twenty Twenty-One ofrece una gama de paletas de colores pastel preseleccionadas que cumplen los estándares AAA para el contraste. También puedes elegir tu propio color de fondo para el tema, y el tema elige automáticamente colores de texto que tienen en cuenta la accesibilidad.

Un arcoíris de colores pastel suaves

Para cambiar el color de fondo, ve a Personalizador → Colores.

Cambia el color de fondo del sitio con el Personalizador

Editar el color de fondo con el Personalizador

Los colores de los elementos de tu sitio se calculan automáticamente según los colores de fondo que selecciones. Esto asegura que el contraste de color sea siempre lo suficientemente elevado para que sea accesible para todos los visitantes.

Modo oscuro

Twenty Twenty-One es el primer tema por defecto que es compatible con el modo oscuro. Puedes activar la compatibilidad con el modo oscuro en el panel Personalizador > Colores y modo oscuro.

Ajuste de activación del modo oscuro mostrado en el Personalizador

Widgets

Twenty TwentyOne admite widgets debajo del contenido del sitio, en el pie de página.

Añadir contenido a la página de inicio

Twenty Twenty-One es totalmente compatible con el editor de bloques. Puedes elegir cualquiera de los bloques disponibles para crear una gran variedad de contenido para tu sitio. A continuación, te mostramos cómo hemos creado la página de inicio del sitio de demostración, bloque a bloque:

Twenty Twenty-One admite un logotipo del sitio, que funciona perfectamente como avatar para un blog personal o para el logotipo o icono de tu negocio. Para modificarlo en tu sitio, haz lo siguiente:

  1. Abre Mi sitio → Personalizar y haz clic en la sección Identidad del sitio web.
  2. Haz clic en el botón Añadir logotipo para abrir la biblioteca multimedia.
  3. Sube una nueva imagen o elige una que ya esté en tu biblioteca multimedia.
  4. Haz clic en Establecer como logotipo y tu logotipo se mostrará en la vista previa.
  5. Para guardar los cambios, haz clic en el botón Publicar, situado en la parte superior.

Añadir iconos sociales

Twenty TwentyOne incluye la opción de establecer un menú secundario encima del pie de página; este es un lugar perfecto para añadir enlaces a tus perfiles de redes sociales que se mostrarán como logotipos:

Iconos sociales

Para ello, primero tienes que crear un menú de enlaces a redes sociales. https://youtu.be/3rTooGV_mlg A continuación, debes indicar al sitio dónde se ubicará este menú:

  1. Ve a Personalizar → Menú.
  2. Elige el panel Ubicaciones de menús.
  3. Asigna el menú que has creado a la Ubicación de enlaces a redes sociales.
  4. Para guardar los cambios, haz clic en el botón Publicar, situado en la parte superior.

El menú de iconos de redes sociales de Twenty Twenty incluye los siguientes iconos:

  • Behance
  • CodePen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • Github
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Mediano
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • WordPress
  • Yelp
  • YouTube

Puedes descargar este tema y utilizarlo en la instalación de un sitio autoalojado de WordPress.

Descargar
¿Tienes alguna duda sobre este tema?Elige este diseño y te ayudaremos a crear un sitio.