Twenty Twenty

de the WordPress team
Escoger este diseño

Twenty Twenty es el nuevo tema por defecto de WordPress. Su base está diseñada con la flexibilidad del editor de bloques. Si quieres usarlo para una organización o un negocio, puedes combinar columnas, grupos y elementos multimedia para crear diseños dinámicos que muestren tus servicios o productos. Si quieres usarlo para un blog tradicional, la columna de contenido centrado y una tipografía adecuada son perfectos para ello.

En una pantalla de ordenador de 1440 píxeles, la anchura de la columna principal es de 580 píxeles. La anchura del bloque “ancho” es de hasta 1200 píxeles, y la anchura del bloque “entero” se expande por toda la anchura de la pantalla.

Compatibilidad completa con el editor de bloques

El editor de bloques en Twenty Twenty

Twenty Twenty se ha diseñado y desarrollado para sacar el máximo partido de la libertad creativa del editor de bloques. Hemos prestado especial atención a los bloques Columnas y Grupo, que se pueden combinar en atractivas páginas de destino con complejos diseños de bloques. Twenty Twenty incluye todos los estilos de editor para el editor de bloques, así que lo que se te muestra en el editor coincide casi exactamente con el resultado final.

Twenty Twenty es compatible con 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, en la parte superior.

Twenty Twenty realza tus imágenes destacadas en entradas y páginas:


El tamaño de imagen destacada recomendado es de 1980 píxeles de ancho por 1485 píxeles de alto.

Colores personalizados

Twenty Twenty incluye tres opciones de configuración de color que te permiten dar un toque personal a tu sitio web. Para cambiar la configuración de color, dirígete a Personalizador → Colores.

Las opciones de configuración incluidas en Twenty Twenty son las siguientes:

  • Color de fondo (beige claro por defecto)
  • Color de fondo del encabezado y pie de página (blanco por defecto)
  • Color primario (rosa por defecto)

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

Plantilla de portada

Twenty Twenty incluye una plantilla de página denominada «Plantilla de portada» que muestra el título de la entrada o página en la parte superior de la imagen destacada.

La plantilla de portada en Twenty Twenty

Puedes configurar una entrada o página para usar la plantilla de portada. Para ello, edita la entrada o página, elige la pestaña «Documento» que se encuentra en la parte derecha de la barra lateral, amplía la pestaña «Atributos de entrada/página» y elige «Plantilla de portada» en el desplegable «Plantilla».

Twenty Twenty incluye varias opciones para la «Plantilla de portada», situadas en la pestaña «Plantilla de portada» en el Personalizador. En esta sección, puedes definir el color de fondo de la superposición de la imagen, la opacidad de esta y el color del texto que se muestra encima de la superposición. También puedes elegir si quieres que la imagen de fondo tenga una posición fija cuando el visitante se desplaza por la página, lo que crea un sutil efecto de paralaje.

Widgets

Twenty Twenty incluye dos áreas de widget debajo del contenido del sitio, en el pie de página. La anchura máxima de la columna es de 570 píxeles

En pantallas más anchas de 700 píxeles, estos widgets se muestran automáticamente en dos columnas.

Añadir iconos sociales

Twenty Twenty incluye un menú de iconos sociales y puede añadir enlaces a tus perfiles de redes sociales que pueden mostrarse como logotipos en el pie de página.

Para ello, deberás crear un menú de enlaces sociales.

A continuación, indica dónde se debe poner el menú:

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

El menú de iconos sociales de Twenty Twenty incluye iconos para:

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

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

  1. En una pantalla de ordenador de 1440 píxeles, la anchura de la columna principal es de hasta 1032 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 columna de 1032 píxeles.
  3. El tamaño de imagen destacada recomendado es de 2000 píxeles de ancho por 1200 píxeles de alto.

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.