Una inmersión profunda en Twenty-Two y WordPress Block Themes
Aunque un poco más tarde de lo planeado originalmente, obtendremos un nuevo tema predeterminado de WordPress. ¡Su nombre es veintidós!
El nuevo tema predeterminado de WordPress viene con la próxima versión de WordPress 5.9. Teníamos curiosidad por saber más sobre el nuevo tema, por lo que instalamos y probamos Twenty Twenty-Two en un entorno de desarrollo local con WordPress 5.9.
Le mostraremos nuestros resultados antes de concluir nuestros pensamientos para brindarle una descripción detallada de los entresijos del nuevo tema de WordPress.
Twenty Twenty-Two ha sido diseñado para ser el tema predeterminado más flexible, ligero y personalizable de todos los tiempos. Proporciona un gran patio de recreo para probar bloques, patrones y plantillas.
Al ser un tema de bloques, lo ayudará a explorar mejor la edición completa del sitio, los estilos globales, los bloques de navegación y las nuevas galerías de imágenes, que son las características más esperadas que vienen con WordPress 5.9.
Tenemos que decir de inmediato que Twenty Twenty-Two es el primer tema de bloque predeterminado!
Uno de los objetivos más ambiciosos del nuevo tema es empoderar a los usuarios. Con tantos patrones y plantillas disponibles, los usuarios pueden crear diseños complejos con solo unos pocos clics. El resto es solo personalización de estilo.
Desde un punto de vista técnico, escribir sobre Twenty Twenty-Two no es muy diferente de escribir sobre las últimas y más potentes funciones que vienen con WordPress 5.9. Pero Twenty Twenty-Two nos proporciona una lupa para apreciar mejor las nuevas funciones de edición del sitio y tener una mejor idea del futuro de la plataforma.
Así que aquí estamos para presentarles el nuevo tema.
Primero, exploraremos el nuevo flujo de edición del sitio que los usuarios experimentarán con WordPress 5.9 y Twenty Twenty-Two.
Después de eso, nos sumergiremos en las características principales del tema de bloques implementadas en Twenty Twenty-Two. Llegarás a conocer Estilos globales, patrones de bloque, plantillas, y partes de la plantilla.
Pero hay mucho más que decir sobre Twenty Twenty-Two y los temas de bloques de WordPress. Entonces, como un capítulo adicional, brindaremos una descripción general rápida de cómo extender las características de Twenty Twenty-Two al aprovechar las theme.json Archivo.
¡Aquí hay un primer vistazo al próximo tema predeterminado de WordPress! Estoy emocionado de ser codirigido junto con @jffng, y ambos esperamos que contribuyas a él y / o simplemente disfrutes usándolo. 🐦🦆🐤🦉https: //t.co/covjrpgFIO
– kjellr (@kjellr) 6 de octubre de 2021
Pongámonos manos a la obra y sumergámonos en el nuevo tema predeterminado Twenty Twenty-Two de WordPress.
Twenty-Two trae un nuevo flujo de edición de sitios
Varias funciones de edición completa del sitio forman parte del núcleo de WordPress 5.9. Los propietarios de sitios que utilicen la última versión de WordPress con un tema de bloques como Twenty Twenty-Two instalado pronto podrán:
- Crea y edita publicaciones y páginas usando más bloques y patrones.
- Personalice la configuración y los estilos definidos en el theme.json archivo a través de la interfaz de estilos globales
- Crea y edita plantillas para páginas y publicaciones.
- Cree y edite partes de la plantilla para el encabezado, pie de página y otras áreas de la plantilla
Con todas estas características fusionadas en el núcleo, los colaboradores principales de WordPress han estado discutiendo la evolución de la arquitectura de la información y han rediseñado todo el flujo de edición del sitio.
Lo primero que notará una vez que haya activado Twenty Twenty-Two es que el punto de entrada al editor del sitio ya no se encuentra en el menú principal de su panel de WordPress, sino que se ha movido debajo del Apariencia menú.
Traer la plantilla y las funciones de edición de estilo bajo el mismo Apariencia El menú debería simplificar la experiencia de edición. Debería facilitar la comprensión de que las funciones a las que accede se relacionan con la presentación de tus páginas.
El Editor El elemento de menú abre la plantilla de la página de inicio del sitio. Dependiendo de su configuración de lectura, esta puede ser su última página de publicaciones o una página estática.
Ahora, al hacer clic en el ícono de WordPress en la esquina superior izquierda, se muestra un nuevo menú de navegación del editor del sitio, que incluye tres elementos de menú: Sitio, Plantillas, y Partes de la plantilla.
Miremos más de cerca.
El Sitio La opción abre la plantilla de la página de inicio (los últimos artículos del blog o la página de inicio estática).
Desde el Plantillas elemento de menú, obtendrá una lista de las plantillas disponibles. Puede hacer clic en cualquier plantilla de la lista para iniciarla en el editor.
Al momento de escribir estas líneas, Twenty Twenty-Two proporciona 11 plantillas.
Al hacer clic en los puntos suspensivos (︙) a la derecha le permite borrar sus personalizaciones.
A diferencia de las plantillas de temas, las plantillas personalizadas solo se pueden renombrar o eliminar (pero puede editar las plantillas personalizadas en el editor de publicaciones).
El Partes de la plantilla El elemento de menú enumera las partes de la plantilla disponibles que puede abrir en el editor para sus personalizaciones.
Encontrará cuatro partes de plantilla agregadas a Twenty Twenty-Two de forma predeterminada. Al pasar el cursor sobre una plantilla modificada, se muestra una información sobre herramientas que le permite saber que la plantilla se ha personalizado.
Puede borrar estas personalizaciones haciendo clic en los puntos suspensivos (︙) a la derecha.
Edición de plantillas y elementos de plantilla
El Editor proporciona la interfaz para personalizar la estructura de sus plantillas y partes de la plantilla.
Aquí puede agregar o editar bloques y patrones fácilmente, y sus cambios se aplicarán automáticamente a cada página que use esa plantilla.
La siguiente imagen muestra la plantilla de página 404 en el editor. Es una plantilla bastante simple, que incluye solo un encabezado, un párrafo y un cuadro de búsqueda. Aún así, nos da una buena comprensión de cómo funciona la interfaz de usuario.
Aquí, puede realizar ediciones y personalizar plantillas para que se adapten mejor a sus necesidades. Por ejemplo, es posible que desee agregar un Cuadrícula de publicaciones de imágenes patrón para aumentar la participación de sus visitantes e invitarlos a navegar por el contenido de su sitio web.
El menú desplegable del encabezado en la parte superior del editor de plantillas muestra una lista de los Áreas de plantilla. La misma lista aparece en el Plantilla pestaña en el Ajustes barra lateral.
Al hacer clic en cualquier área de la plantilla (por ejemplo, Encabezado), se le llevará directamente a la parte de la plantilla que desea editar.
Si hace clic en el icono de puntos suspensivos a la derecha, accederá al Editor de parte de plantilla aislado.
El editor de parte de la plantilla también proporciona un par de controles que se pueden arrastrar, lo que le permite comprobar cómo se comporta la plantilla en diferentes resoluciones de pantalla.
Una vez que esté satisfecho con su cambios, guarde sus ediciones y vuelva al editor de plantillas principal para verificar el resultado final.
Si desea profundizar en la nueva arquitectura de la información, es posible que desee consultar los siguientes artículos:
Veintidós en su esencia: una descripción general rápida de theme.json
Para comprender completamente cómo funcionan Twenty Twenty-Two y los temas de bloques, echemos un vistazo a la nueva configuración del tema y el mecanismo de estilo basado en el theme.json Archivo.
Introducido con WordPress 5.8, este nuevo mecanismo permite a los desarrolladores de temas configurar el editor y agregar soporte de funciones desde un punto de configuración central.
En veintidós, el theme.json archivo tiene la siguiente estructura:
{
"version": 2,
"settings": {},
"styles": {},
"customTemplates": {},
"templateParts": {}
}Echemos un vistazo rápido a cada sección.
Versión
El version El campo describe la versión de la especificación, que actualmente es 2.
Ajustes
El settings La sección define la configuración a nivel global o de bloque. La configuración definida en el nivel superior afecta a todos los bloques, pero los bloques pueden anular individualmente la configuración global. En Twenty Twenty-Two encontrarás las siguientes configuraciones:
{
"settings": {
"appearanceTools": true,
"color": {
"duotone": [...],
"gradients": [...],
"palette": [...]
},
"custom": {...},
"spacing": {...},
"typography": {
"dropCap": false,
"fontFamilies": [...],
"fontSizes": [...]
},
"layout": {...}
}
}Los valores predeterminados de configuración se denominan Preajustes y se utilizan para generar propiedades personalizadas de CSS y nombres de clases basados en una convención de nomenclatura específica:
- Propiedad personalizada de CSS:
--wp--preset--{preset-category}--{preset-slug} - Nombre de la clase CSS:
.has-{preset-slug}-{preset-category}
Una vez que un tema ha definido sus ajustes preestablecidos, las propiedades personalizadas de CSS correspondientes se pueden usar para diseñar bloques y elementos en el styles sección.
Estilos
El styles La sección es donde los temas definen estilos predeterminados de elementos y bloques. Consulte, por ejemplo, los siguientes veintidós estilos para el bloque de botones principal:
{
"version": 2,
"styles": {
"blocks": {
"core/button": {
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--background)"
},
"typography": {
"fontSize": "var(--wp--preset--typography--font-size--normal)"
}
}
}
}
}Notará las propiedades personalizadas de CSS utilizadas en las declaraciones de propiedad.
Plantillas personalizadas
El customTemplates La sección es donde un tema declara sus plantillas personalizadas. El name y title los campos son obligatorios. Los temas también pueden declarar qué tipo de publicación puede usar la plantilla configurando el postTypes propiedad.
Twenty Twenty-Two proporciona cuatro plantillas personalizadas:
{
"version": 2,
"customTemplates": [
{
"name": "blank",
"title": "Blank",
"postTypes": [
"page",
"post"
]
},
{
"name": "page-large-header",
"title": "Page (Large Header)",
"postTypes": [
"page"
]
},
{
"name": "single-no-separators",
"title": "Single Post (No Separators)",
"postTypes": [
"post"
]
},
{
"name": "page-no-separators",
"title": "Page (No Separators)",
"postTypes": [
"page"
]
}
]
}Encontrarás el correspondiente .html archivos en el plantillas de bloques carpeta.
Partes de la plantilla
El templateParts La sección incluye definiciones de partes de plantilla:
{
"version": 2,
"templateParts": [
{
"name": "header",
"title": "Header",
"area": "header"
},
{
"name": "header-large-dark",
"title": "Header (Dark, large)",
"area": "header"
},
{
"name": "header-small-dark",
"title": "Header (Dark, small)",
"area": "header"
},
{
"name": "footer",
"title": "Footer",
"area": "footer"
}
]
}El name y title los campos son obligatorios. Los temas también pueden declarar un area término, donde la parte de la plantilla se representará en el editor.
Partes de la plantilla .html los archivos se encuentran en el plantillas-partes carpeta.
Ahora que sabes más sobre Twenty Twenty-Two’s theme.json, podemos explorar las características del tema y la nueva interfaz de edición más a fondo.
Vamos a sumergirnos en Estilos globales de Twenty Twenty-Two.
Estilos globales en veintidós
Si miras veintidós ‘ style.css, es posible que se sorprenda al notar que contiene un número mínimo de declaraciones CSS. La razón es que los estilos se declaran en el theme.json archivo en temas basados en bloques.
WordPress 5.9 llevará las cosas un paso más allá, presentando una nueva función que permite a los usuarios de temas de bloques personalizar la apariencia de los elementos del sitio desde una interfaz de usuario llamada Estilos globales.
Se puede acceder a la interfaz de Estilos globales desde el nuevo Estilos ubicado en la esquina superior derecha del Editor (ver también La interfaz de estilos globales).
Al hacer clic en ese icono se muestra un nuevo Estilos barra lateral que incluye tres paneles separados:
- A Avance panel, que muestra una vista previa de sus personalizaciones
- A Estilos globales panel que proporciona acceso a grupos específicos de controles para Tipografía, Colores, y Disposición
- A Bloques elemento que proporciona acceso a la configuración de estilo a nivel de bloque
Paleta de colores de Twenty Twenty-Two
El Colores El panel puede ayudarlo a editar las paletas disponibles y asignar o cambiar colores para Fondo, Texto, o Enlaces.
En el Paleta panel, puede personalizar el Tema o Defecto paletas e incluso crea tu paleta personalizada.
¿Ha encontrado ya el código que genera los controles de color?
Si no, abre Twenty Twenty-Two’s theme.json en su editor de código favorito. Encontrará las siguientes declaraciones de paleta de colores:
{
"version": 2,
"settings": {
"color": {
"palette": [
{
"slug": "foreground",
"color": "#000000",
"name": "Foreground"
},
{
"slug": "background",
"color": "#ffffff",
"name": "Background"
},
{
"slug": "primary",
"color": "#1a4548",
"name": "Primary"
},
{
"slug": "secondary",
"color": "#ffe2c7",
"name": "Secondary"
},
{
"slug": "tertiary",
"color": "#F6F6F6",
"name": "Tertiary"
}
]
}
}
}La imagen de abajo muestra cómo el código de arriba coincide con la paleta de colores de Twenty Twenty-Two.
Ahora supongamos que desea cambiar el color de fondo predeterminado para un bloque en particular. Elegir un color diferente para el fondo del bloque simplemente asignará una variable CSS diferente a la del elemento. background-color propiedad. La siguiente imagen proporciona un ejemplo de eso:
¡Y eso es todo! No necesitará agregar una sola línea de código CSS personalizado al Personalizador o crear un tema secundario para eso.
Pero sigamos explorando los estilos globales de Twenty Twenty-Two con algunos ejemplos adicionales.
Configuración de tipografía
El Tipografía El panel es donde puede personalizar los estilos de tipografía para los Texto y Enlaces elementos a nivel global.
Cada elemento proporciona acceso a un grupo de controles para personalizar la familia de fuentes, el tamaño y la altura de la línea.
¿Se pregunta qué código genera estos controles?
Abrir veintidós theme.json y encuentra el typography sección. Verás la siguiente configuración:
{
"version": 1,
"settings": {
"appearanceTools": true,
"typography": {
"dropCap": false,
"fontFamilies": [
{
"fontFamily": "-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif",
"name": "System Font",
"slug": "system-font"
},
{
"fontFamily": ""Source Serif Pro", serif",
"name": "Source Serif Pro",
"slug": "source-serif-pro"
}
],
"fontSizes": [
{
"name": "Small",
"size": "1rem",
"slug": "small"
},
{
"name": "Normal",
"size": "1.125rem",
"slug": "normal"
},
{
"name": "Medium",
"size": "1.75rem",
"slug": "medium"
},
{
"name": "Large",
"size": "clamp(1.75rem, 3vw, 2.25rem)",
"slug": "large"
},
{
"name": "Huge",
"size": "clamp(2.5rem, 4vw, 3rem)",
"slug": "huge"
}
]
},
}Puede esperar ver dos familias de fuentes y cinco tamaños de fuente del código anterior. Y habrías acertado.
Así es como el código anterior se traduce en estilos globales Tipografía ajustes:
Puede adivinar qué configuración genera la Altura de la línea control. En Twenty Twenty-Two, no encontrará una configuración específica para eso porque está habilitado por el appearanceTools propiedad, que es un atajo para varias declaraciones de configuración (consulte la siguiente sección).
Herramientas de diseño y apariencia
El último elemento de la barra lateral de Estilos globales es el Disposición. En el momento de escribir este artículo, solo incluye un padding control.
En Twenty-Two, el panel Diseño está habilitado por el appearanceTools propiedad de configuración, un valor booleano que se puede usar para habilitar varias configuraciones a la vez:
{
"settings": {
"appearanceTools": true
}
}"appearanceTools": true simplemente reemplaza el siguiente bloque de declaraciones:
{
'settings': {
'border': {
'color': true,
'radius': true,
'style': true,
'width': true
},
'color': {
'link': true
},
'spacing': {
'blockGap': true,
'margin': true,
'padding': true
},
'typography': {
'lineHeight': true
}
}
}De acuerdo, ahora es de esperar que comprenda cómo se declararon las configuraciones en el theme.json archivo coincida con los controles de estilos globales correspondientes.
Todavía falta una pieza de nuestro rompecabezas para obtener la imagen completa del nuevo tema predeterminado de WordPress: patrones de bloque.
Veintidós patrones de bloques
Se podría decir que Twenty Twenty-Two es principalmente una colección de patrones, y prácticamente lo es. En Twenty Twenty-Two, encontrará toneladas de patrones de bloques listos para usar entre los que puede elegir para construir estructuras asombrosas e impredecibles de bloques anidados para sus páginas web.
El término clave aquí es empoderamiento del usuario. Y eso encaja porque, con patrones de bloques, puede crear todo tipo de cosas, desde un portafolio atractivo hasta un sitio web promocional de una sola página, incluso si no tiene ningún conocimiento de HTML o CSS!
Y WordPress 5.9 trae mejoras significativas al sistema de patrones con el nuevo Pattern Explorer, una herramienta que le permite buscar patrones en un modo de pantalla completa.
La nueva herramienta también le permite importar patrones de bloques rápida y fácilmente directamente desde el directorio de patrones. Esto abre nuevas posibilidades tanto para los usuarios como para los desarrolladores de WordPress, por lo que es probable que su uso aumente considerablemente en el futuro.
Twenty Twenty-Two incluye muchos patrones (más de 65) en cinco categorías.
Este sólido conjunto de patrones se combina perfectamente con las plantillas y las partes de la plantilla que vienen con el nuevo tema predeterminado, lo que lo convierte en una experiencia de edición realmente asombrosa.
Si aún no ha tenido la oportunidad de experimentar con patrones de bloques, le mostraremos por qué se consideran herramientas tan poderosas con un ejemplo simple.
Suponga que desea eliminar el pie de página predeterminado de las plantillas Índice y Publicación única y reemplazarlo con un patrón de veintidós bloques diferente.
Inicie el Editor del sitio desde el Apariencia o el botón de la barra de herramientas de la interfaz de WordPress para personalizar la plantilla de índice.
Clickea en el Índice para mostrar el menú desplegable del encabezado que muestra la lista de áreas de plantilla disponibles en la página. Haga clic en el botón de puntos suspensivos junto a Pie de página y luego en Editar pie de página.
Como se mencionó anteriormente, esto lanzará el editor de parte de plantilla aislado.
Ahora abra el insertador de bloques y haga clic en Patrones.
Lanzar el nuevo Explorador de patrones herramienta, seleccione la Veintidós pies de página categoría y elija el pie de página que desee.
Ahora agregue y edite los bloques según sus necesidades.
Guarde el encabezado y vuelva a verificar su sitio cuando esté satisfecho con los cambios.
La siguiente imagen compara tres plantillas (índice, publicación única y publicación única sin separadores) con diferentes personalizaciones de encabezado y pie de página:
Ampliación de veintidós con un tema infantil
Crear un tema hijo para un tema de bloque es bastante diferente a crear un tema hijo para un tema clásico.
Pero una vez que tenga una buena comprensión de la estructura de un tema de bloque, no le resultará difícil crear un tema hijo para Twenty Twenty-Two o cualquier otro tema de bloque.
Así que descubramos cómo personalizar la apariencia de su sitio web basado en Twenty Twenty-Two.
1. Configuración de un tema infantil para veintidós
En tus / wp-content / themes directorio, cree una nueva carpeta y asígnele el nombre que desee (de acuerdo con los estándares de desarrollo de temas). En este ejemplo, llamamos a la carpeta del tema secundario veintidós hijos.
Ahora necesitas un style.css Archivo. Abra su editor de código favorito y cree la siguiente hoja de estilo:
/*
Theme Name: Twenty Twenty-Two Child
Theme URI: https://example.com/
Author: Your name
Author URI: https://example.com/
Description: A child theme for TT2.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-child
Template: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/Como siempre, puede editar campos según sus necesidades.
Su tema hijo ahora está disponible para vista previa. Puedes activarlo en el Apariencia> Temas pantalla de administración.
2. Personalización de la configuración global
Desde WordPress 5.9, los temas secundarios con theme.json archivo hereda la configuración del tema principal. Si el niño theme.json define un conjunto de estilos, luego esos estilos se aplican sobre los estilos de su padre.
Entonces podemos crear un theme.json archivo que incluye solo un pequeño bloque personalizado de definiciones de configuración y estilo en lugar de redefinir todas nuestras opciones originales.
Cómo declarar una paleta de colores personalizada
Al crear un tema hijo para Twenty Twenty-Two, la tarea más sencilla es reemplazar la paleta de colores. Todo lo que necesita hacer es definir una nueva paleta de colores en la theme.json Como se muestra abajo:
{
"version": 2,
"settings": {
"color": {
"palette": [
{
"slug": "foreground",
"color": "#FFFFFF",
"name": "Foreground"
},
{
"slug": "background",
"color": "#001F29",
"name": "Background"
},
{
"slug": "primary",
"color": "#D6FDFF",
"name": "Primary"
},
{
"slug": "secondary",
"color": "#FDFCDC",
"name": "Secondary"
},
{
"slug": "tertiary",
"color": "#FED9B7",
"name": "Tertiary"
},
{
"slug": "accent",
"color": "#E94435",
"name": "Accent"
}
]
}
}
}Guarde su archivo y vuelva al editor del sitio. La paleta de colores definida anteriormente debería haber reemplazado la paleta de colores predeterminada de Twenty Twenty-Two.
Los colores se mostrarán en orden en la paleta y sus nombres deben seguir las mejores prácticas y convenciones de nomenclatura discutidas en Github.
Puedes leer mucho más sobre theme.json opciones de color en esta descripción detallada de Carolina Nymark.
Cómo declarar filtros duotono personalizados
También puede reemplazar los colores de duotono predeterminados con su conjunto personalizado de filtros.
Para hacer eso, simplemente agregue el siguiente código a su hijo theme.json ajustes al mismo nivel que el palette propiedad:
{
"version": 2,
"settings": {
"color": {
"palette": [...],
"duotone": [
{
"colors": [
"#001F29",
"#FFFFFF"
],
"slug": "default-filter",
"name": "Default filter"
}
]
}
}
}Guarde su archivo y verifique el resultado en el editor de bloques. Solo debería ver un único filtro de duotono.
3. Personalización de estilos de bloque
Como mencionamos anteriormente, con WordPress 5.9, ahora puede personalizar theme.json configuraciones y estilos de la interfaz de estilos globales.
Los estilos de bloque se pueden personalizar desde la interfaz de estilos globales solo si el bloque declara soporte para una funcionalidad específica en el correspondiente block.json Archivo. Pero puede anular la configuración de bloqueo predeterminada en el tema de su hijo. theme.json.
Ahora suponga que desea anular el título de la publicación y los estilos de bloque de grupo. Todo lo que necesita hacer es definir los estilos que desea agregar o anular, como se muestra a continuación:
{
"version": 2,
"settings": {...},
"styles": {
"blocks": {
"core/post-title": {
"typography": {
"fontFamily": "Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif"
},
"color": {
"background": "var(--wp--preset--color--tertiary)"
},
"spacing": {
"padding": "var(--wp--custom--spacing--small)"
}
},
"core/group": {
"spacing": {
"margin": {
"top": "0",
"bottom": "0"
}
}
}
}
}
}En el ejemplo anterior, cambiamos la familia de fuentes, el color de fondo y los valores de relleno para core/post-title, así como los márgenes superior e inferior de core/group.
La siguiente imagen muestra el resultado como se vería en el sitio público:
¡Y eso es todo para la revisión!
No profundizaremos en los temas secundarios por ahora, ya que iría más allá del alcance de esta publicación. Mientras tanto, encontrará más ejemplos de temas secundarios de Twenty Twenty-Two en Github.
Resumen
Mientras miramos más de cerca el nuevo tema predeterminado de WordPress Twenty Twenty-Two y sus características (que lo convierten en el tema predeterminado más flexible jamás lanzado), presentamos la nueva arquitectura de información introducida con WordPress 5.9. Incluso pudimos echar un vistazo a la nueva interfaz de estilos globales.
Hay muchas funciones nuevas y emocionantes en camino, y parece claro que el nuevo entorno de edición se está volviendo más sólido, confiable y funcional con el tiempo.
Si bien muchas características nuevas de WordPress están en camino, otras están desapareciendo o perdiendo importancia. Muchos usuarios se preguntan qué pasará con el Personalizador y cuál es la mejor manera de mantener la compatibilidad con los temas existentes.
Sin embargo, no debe esperar saltar repentinamente de los temas tradicionales para bloquear temas en un solo límite. Actualmente tenemos cuatro tipos diferentes de temas para elegir:
- Temas de bloque: Temas diseñados para FSE
- Temas universales: Temas que funcionan tanto con el Personalizador como con el Editor del sitio.
- Temas híbridos: Temas clásicos que admiten funciones de FSE como theme.json
- Temas clásicos: Temas con plantillas PHP, functions.php, etc.
Por lo tanto, no temas por ahora: todavía hay muchas soluciones para elegir si aún no te sientes listo para cambiar a temas de bloqueo.
¡Y ahora te toca a ti! ¿Estás listo para dar el gran salto y comenzar a usar temas de bloques ahora mismo? Comparte tus pensamientos con nosotros en los comentarios a continuación.
Ahorre tiempo, costos y maximice el rendimiento del sitio con:
- Ayuda instantánea de expertos en alojamiento de WordPress, 24 horas al día, 7 días a la semana.
- Integración de Cloudflare Enterprise.
- Alcance de audiencia global con 29 centros de datos en todo el mundo.
- Optimización con nuestro monitoreo de rendimiento de aplicaciones integrado.
Todo eso y mucho más, en un plan sin contratos a largo plazo, migraciones asistidas y una garantía de devolución de dinero de 30 días. Consulte nuestros planes o hable con ventas para encontrar el plan adecuado para usted.
