WordPress 6.6 Su lanzamiento está previsto para el 16 de julio de 2024, y optimizará y mejorará varias funciones de versiones anteriores, además de introducir muchas funciones nuevas para seguir avanzando en la Fase 3 del desarrollo de WordPress. La nueva versión incluye 299 entradas principales, 392 mejoras, 462 correcciones de errores y 46 mejoras de accesibilidad para el editor de bloques.
Estas son las principales novedades y mejoras de WordPress 6.6:
![Imagen[1]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802230591.png)
Cobertura simultánea de muestras
API de enlace de bloques fue para concatenar propiedades de bloque y campos personalizados. La primera implementación del WordPress 6.6 En ella, la segunda iteración desbloquea el fichero llamado "Cobertura simultánea de muestras"Mejoras sincronizadas de las muestras.
Hay dos tipos de muestras en bloque:
- Bloque sincronizado Muestra
- Muestras de bloque estándar (no sincronizadas)
La principal diferencia entre estos dos tipos de muestra es cómo afectan al contenido de su sitio web. Cuando cambias una muestra sincronizada, todo lo que utiliza esa muestra se actualiza automáticamente y, como por arte de magia, todas las instancias de la misma muestra se vuelven exactamente iguales. Este no es el caso de las muestras de bloque estándar, cuando cambias una sólo afecta a esa, el resto permanece igual, muy personalizado.
Pues bien, la Superposición sincronizada de muestras es como el superhéroe entre las dos. Utiliza un superpoder llamado Block Binding API, que le permite crear una muestra que mantiene una estructura uniforme en todo su sitio, pero que es flexible al mismo tiempo. Cuando modifique la estructura o el estilo de esta muestra en el editor del sitio, todas las instancias que la utilicen se actualizarán de forma sincronizada, pero mágicamente, el contenido de cada instancia puede seguir modificándose de forma independiente sin afectar al resto.
Veamos ahora cómo funciona esta magia de superposición de muestras.
En primer lugar.
Necesitará una plantilla de sincronización. Puede crearla desde cero en el editor de artículos o buscar una plantilla de sincronización existente en la sección "Plantillas" del editor del sitio.
Paso 1: Vaya a Plantillas y copie una plantilla existente, como la plantilla Héroe del tema por defecto Twenty Twenty-Four.
![Image[2]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility | Servicio Profesional de Reparaciones de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801520289.png)
Añade un nombre y configura la copia como muestra sincronizada.
Paso 2: Vaya a "Mi muestra" para encontrar la nueva muestra de sincronización. Ábrala en el Editor de Sitios y seleccione individualmente todos los bloques que deben cubrirse.
Ir a Configuración de bloqueosuna barra lateral (en software)y desplácese hastasegmento avanzado. Hay uno".Activar anulación"Botón.
![Imagen [3] - WordPress 6.6 próximamente: centrado en nuevas funciones y mejoras - Photon Volatility | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801531511.png)
pulsar un botónA continuación, se le pedirá queAñadir nombreademásConfiguración del tipo de muestra.
![Imagen [4] - WordPress 6.6 próximamente: centrado en nuevas funciones y mejoras - Photon Volatility | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801535192.png)
Paso 3: Repita el mismo proceso para cada bloque que desee reescribir. Cuando haya terminado, cree unnuevo artículotal vezpágina webE incluya sus muestras personalizadas.
![Image[5]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801545752.png)
Paso 4: Cambie el contenido del bloque para reescribirlo y guarde el artículo. Por último.Comprobación de los resultados en la fase inicial.
![Imagen [6] - WordPress 6.6 próximamente: centrado en nuevas funciones y mejoras - Photon Volatility | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801553053.png)
Esto lo completa. Puede añadir tantas de estas muestras como desee en cualquier lugar de su sitio, y cada nueva instancia mostrará el mismo contenido original, pero puede personalizarse.
Ahora, vamos a comprobar el código de estos ejemplos. Navegue de nuevo al editor del sitio "plantilla" Sección. Seleccione "Mi muestra" y añada su muestra. A continuación, abra el menú Opciones y seleccione Editor de código para ver el código de la muestra.
Por ejemplo, el código debería ser similar al siguiente:
<div class="wp-block-group">
<!-- wp:heading {
"textAlign":"center",
"level":1,
"metadata":{
"bindings":{
"__default":{
"source":"core/pattern-overrides"
}
},
},
"name":"Hero title"
},"fontSize":"x-large"} -->
<h1 class="wp-block-heading has-text-align-center has-x-large-font-size">Compromiso con la innovación y el desarrollo sostenible</h1>
<!-- /wp:heading -->
...
</div>
En el separador de bloques, observará que el bloque metadatos.enlaces . Esto hace que el bloque de título sea editable.__por defecto Los enlaces indican a WordPress que conecte todas las propiedades admitidas a una fuente específica, por ejemplo"core/pattern-overrides".
Las mismas propiedades se aplican a todos los bloques que tenga que editar. Tomemos como ejemplo el bloque de botones:
<div class="wp-block-buttons">
<!-- wp:button {
"metadata":{
"bindings":{
"__default":{
"source":"core/pattern-overrides"
}
},
"name":"Hero button"
}
} -->
<!-- /wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button">Quiénes somos</a>
</div>
...
</div>
Ahora, vuelva al editor de artículos y cambie al editor de código. El código debería tener un aspecto similar al siguiente:
¡
Aquí no verá el bloque concreto, sino una referencia a la muestra de bloque y un conjunto de propiedades de bloque editables.
Del mismo modo, puede añadir cualquier número de muestras de bloques en cualquier lugar del sitio, y éstas mantendrán la misma estructura y diseño que cuando se construyeron en el editor del sitio.
![Imagen [7] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070801591275.png)
Edite el estilo y la estructura de la muestra en el editor del sitio y reescríbala.
Después, puede cambiar el contenido de cada bloque editable individualmente, manteniendo intacta la estructura general.
Edición de valores de campos personalizados desde bloques conectados
WordPress 6.5 introdujo una nueva función que permitía a los usuarios vincular valores de campo personalizados a atributos de bloque como fuente de datos (core/post-meta), y WordPress 6.6 mejoró aún más esta función para que los usuarios puedan ahora editar estos valores de campo personalizados directamente desde el bloque.
Puede probarlo registrando un nuevo conjunto de campos personalizados desde el archivo de funciones de un plugin o tema, asegurándose de registrar los metadatos de la entrada con la propiedad mostrar_en_descanso ajustado a verdadero. A continuación se muestran algunos ejemplos:
register_post_meta(
'post'.
'book_title',
array(
'show_in_rest' => true,
'type' => 'string',
'single' => true, 'sanitise_callback' =>
'sanitize_callback' => 'sanitize_text_field'
)
);
Cuando hayas terminado, crea una nueva entrada o página y añade un nuevo campo personalizado con el mismo nombre que el campo personalizado que creaste anteriormente. Añade un bloque compatible (como un bloque de título) en el editor y, a continuación, cambia al editor de código y modifica el bloque como se indica a continuación:
<!-- wp:heading
{
"metadata":{
"bindings":{
"content":{
"source":"core/post-meta",
"args":{
"key":"book_title"
}
}
}
}
} -->
<h2 class="wp-block-heading"></h2>
<!-- /wp:heading -->
Guarde la entrada/página y compruebe los resultados. Ahora puedes editar el contenido del título directamente desde el bloque y los valores de los campos personalizados deberían reflejar tus cambios.
![Imagen [8] - WordPress 6.6 próximamente: centrado en nuevas funciones y mejoras - Photon Volatility | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802022529.png)
Además, un nuevo panel ofrece ahora información sobre los atributos de bloque vinculados a un campo personalizado, mostrando los atributos de bloque vinculados al campo personalizado.
![Imagen [9] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802024664.png)
Esta característica también aporta algunas funcionalidades relacionadas:
- Puede actualizar los valores de los campos personalizados desde el bucle de consulta.
- Si varios bloques están conectados al mismo campo personalizado, compartirán el mismo valor de campo personalizado y cambiarán en sincronía con él.
- Los usuarios sólo pueden editar los campos personalizados de las entradas para las que tienen permisos.
Nota final: como ya se ha mencionado, la compatibilidad de bloques con la API de enlace de bloques sigue siendo limitada en estos momentos:
![Imagen [10]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802040614.png)
Mejoras en la vista de datos
Introducida en WordPress 6.5, la vista de datos es una interfaz de usuario mejorada para gestionar contenidos como plantillas, muestras, entradas y medios. Esta nueva interfaz desempeñará un papel importante en la fase 3 de la hoja de ruta de desarrollo, especialmente en lo que respecta a la colaboración. Por lo tanto, podemos esperar que las futuras versiones de WordPress traigan más mejoras, como la asignación de personas para revisar las entradas o la creación de vistas personalizadas para agilizar el flujo de trabajo. En WordPress 6.6, la nueva interfaz sólo está disponible en el editor del sitio, pero se ampliará a más secciones administrativas en el futuro.
WordPress 6.6 introduce un nuevo diseño de la página de administración. El administrador de la sección de plantillas se ha eliminado y se ha integrado en la sección de muestras, y el menú de muestras del editor del sitio se ha reorganizado en dos secciones, con la sección de plantillas en la parte superior y las muestras en la parte inferior.
![Imagen [11]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802045463.png)
Para las páginas, un nuevo panel ofrece una lista de páginas y permite previsualizar cualquier página con un solo clic.
![Imagen [12]-WordPress 6.6 Muy Pronto: Centrado en Nuevas Características y Mejoras - Photon Volatility | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802050818.png)
También verás nuevas opciones de diseño en el menú Opciones de vista. (El icono de la esquina superior derecha).
![Imagen [13] - WordPress 6.6 próximamente: centrado en nuevas funciones y mejoras - Photon Volatility | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802052711.png)
![Imagen [14] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802053574.png)
Además de estos cambios importantes, se han introducido varias mejoras menores en la vista de datos para mejorar la funcionalidad y el carácter informativo de la interfaz. Por ejemplo, se ha añadido una función de edición masiva y la visualización de insignias en la página del front-end o en la página del artículo.
![Imagen [15] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802060536.png)
WordPress 6.6 lleva las vistas de datos un paso más allá, pero aún estamos en las primeras etapas. En el futuro, veremos la introducción de una API ampliada que permitirá a los desarrolladores manipular las vistas directamente. Para profundizar en el futuro de las vistas de datos, consulta el artículo de Anne McCarthyActualización de la vista de datos - junio de 2024".
Otras mejoras del editor de bloques
WordPress 6.6 integra 8 versiones de Gutenberg en el núcleo -de la 17.8 a la 18.5-, lo que aporta una serie de mejoras en la interfaz, las bibliotecas React, las API de bloques y mucho más. He aquí algunas de ellas:
- Nuevo proceso de publicación
- Ver todos los bloques
- Teclas de acceso directo a grupos de bloques
Nuevo proceso de publicación
En la versión 6.6, la barra lateral de configuración de artículos/páginas se ha simplificado y optimizado para ser más ligera y coherente. Esta iteración da un paso más en el proceso de unificación entre el editor de artículos y el editor de sitios, ya que ambos editores tienen ahora el mismo proceso de publicación.
![Imagen [16]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802064313.png)
Comparación de la barra lateral de configuración de páginas en WordPress 6.5 vs 6.6 La experiencia de publicación se ha estandarizado con un nuevo panel de Estado y Visibilidad que le permite establecer el estado de sus entradas/páginas en una ubicación más conveniente.
![Imagen [17] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802070076.png)
Otros cambios afectan a los controles de Imagen destacada y Resumen, que se han trasladado al menú Acciones mejoradas, en la parte superior de la barra lateral y en la esquina superior derecha.
![Imagen [18] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802071833.png)
Ver todos los bloques
En versiones anteriores de WordPress, cuando seleccionabas un bloque, el insertador de bloques sólo mostraba los bloques que podías añadir al bloque seleccionado. Por ejemplo, al seleccionar un bloque de columnas, el insertador de bloques solo mostraba bloques de columnas porque solo se podían añadir columnas.
![Imagen [19] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802073835.png)
A partir de WordPress 6.6, el insertador de bloques muestra dos grupos de bloques: bloques que pueden añadirse al bloque seleccionado y bloques que pueden añadirse debajo del bloque seleccionado.
![Imagen [20]-WordPress 6.6 Coming Soon: Focus on New Features and Improvements - Photon Volatility Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802075566.png)
Teclas de acceso directo para combinar bloques
Ahora puede combinar los bloques seleccionados utilizando el método abreviado ⌘ + G en MacOS o Ctrl + G en Windows.
Muestras de bloques en temas clásicos
A partir de WordPress 6.6, los temas clásicos admiten la misma interfaz de muestras que los temas de bloque. Por lo tanto, si está utilizando el tema Classic en su sitio de WordPress, disfrutará de la misma experiencia rica en la gestión de muestras que el tema de bloque.
La siguiente imagen compara las pantallas de muestra de WordPress 6.5 con la sección de gestión de muestra de WordPress 6.6.
![Imagen [21]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802081412.png)
Pantallas de muestra en WordPress 6.5 con Twenty Twenty-One Classic Theme
![Imagen [22]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802083260.png)
Gestión de muestras en WordPress 6.6 con Twenty Twenty-One Classic Theme
Ahora puede editar, copiar, renombrar, exportar a JSON y eliminar muestras igual que en el tema de bloques.
![Imagen [23] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802085235.png)
Acciones de ejemplo en WordPress 6.6 con el tema Twenty Twenty-One Classic
Puede realizar operaciones por lotes seleccionando las muestras individualmente o pulsando el botón de edición por lotes. También dispone de funciones de clasificación y filtrado.
![Imagen [24]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802091166.png)
Ejemplo de operaciones por lotes en WordPress 6.6 con el tema Twenty Twenty-One Classic
También puede crear muestras como en el tema Bloque. Haga clic en el botón Añadir nueva muestra en la esquina superior derecha y se le pedirá que rellene el formulario de detalles de la muestra.
![Imagen [25]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802093250.png)
Añadir nuevas muestras con temas clásicos en WordPress 6.6
A continuación, puede construir o editar sus muestras en el editor del sitio como de costumbre.
![Imagen [26] - WordPress 6.6 Muy Pronto: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802095431.png)
Esta actualización ofrece más funciones a los usuarios de temas clásicos, desbloqueando nuevas habilidades que hacen que la experiencia de edición sea más coherente entre los temas clásicos y los temas en bloque.
Nuevas herramientas y funciones para diseñadores y desarrolladores de temas
WordPress 6.6 ofrece numerosas funciones y mejoras para diseñadores y desarrolladores de temas. Los diseñadores tienen más acceso a los estilos, incluyendo estilos parciales, imágenes de fondo para todo el sitio, un nuevo editor de sombras y cambios en el diseño de la cuadrícula. Y los autores de temas disponen de más herramientas que les proporcionan una mayor flexibilidad. Echemos un vistazo.
- Theme.json v.3
- Especificidad CSS en WordPress 6.6
- Estilo parcial
- Preajustes de color y tipografía
- Imagen de fondo del sitio
- Cambios en el diseño de la cuadrícula
- margen negativo
- Sombras personalizadas
- Preajustes de relación de aspecto personalizados
Theme.json v.3
WordPress 6.6 introdujo una nueva versión de theme.json - versión 3. La nueva versión cambia la forma en que se anulan las propiedades predefinidas. Ahora, para cambiar los valores por defecto para el tamaño de la fuente o el tamaño del espaciado, es necesario cambiar los valores por defecto en el archivo configuración.tipografía tal vez settings.spacing comandante en jefe (militar) defaultFontSizes tal vez defaultSpacingSizes ajustado a falso.
Se resume a continuación:
- (coll.) suspender (a un estudiante)
defaultFontSizestal vezdefaultSpacingSizesajustado averdaderoCuando el tamaño de fuente y el tamaño de espaciado predeterminados se muestran en el editor, el tema no puede crear preajustes utilizando los identificadores predeterminados. Por defecto, eldefaultFontSizesajustado averdadero. - (coll.) suspender (a un estudiante)
defaultFontSizestal vezdefaultSpacingSizesajustado afalsoCuando el tamaño de fuente y el tamaño de espaciado predeterminados no se muestran en el editor, el tema puede utilizar los identificadores predeterminados.
Consulte las notas para desarrolladores de Theme.json versión 3 Una visión más completa de la
Especificidad CSS en WordPress 6.6
En WordPress 6.6, la especificidad de CSS ha cambiado y ahora es más fácil anular los estilos principales mientras se admiten estilos globales.
Antes de la versión 6.6, anular los estilos básicos era a menudo difícil y los desarrolladores de temas tenían que escribir complejas reglas CSS para conseguir el efecto deseado. En la versión 6.6, los estilos de bloque centrales y los estilos globales (theme.json) se han sobrescrito mediante (...) envolviendo los selectores existentes para reducir la especificidad de los estilos centrales a 0-1-0, haciéndolos uniformes para soportar los nuevos estilos de sección.
Por ejemplo, .wp-block-image.is-style-rounded img se ha actualizado a (.wp-block-image.is-style-rounded img).
Se recomienda a los desarrolladores de bloques que opten por incluir estilos globales que realicen los mismos cambios en sus estilos para personalizarlos de forma predecible a través de la interfaz de estilos. Así, si tienes un bloque personalizado con el siguiente estilo:
wp-block-custom-block {
padding: 0;
}
Deberías envolverlo en :root :where():
:root :where(.wp-block-bloque-personalizado) {
padding: 0;
}
Para más información, consulte las notas del desarrollador.Una mirada más profunda a la especificidad CSS en WordPress 6.6.
Estilo parcial
WordPress 6.6 permite aplicar estilos a secciones individuales de una entrada o página sin tener que volver a aplicar el mismo estilo bloque a bloque. Esto significa que puedes seleccionar varios bloques y subbloques y asignar una variación de estilo a toda la selección.
Esto es posible gracias a la ampliación de los cambios de estilo de los bloques, que ahora admite el estilo de los bloques y elementos interiores y aprovecha la especificidad de estilo reducida para el estilo global.
Puede definir y manipular cambios de estilo de bloque a través de estilos globales sólo si registra el cambio de estilo de bloque a través de uno de los siguientes métodos:
- Utilice la sección theme.json del directorio /styles del tema
- hacer uso de
registrar_bloque_estilofunción (matem.) - Definir en su theme.json
estilos.bloques.variaciones
Definir los cambios de estilo de bloque utilizando la sección theme.json
De forma similar a los cambios de estilo de tema, los cambios de estilo de bloque pueden tener su propia sección theme.json en el directorio /styles del tema.
La diferencia entre las dos variaciones es que la variación de estilo bloque tiene un nuevo nivel superior blockTypes que es una matriz no vacía de tipos de bloque que admiten cambios de estilo de bloque. Además, se ha añadido una nueva propiedad babosa para "proporcionar coherencia entre las distintas fuentes que definen los cambios de estilo de bloque y para separar los slugs de los atributos de título traducibles".
Las notas para desarrolladores proporcionan la siguiente sección theme.json de ejemplo:
{
"$schema": "https://schemas.wp.org/trunk/theme.json",.
"estilos": {
"color": {
"text": "#201819"
},
"elements": {
"heading": {
"color": {
"text": "#201819"
}
}
},
"blocks": {
"core/group": {
"color": {
"background": "#825f58", "text": "#eed8d3", {
"text": "#eed8d3"
}, "elements": {"background": "#825f58", "text": "#eed8d3
"elements": {
"heading": {
"color": {
"text": "#eed8d3"
}
}
}
}
}
}
}
pasar (una factura o inspección, etc.) registrar_bloque_estilo Definir mediante programación los cambios de estilo de los bloques
registrar_bloque_estilo ofrece una segunda forma de registrar los cambios de estilo de bloque. Puede registrar un cambio de estilo de bloque en la función funciones.php Utilícelo así en el
register_block_style(
array( 'core/group', 'core/columns' ),
array(
'name' => 'light', 'label' => __( 'Light' ), array(
'label' => __( 'light' ), 'style_data' => array(
'style_data' => array(
'color' => array(
'text' => '#d2e3c8'.
),
'blocks' => array(
'core/group' => array(
'color' => array(
'background' => '#739072',
'text' => '#e3eedd'.
),
),
),
'elements' => array(
'link' => array(
'color' => array(
'text' => '#ead196'.
),
':hover' => array(
'color' => array(
¡'text' => '#ebd9b4', !
),
),
),
),
), ), ), ), ), ), ), ), ), ), )
)
);
Ahora, al seleccionar un bloque Grupo o Columnas, el panel Estilos de la barra lateral del bloque muestra los botones de estilo de sección registrados.
![Imagen [27]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802124937.png)
Para obtener información más detallada y ejemplos de algunos de los cambios de estilo, consulte el artículo de Justin Tadlock,Configuración de secciones, elementos anidados y más con variaciones de estilo de bloque en WordPress 6.6Aaron RobertshawNotas para desarrolladoresasí comoExtensiones estilo bloquede la solicitud de extracción.
Definición de cambios de estilo de bloque mediante cambios de estilo de tema
Aunque actualmente es posible utilizar tema.json ha dado en el clavo estilos.variaciones pero este enfoque es sólo temporal y pronto quedará obsoleto. Para una descripción más detallada, véanse las notas para desarrolladores del atributoparte pertinente.
Preajustes de color y tipografía
Ahora, puede utilizar la interfaz de estilo globalSeleccione un preajuste disponiblepara cambiar la paleta de colores del tema y la familia de fuentes.
Si su tema actual admite preajustes de color y tipografía, aparecerán en los ajustes de color y tipografía del estilo global.
Las siguientes imágenes muestran las dos paletas de colores que ofrece Twenty Twenty-Four.
![Imagen [28]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802133214.png)
Paleta de luces Twenty Twenty-Four
![Imagen [29]-WordPress 6.6 Coming Soon: Focus on New Features and Improvements - Photon Volatility Network | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802141348.png)
Paleta oscura de Twenty Twenty-Four
Para añadir esta función a su tema, debe crear variaciones de estilo que contengan sólo colores y tipografía. Los estilos así definidos se extraerán y utilizarán para generar preajustes.
Para esta función, véase tambiénMejoras en el editor del núcleo: actualiza tu diseñoy el Programa de Acción de la Conferencia Internacional sobre la Financiación para el Desarrollo (CIFD).Cree variaciones individuales de tipografía y color...".
Imagen de fondo del sitio
A partir de WordPress 6.6, puede añadir una nueva sección a la sección tema.json y el editor del sitio para definir imágenes de fondo para todo el sitio.
Una imagen para todo el sitio es un valor de atributo de imagen de fondo que se establece en el elemento body y aparece en todas las páginas del sitio.
existe tema.json Para definir la imagen de fondo de todo el sitio en el estilos.fondo Los atributos se utilizan bajo el backgroundImage.url::
{
"estilos": {
"background": {
"backgroundImage": {
"url": "https://example.com/bg.png"
}
}
}
}
En el ejemplo anterior, se establece una ruta absoluta a la imagen, pero también puede definir la imagen de fondo utilizando una ruta relativa al directorio raíz del tema, como se muestra a continuación:
{
"estilos": {
"background": {
"backgroundImage": {
"url": "file:. /assets/bg.png"
}
}
}
}
A continuación, puede utilizar las siguientes propiedades de imagen:
backgroundPositionbackgroundSizebackgroundRepeat
Si no eres desarrollador de temas, puedes utilizar la imagen de fondo de todo el sitio a través del panel de estilos del editor del sitio. En WordPress 6.6, los controles adecuados se encuentran en Estilos > Diseño.
![Imagen [30]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802154950.png)
Esta es la primera iteración de las imágenes de fondo. Para conocer con más detalle su funcionamiento, sus limitaciones y sus planes de futuro, consulta la nota del desarrolladorImágenes de fondo para todo el sitio en WordPress 6.6".
Cambios en el diseño de la cuadrícula
Una nueva variante de diseño del bloque Grupo permite mostrar los elementos de un grupo en forma de cuadrícula.
Puede probarlo añadiendo un bloque de grupo al lienzo del editor y eligiendo un diseño de cuadrícula en el panel Configuración del bloque.
![Imagen [31]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802161172.png)
Existen dos tipos de diseños de cuadrícula:
- Auto: genera automáticamente las filas y columnas de la cuadrícula
- Manual: permite establecer el número de columnas que se añadirán a la cuadrícula.
Añada contenido a un elemento de la rejilla y cambie su tamaño utilizando los controles. También puede ajustar el ancho mínimo de columna o el número de columnas según el tipo de cuadrícula seleccionado.
margen negativo
Ahora es posible establecer márgenes negativos para todos los bloques que admiten controles de márgenes. Antes de WordPress 6.6, esta función solo estaba disponible en theme.json, pero ahora es fácil aplicar márgenes negativos a los elementos para crear un efecto de superposición.
Tenga en cuenta que en WordPress 6.6, debe añadir los valores negativos manualmente, como se muestra a continuación.
![Imagen [32]-WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras-photonwave.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802165093.png)
Configuración de márgenes negativos para bloques de botones en WordPress 6.6
Sombras personalizadas
En WordPress 6.6, las sombras personalizadas pueden crearse y editarse en la interfaz de Estilos Globales. Para crear una sombra personalizada, navegue hasta el editor del sitio y seleccione Sombra en el menú Estilos globales. Aquí encontrará un panel de personalización. Cuando haga clic en el botón +, aparecerá un nuevo elemento que le ofrecerá un conjunto de controles para personalizar o renombrar/eliminar la sombra.
![Imagen [33] - WordPress 6.6 Próximamente: Centrado en Nuevas Características y Mejoras - Photon Volatility Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](https://www.361sale.com/wp-content/uploads/2024/07/2024070802174626.png)
resúmenes
WordPress 6.6 viene con muchas novedades y cambios, desde anulaciones del modo bloque hasta mejoras en la vista de datos, nuevas funciones para desarrolladores de temas y una experiencia de edición unificada para editores de sitios y entradas. Pero hay mucho más que no se ha cubierto en este artículo, como por ejemploFunción Rollback para actualizaciones automáticas.
Para profundizar en estos cambios, consulte una serie de excelentes recursos de colaboradores del núcleo de WordPress que se mencionaron durante nuestras pruebas de WordPress 6.6. Entre ellos, recomendamos el libro de Anne McCarthyWordPress 6.6 La fuente de la verdadEl "Meetup" delSeminario en línea sobre WordPress",Blog para desarrolladores de WordPresspublicado en el blog Make WordPress CoreNotas de desarrolloy Birgit Pauli-Haack, en el informe del Secretario General.Tiempos de GutenbergActualizaciones periódicas, etc. sobre la
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/12786El artículo está protegido por derechos de autor y debe ser reproducido con atribución.






















![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios