Veintisiete años: mira primero el nuevo tema de WordPress

Veintiún veintiún años es el nuevo valor predeterminado de WordPress con WordPress 5.6. Como fue el caso con su predecesor, el tema WordPress Twenty Twenty de WordPress continúa el diseño de tema minimalista. Si está buscando un gran tema para confiar, tiene suerte. En este artículo, ingresaremos las características del tema de veintiún años y le mostraremos cómo personalizar su aspecto sin tener que hacer ningún trabajo adicional. Vamos a bucear.
¿Qué hay de nuevo en veintiún veintiún?
Veinte veintiún vienen con WordPress 5.6, que se lanzará el 8 de diciembre de 2020. Sin embargo, si desea instalar el tema ahora, puede hacerse cargo del archivo de veintiún años de Github y puede instalarlo como cualquier otro. Otro tema.
Como todos los demás temas implícitos antes, veintiún veintiún años, no solo está bien documentado, sino que presenta muchas de las mejores prácticas actuales en el desarrollo de temas. Veintiún veintiún años se construyen a la vista del editor de bloques de WordPress.

Una vez instalado, notará inmediatamente lo maravilloso que es este tema. De hecho, nunca fui un gran fanático de los temas predeterminados. Tengo algunos temas que son mis razones; Sin embargo, después de jugar con este tema, sin duda puedo decir que si estuviera construyendo sitios personalizados, incluso podría ver el uso de veintiún veintiún años como el tema principal.
¿Le gustaría obtener más información? Incluso cubriremos la construcción de temas con el editor de bloques con muchos más detalles durante nuestro evento de capacitación premium de enero. Tome su lugar ahora para construir los temas con WordPress Block Editor. De acuerdo, hay una serie de características en las que quiero hundirme con el resto de la publicación, por lo que echamos un vistazo a algunas de las características del tema. Tema para aprender las mejores prácticas para construir temas de WordPress. Por lo tanto, no debería sorprender a nadie que acepte e incluya una serie de características que los temas pueden aprovechar.
Hay una gran confianza en el editor de Gutenberg para crear páginas con veintiún veintiún años, por lo que no solo tienen que aceptar características temáticas, como miniaturas posteriores a la navegación, sino que también deben aceptar una serie de bloques de WordPress. Creo que lo que más me gusta de bucear tan profundo en veintiún veintiún años es ver cómo parece construir un tema en estos días. En los días de páginas y soluciones sin código, es fácil olvidarse de las raíces del sistema temático de WordPress. Estoy realmente emocionado de ver en qué sistemas temáticos se convertirán en los próximos años, ya que comienzan a usar parte del progreso en las bibliotecas HTML, CSS e incluso JS. Y estoy muy contento de que pueda consultar algunos de los estilos y patrones de bloque que han incorporado en veintiún veintiún años. Llegaremos a las características más avanzadas en un momento, pero primero analizaremos algunos elementos básicos.
Características temáticas
Etiqueta de título
Formato de publicación
Publicar miniaturas
Elementos html5
Logotipo de encabezado personalizado
Antecedentes personalizados
Dos menús de navegación (¡sí!)
La barra lateral única
Características de bloque
Estilos predeterminados
Estilos de editor
Dark Editor Styles (en modo oscuro)
Alinearse de par en par
Dimensiones de fuente
Paletas de colores
Preset de gradiente
Contenido de arranque
Incorporación receptiva
Estoy seguro de que extraño algo, pero esto debería darle una idea de las características disponibles en la caja con veintiún veintiún años. La siguiente lista incluye las características que más me entusiasma y quería sumergirme menos.
Dos menús creen que esta es la característica con la que probablemente estoy más encantado, especialmente porque el tema predeterminado finalmente acepta varios menús. Los menús son una parte integral de un sitio web y siempre me he sentido demasiado limitado para apoyar solo un menú.
Afortunadamente, con veintiún veintiún años, ahora puedes agregar dos menús. Obtienes uno en el encabezado y otro en el sótano. Característica interesante del bloque de cobertura que nunca encontré realmente usando el bloque de cobertura básica. Pero mientras pruebo veintiún veintiún años, dejé algunos bloques de cobertura en un aspecto de 3 columnas y agregué una imagen de fondo fija. ¿Sabía que si hiciera esto con todos los bloques de cobertura, aplicaría un efecto de caja? Mira esto.

Veo que esto se usa de varias maneras y tengo curiosidad por saber si alguien ya ha comenzado a usar esto. Dinos en los comentarios. Los formatos de publicación me recuerdan cuando aparecieron las publicaciones de WordPress por primera vez. Era una idea con la que jugaron y estaba muy contento de ver que se volvieran estándar. Por supuesto, los temas tardaron un tiempo en agregarlos, pero aún así, el hecho de que veintiún años todavía lo usa demuestra que tienen que obtener algo de amor. Veinte veintiún acepta nueve formatos de publicación: enlaces

Además
galería
Imágenes
citado
condición
videos
Audio
Chatas
Estos están disponibles en el panel de estado y visibilidad desde la configuración de los editores. Lo que realmente me gusta es el contenido del blog en el que crea varios tipos de contenido, como publicaciones de blog, archivos de audio y archivos de video.
Editor de dimensiones de fuentes Cuando comience a mirar a los constructores de páginas, siempre hay preocupación de que tenga un cambio de estilo en un sitio. He trabajado con muchos clientes a lo largo de los años y trabajé con varias páginas constructores a lo largo de los años. La mayor preocupación que tendría es que un cliente convertiría rápidamente una página en los últimos geocitos. Aquí intervienen las dimensiones de la fuente del editor. Cuando un tema establece dimensiones en la hoja de estilo, es increíblemente fácil de usar con bloques. Veintiún veintiún años acepta los siguientes tamaños de fuente:
Extra pequeño – 16
Pequeño – 18

