Freelandev - Vivir del desarrollo en WordPress

Síguenos en: Después del parón de un par de semanas, volvemos a la rutina comentando nuestros avances, problemas, casos raros y todo aquello que va surgiendo en nuestro día a día. ¿QUÉ TAL LA SEMANA? SEMANA ESTHER * Cabeceras seguridad htaccess bloquean edición patrones * Traducción WPML del título ‘Table of contents’ * Página opciones ACF desaparecida * Hosting que bloquea plugins de migración y backups SEMANA NAHUAI * Actualizando el plugin de grid-aware con el nuevo endpoint de la API de Electricty Maps y escribiendo el artículo para Branch Magazine. * Panel de opciones (¡¡moderno!!) usando componente de React * Campo para la API de EM * Imágenes * Vídeos incrustados * Tipografía * Creando un panel de opciones en el editor (que permitan sobre escribir las generales) * Creando previsualizaciones en el editor * Creando una barra superior en el frontend que muestra localización, intensidad de la red y la posibilidad de cambiar entre la intensidad de la red * Usando el filtro render_block para modificar el output de las imágenes y de los embebidos de Youtube * Moderado muestra una versión más pequeña de la imagen o carátula de Youtube. En hover muestra el información y el botón para mostrar la imagen o video original. * Alta muestra un placeholder con información y el botón para mostrar la imagen o video original. * Usando el filtro wp_theme_json_data_theme para modificar la tipografía * Solo en alta intensidad * Pensando y añadir una pestaña de documentación * Probando el plugin View Transitions, plugin canónico que integra la View Transitions API con WordPress. * Alegrándome de que la última versión de Gutenberg permite elegir la etiqueta a los botones. Preparando ejemplos para usar al Popover API. NOVEDADES OllieWP adquiere los cursos de desarrollo de temas y bloques de Frank Klein y los ofrece de forma gratuita en su web. Un nuevo sitio web donde puedes poner las horas que dedicas al proyecto de WordPress y que estás abierto a recibir patrocinios: https://sponsormewp.mystagingwebsite.com/contributors/ [https://sponsormewp.mystagingwebsite.com/contributors/] Stripe lanza una característica que se encarga de automatizar las disputas https://docs.stripe.com/disputes/smart-disputes [https://docs.stripe.com/disputes/smart-disputes] Anytype lanza su API y un servidor MCP(Model Context Protocol): https://community.anytype.io/t/api-developer-portal-mcp/27945 [https://community.anytype.io/t/api-developer-portal-mcp/27945] Reflexión de la newsletter de Brian Coords en el que explica que la IA le ayuda ahorrar tiempo la mayoría de las veces porque le sabe indicar cómo abordarlo o qué documentación usar. Y lo frustrante que es cuando te dice que ha solucionado el problema de código que le has mencionado, pero te devuelve exactamente el mismo código que antes.

