Wp-block-library css
Contenidos
En un tema de bloques, los bloques se analizan antes del <head>, por lo que siempre sabemos qué bloques estarán presentes antes de renderizar una página. Esto hace posible añadir los estilos de bloque al <head> de nuestro documento.
Si tu tema añade estilos a los bloques, en lugar de cargar un único archivo que contenga todos los estilos para todos los bloques, puedes dividir los estilos y tener un único archivo por bloque. Esto te permitirá cargar los estilos de bloque de tu tema (o plugin) sólo cuando exista un bloque en una página.
Para ello, se ha implementado un mecanismo de inlining. Se trata de una función opcional que puede gestionarse por hoja de estilo. Internamente, sólo se procesan los activos que tienen datos definidos para la ruta, por lo que para optar por ello, una hoja de estilo puede añadir algo como esto:
Cuando se renderiza una página, las hojas de estilo que han optado por ser inline se añaden a un array. Su tamaño se recupera mediante una llamada a filesize (por eso son necesarios los datos de la ruta), y el array se ordena por tamaño ascendente (de menor a mayor hoja de estilo). Entonces comenzamos a inlinear estos activos yendo de menor a mayor, hasta que se alcanza un límite de 20kb.
WordPress añadir css al bloque
En 2007 escribí mi codificador DXT1/5 (también conocido como BC1/3) rygdxt, originalmente para “fr-041: debris” (por lo que estaba limitado en tamaño). Un poco más tarde colgué el código fuente y Sean Barrett lo adaptó a “stb_dxt”, que es probablemente la forma en que la mayoría lo conoce hoy en día.
Es un simple codificador BC1 que da una calidad decente, el algoritmo subyacente es razonablemente rápido (lo suficientemente rápido como para digamos hornear texturas que produces una vez por sesión en un juego desde un creador de personajes, digamos, que es uno de los casos en los que he terminado usándolo en un contexto profesional), y es fácil de integrar.
El algoritmo básico utiliza las mismas primitivas que la mayoría de los codificadores BC1 (asumiré que sabes cómo funciona BC1): calcular la media y la matriz de covarianza del bloque de píxeles, calcular el componente principal de la covarianza para obtener una estimación inicial de la dirección en la que debe apuntar el vector entre los dos puntos finales. A continuación, proyectamos todos los valores de los píxeles sobre ese vector para encontrar los puntos de apoyo mínimo/máximo en esa dirección como los puntos finales iniciales de la semilla (que determinan la paleta inicial), asignamos a cada píxel la entrada de la paleta más cercana a él, y hacemos algún refinamiento iterativo de todo el asunto.
Wp_enqueue_block_style
He pensado en el pasado que podemos renderizar CSS inline si un usuario sólo está usando el plugin Custom CSS pero si el usuario está usando el plugin junto con Otter y ya está generando un archivo CSS entonces podemos simplemente añadir Custom CSS a ese archivo CSS de Otter. ¿Qué opinas? @abaicus
10kb me parece bien, esperamos 20kbs de CSS de Gutenberg + más, así que el umbral del 10% me parece bien. Podemos comprobar si el archivo se está comprobando actualmente es sólo 1-2kbs fuera de límite e incluir que también, pero cualquier cosa por encima de que se puede cargar desde el archivo CSS.
Temas de WordPress en bloque
WordPress 5.8 “Tatum”, llamado así en honor al pianista de jazz Art Tatum, ha aterrizado hoy. Se trata de la segunda gran versión de 2021. Incluye filtros de medios duotono, widgets basados en bloques, bloques relacionados con temas, edición de plantillas y compatibilidad con archivos JSON de temas.
La versión también incluye un montón de otras características notables, como la compatibilidad con los nuevos Emoji y un campo Update URI para que los autores de plugins puedan ofrecer actualizaciones personalizadas. La última actualización también abandona la compatibilidad con IE11, diciendo adiós a la era de Internet Explorer.
Los bloques Imagen y Portada han recibido una nueva función duotono. Se trata de un filtro que permite a los usuarios colocar dos colores sobre sus medios, creando efectos únicos. Los colores sobrescriben las sombras y las luces de la imagen o el vídeo. Los usuarios pueden utilizar los colores predeterminados de WordPress, los colores definidos por tema o crear sus propias mezclas.
WordPress 5.8 también introduce varias mejoras en la biblioteca multimedia. El equipo de desarrollo ha sustituido el desplazamiento infinito por el botón “cargar más”, lo que mejora la experiencia de los usuarios de lectores de pantalla y teclados. Ahora los usuarios finales pueden copiar las URL de los archivos multimedia desde la pantalla Añadir nuevo contenido multimedia.