Normal / Medio ambiente – 20
Genial – 24
Extra grande – 40
Enorme – 96
Gigantesco – 144
Configuración de color Otra área de preocupación que tengo con las páginas son los colores. Siempre quiero asegurarme de que los clientes puedan trabajar solos. Parte de esto es garantizar el hecho de que puedo aplicar el esquema de color adecuado para páginas, etc. Siento que este es probablemente el anhelo más grande en veintiún años, al menos en la caja. En el personalizador hay un panel Colors & Dark Mode (llegaremos a este último a continuación) que incluye solo dos opciones: un selector de color simple, con 10 paletas de colores predefinidas.
Un cuadro de selección para activar / desactivar el modo oscuro.
Solo existe la opción de cambiar el color de fondo aquí. Puede pasar del pastel verde a varias alternativas de color de fondo diferentes. Los mismos colores están disponibles como paletas de colores en la configuración del bloque del editor.
Vamos a sumergirnos en la Opción Dark Way por un minuto. Soporte del modo oscuro Estoy en una Mac y dado que introdujeron la opción Dark Mode en la interfaz de usuario, me moví allí. Estoy seguro de que lo que estás a punto de decir es que la forma oscura es para los desarrolladores. Hay muchas creencias sobre si el modo oscuro es bueno para sus ojos o no. Dejaré eso a su discreción para decidir solo.
Con veintiún veintiún años, puede activar el modo oscuro en su sitio, así es como:

Dark Support está disponible como función de inscripción para los propietarios de sitios.
El botón de conmutación se ha eliminado de la interfaz del editor y solo está disponible en Customizer.

El botón de conmutación de modo oscuro está en la esquina inferior derecha (izquierda o RTL) y desaparece cuando el visor del sitio ejecuta la página hacia abajo.
Con el camino oscuro activado, los televidentes del sitio pueden activarlo / desactivarlo de acuerdo con sus preferencias personales e independientemente de la configuración del sistema operativo / navegador. Creo que será interesante ver si esto continúa siendo algo más útil o si está abandonado, es el tema veintidós veintiún años.
Los modelos de bloqueo de los modelos de bloques de WordPress se han ingresado con WordPress 5.5 y veintiún veintiún años, vemos un conjunto completo de modelos de bloques. Cubrí los modelos de bloques anteriores, pero TL; Dr; En los modelos de bloque es que son modelos predefinidos que permiten a los usuarios crear cualquier cantidad de modelos complejos haciendo clic solo en unos pocos botones. Si desea hundirse un poco en el código, puede verificar el inc / block-paterns.php. Aquí puedes ver todos los modelos de bloques que los veintiún veintiún define.
En el momento de la prueba, aquí están los modelos de bloques que define el tema.
Gran texto
El área de los enlaces
El título del artículo y el texto de los medios

Imágenes superpuestas
Dos imágenes presentes
Imágenes y textos superpuestos
Lista de cartera
Información del contacto
El hecho de que haya tantos patrones de bloques es maravilloso para nosotros, como desarrolladores, porque podemos ver cómo se crean y, de hecho, crea el nuestro. Como usuarios, tenemos un conjunto de modelos de bloques que nos permiten agregar aspectos nuevos e interesantes de manera rápida y fácil a nuestras publicaciones y páginas en el blog. Estilo y propiedades personalizados CSS Uno de los aspectos interesantes de unos veintiantreación es el conjunto de características incorporadas para los desarrolladores. Debe buscar en el código para extraer algunas de las características extraordinarias, así que hablemos sobre las propiedades personalizadas de CSS que tiene disponibles. Una característica muy buena que tienen los preprocesadores CSS es la opción de incluir variables en CSS. Esto le permite agregar algo como un color como variable y luego usarlo en el resto de CSS. Estas son las propiedades personalizadas CSS. Las propiedades personalizadas de CSS (también conocidas como variables CSS) son entidades que contienen valores específicos que se pueden usar en toda la hoja de estilo. Hablemos de cómo funciona esto. Para poder usar estas propiedades CSS personalizadas, debe establecer un valor de propiedad en el bloque: la raíz de su CSS aquí hay un bloque de pantalla rápida: raíz del tema veintiún. Podría hacer con él. Digamos que desea agregar un color de borde alrededor de las imágenes. Puedes hacer esto con este pequeño código.
: raíz {
-global-color-rojo: #FF0000;
}
Soy G {

Borde: 1px VAR sólido (-global-color-rojo);
}
La primera sección que debe hacer es declararla en el bloque: root. Después de eso, agrega cal a una declaración fronteriza. Sin embargo, debe tener cuidado al usar propiedades CSS personalizadas, si necesita aceptar navegadores más antiguos. La buena noticia es que debido a que son aceptados por todos los principales navegadores, puede estar seguro de que trabajarán en la mayoría de las personas que miran su sitio. Veintiún veintisiete años, un tema sólido de veintiún años es un tema sólido. Como tema predeterminado, ofrece un excelente punto de partida, ya sea que desee aprender las nociones básicas del desarrollo base o si desea crear niños personalizados. Todos los temas predeterminados de WordPress respetan los estándares de codificación de WordPress, por lo que tomar un aspecto más profundo significa que aprenderá y verá las mejores prácticas para el desarrollo de temas. Por supuesto, si solo desea un buen punto de partida para su próximo proyecto web, usted también tiene esto.
AJ aporta más de dos décadas de experiencia trabajando y desarrollando sitios de membresía con una amplia gama de clientes.