Síguenos en: En el episodio de hoy Nahuai nos explica su experiencia del fin de semana en la WordCamp Europe ¿QUÉ TAL LA SEMANA? SEMANA NAHUAI * Nos comunican que el marketplace de WordPress.com ha pausado la aceptación de nuevos temas. * Dando los últimos retoques a la nueva web de OsomPress: * Aplicando un estilo de bloques a todos lo acordeones ya existentes * Jugando con el espacio vertical entre bloques para la maquetación responsive * Restringiendo la tipografía fluida para tamaños mayores * Aplicando clases de CSS a bloques para modificar cómo se muestra en móvil * Usando bastante Osom Block Visibility para adaptar la versión móvil * Creando muchos patrones sincronizados con overrides * Reflexionando sobre usarlos más para componentes de diseño * La semana con el Toggle más verde * Muy contento con la gestión de trabajo en equipo TEMA DE LA SEMANA: WORDCAMP EUROPE 2025 * Contributor Day: ¿Resurrección del equipo de sostenibilidad? * Noel Tock, co-fundador de Human Made, explicó su experiencia ofreciendo ayuda humanitaria en Ucrania. Reducción global de nuevas páginas web creadas con WP pero aumento en Ucrania tras la ocupación. 50% de ONGs creadas con WP. * Charlotte Bax, charla sobre sostenibilidad (creadora de ENNOR Quickscan) * Ash Shaw, sistemas de diseño de Figma a WordPress: * tokens, variables, estructura de Figma basada en theme blocks, Stark plugin for accesibilidad,developer Handoff * WordPress & WooCommerce Innovative Block Theme - LSX Design - Home [https://lsx.design/] * Adam Silvertein, nuevas API para la web: * Baseline e Interop, * Popover API * Scroll Animations API, * CSS carruseles, * Personalización del elemento Select * Speculative Loading API * View Transitions API * Formato de imagen Ultra HDR * Passkeys * Diapos: Survey for talk: "Modernizing WordPress with new Web Platform Features" [https://docs.google.com/forms/d/e/1FAIpQLSfJ9zhOMo9oksPtLdF92adfoBWqNcLOgNrF6r9EmP7J6cn6cA/viewform] * Jonathan Derioses, Core commiters, 101 total de committers al core * Speed challenge Eller Bauer y Fabien Kagi * WP Cafe, conversación sobre una nueva etapa en 5ftf y posible resurrección del equipo de sostenibilidad * Oliver Sild, Cyber Resiliance Act. Se tendrán que empezar a diferenciar actualizaciones de seguridad. * Ellen Bauer, temas de bloques para WooCommerce * Reunion con Ellen Bauer y Matías Ventura * Q&A con Mary y Matt: * Muchas preguntas relacionadas con la EU * Campus Connect, projecto para impartir WordPress en las universidades * Habrá WordPress 6.9 este año * Pregunta sobre el equipo de sostenibilidad sin estrategia * Opinión sobre el proyecto FAIR * WordCamp espectactular: 1723 asistentes NOVEDADES WordPress cumplió 22 años 🥳 Automattic reanuda sus contribuciones al proyecto de WordPress: https://automattic.com/2025/05/29/returning-to-core/ [https://automattic.com/2025/05/29/returning-to-core/] Se estabiliza en 1.256 h por semana después de haber pasado de casi 4.000 h/semana a 20. Se anuncia el nuevo equipo de inteligencia artificial de WordPress: https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/ [https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/] Nuevo cambio para los usuarios del plugin EDD VAT, la API del HMRC es muy limitada y ahora hay que crease una en VAT Sense. La burocracia siempre manteniéndonos entretenidos 😅 Nuevo proyecto para tener un repositorio de plugins federado: https://www.therepository.email/fair-to-decentralize-wordpress-backed-by-linux-foundation-and-contributors [https://www.therepository.email/fair-to-decentralize-wordpress-backed-by-linux-foundation-and-contributors] TIP DE LA SEMANA Anytype una app, que podría caer en esa categoría de “segundo cerebro” y que tiene como grandes virtudes que es de código abierto, local-first y que usa peer-to-peer para sincronizar el contenido. https://anytype.io [https://anytype.io] MENCIONES Sofía Ruíz y Pablo Moratinos se pasan por los comentarios para repartir buen rollo y abrazos ❤️ Flavia también se pasa para decir que la voz de Nahuai también invita a pensar que lo pasamos muy bien.

Síguenos en: Este fin de semana hemos podido disfrutar de la WordCamp Logroño 2025 y os explicamos todo en el episodio de hoy. ¿QUÉ TAL LA SEMANA? SEMANA NAHUAI * Enviando una propuesta de charla conjunta al MozFest de este año que será en Barcelona. * Dándole cariño a la maquetación de la nueva web de OsomPress: * Diseño responsive (header, footer…) * Modificando encabezados solo de los single posts (viva el render_block) * Investigando formas de conseguir que en algunos casos no se use tipografía fluida * Arreglando los embeds de las fichas de los plugins CONTENIDO NAHUAI Todos los ejemplos de la charla de WordCamp de Logroño: https://codigogenesis.com/ejemplos-presentacion-wordcamp-logrono-2025/ [https://codigogenesis.com/ejemplos-presentacion-wordcamp-logrono-2025/] TEMA DE LA SEMANA: * Contributor Day * Mesa de WordPress.tv y Foto. * Venue espectacular. * Cena de ponentes * Cata de pinchos a cada cual más bueno. * Programa super completo, de 9h a 20h. * Hicimos mucho pasilleo. * Alba Martínez, sobre maquetación moderna (tipografía fluida, variables, BEM, SMACS…). * Silvia Granja, sobre cómo crear la ficha de producto de WooCommerce perfecta. * JuanMa Garrido, un repaso super completo sobre todas las formas de extender bloques nativos. * Track pasillo y accesibilidad. * Charla de después de comer, muy dinámica y en la que Nahuai tuvo un momentazo con Pablo Moratinos. * David Sala sobre la curva de aprendizaje de WordPress. * Lidia Marbán sobre cómo ofrecer una cata virtual de vinos. * Charla de Nahuai con ejemplos sobre estilos de bloques: * CSS y bloques de WordPress, el maridaje perfecto – WordPress.tv [https://wordpress.tv/2025/05/24/css-y-bloques-de-wordpress-el-maridaje-perfecto/] * Fernando Puente sobre las similitudes entre una auditoria WP y una cata de vinos (se trajo un Beronia 1985). * Record absoluto de tener las charlas subidas a WordPress.tv. Ya están todos disponibles: * Videos from WordCamp Logroño 2025 – WordPress.tv [https://wordpress.tv/event/wordcamp-logrono-2025/] * Nos vino a saludad un oyente del podcast, Luis. * After-party corta para que ampliamos yéndonos de pinchos. * Felicitar fuertemente a todos los organizadores y voluntarios por lo bien que salió todo. MENCIONES Juanma y Pablo nos mencionan y comparten foto en Twitter

Síguenos en: Hoy el 50% en condiciones de Freelandev nos explica cómo está creando un plugin de grid-aware para WordPress con cosas chulas en el editor y las limitaciones y problemas que se está encontrando. ¿QUÉ TAL LA SEMANA? SEMANA ESTHER Sin comentarios.... SEMANA NAHUAI * Preparando el artículo para Branch Magazine * Preparando la base del plugin para WordPress de grid-aware * Creando un panel de opciones (¡¡moderno!!) usando componente de React * Imágenes * Vídeos/embebidos * Tipografía * Creando un panel de opciones en el editor (que permitan sobre escribir las generales) * Creando previsualizaciones en el editor * Creando una barra superior en el frontend que permita cambiar entre la intensidad de la red * Explorar la opción de añadir un patrón de bloques para el selector * Pega de que no se puede editar por el usuario final * Usando el filtro render_block para modificar el output de las imágenes * Usando el filtro wp_theme_json_data_theme para modificar la tipografía * Pensando y añadir una página de muestra * Añadiendo block bindings y maquetando la nueva web de OsomPress. NOVEDADES Se da por terminado el experimento del grupo de trabajo de Media Corps de WordPress: https://make.wordpress.org/media-corps/2025/05/09/ending-the-wordpress-media-corps-experiment/ [https://make.wordpress.org/media-corps/2025/05/09/ending-the-wordpress-media-corps-experiment/] La actualización de WooCommerce 9.9 promete unas mejoras de rendimiento de hasta el 95%: https://developer.woocommerce.com/2025/05/13/woocommerce-9-9-will-deliver-massive-admin-performance-gains/ [https://developer.woocommerce.com/2025/05/13/woocommerce-9-9-will-deliver-massive-admin-performance-gains/] TIP DE LA SEMANA Una herramienta online que permite pasar SVGs a CSS usando la función shape() (aún solo tiene un 62% de soporte de navegadores): https://css-generators.com/svg-to-css/ [https://css-generators.com/svg-to-css/]

Síguenos en: Las fuentes variables, además de muchas otras ventajas, son ideales para poder escoger un grosor intermedio cuando el salto entre los estándares es excesivo, pero también tiene algún incoveniente, como el peso del archivo de la fuente, que es necesario optimizar. ¿QUÉ TAL LA SEMANA? SEMANA ESTHER Tranquila en general con un poco de todo: * Actualizado WP 4.4 con casi éxito total (PHP 7.4 por theme) * Maquetaciones landing * Migraciones varias * Avanzando maquetación web Osom * Cerrando Karma Next SEMANA NAHUAI * Meetup Terrassa en la que Iván nos habló de cómo automatizar tareas con N8N, una herramienta de código abierto que puedes autoalojar * Peleándome con la tipografía * Salto de grosor de 300 a 400 tremendo * Tipografía variable en ttf pesa 1MB (normal + itálica) * Convertido a WOFF2 pasa a 300Kb * Problemas de seguridad HTTPS con el staging * Optimizando imágenes * Añadiendo ejemplos chulos a la charla de WordCamp Logroño * Enviado Karma Next al marketplace de WordPress.com [http://WordPress.com] CONTENIDO NAHUAI NOVEDADES Figma lanza Figma Sites, para convertir tus diseños en webs y parece que son un auténtico despropósito a nivel del código que genera. https://www.joedolson.com/2025/05/the-true-path-to-garbage-code-figma-sites/ [https://www.joedolson.com/2025/05/the-true-path-to-garbage-code-figma-sites/] TIP DE LA SEMANA Herramienta online para convertir fuentes variables ttf en WOFF2: https://webfont.yabe.land/en/misc/convert-ttf-woff2/ [https://webfont.yabe.land/en/misc/convert-ttf-woff2/] Otras herramientas para optimizar tipografías: https://www.fontsquirrel.com/tools/webfont-generator [https://www.fontsquirrel.com/tools/webfont-generator] https://github.com/zachleat/glyphhanger [https://github.com/zachleat/glyphhanger]