¡Hola! soy Lucy
Senior Web Engineer en 10up
Escribo sobre JavaScript, React, WordPress, Web Performance... y todo lo que aprendo por el camino.
Este sitio es mi cuaderno de notas y está en progreso.
Cómo añadir traducciones JS para el editor de Gutenberg
Al generar textos para el editor de Gutenberg, necesitamos seguir una serie de pasos para poder crear traducciones adecuadas. Lo que antes era un clásico metabox ahora se ha convertido en un panel de Gutenberg, que también requiere textos traducidos. A continuación, detallo los pasos para incluir las traducciones en el área de administración de
Solución: problema en WordPress REST API con imágenes atadas a borradores
Este post aborda un problema en la API REST de WordPress, donde imágenes vinculadas a borradores en la base de datos no se muestran correctamente. Sugiere utilizar el hook rest_post_dispatch para modificar respuestas y eludir problemas de permisos, asegurando que las imágenes de borradores se muestren adecuadamente mediante un filtro que ignora las verificaciones de permisos.
HeadstartWP framework, una solución para headless WordPress
HeadstartWP framework es una solución moderna para proyectos headless con WordPress. Desarrollado por 10up, ofrece integración con Next.js y WordPress, soporte para multisitios, custom post types, Gutenberg, Yoast, Polylang, entre otras funcionalidades. Aunque actualmente solo admite solicitudes de datos a través de REST API, se considera añadir soporte para GraphQL.
Headless WordPress: Una solución sencilla para integrar Yoast SEO Sitemap con NextJS
¿Buscas integrar sitemap.xml del plugin WP Yoast SEO en Next.js? La solución podría parecer compleja, pero ¿y si te digo que puede ser más sencillo? Evita fetch requests y complejas integraciones. Sigue leyendo para una solución eficiente y sin complicaciones en tu proyecto Headless.
Comparación entre Componentes de Servidor y Cliente en React 18 y Next.js 13
Al explorar React 18 y Next.js 13: ¿cuál es la diferencia entre los Componentes de Servidor y Cliente? Descubre las distinciones clave entre ambos. Ofrecemos un análisis detallado desde el rendimiento hasta la flexibilidad, para ayudarte a seleccionar la mejor estrategia según las necesidades de tu proyecto.
Headless WordPress: Resaltado de código en React utilizando el bloque Gutenberg de Código en WordPress core
Aprende cómo integrar el bloque de Código de Gutenberg en WordPress Headless y darle vida a tus bloques de código en React. Descubre los pasos clave para parsear contenido de WordPress y reemplazar los bloques con componentes React.
Cómo parsear contenido de WordPress en un entorno headless y reemplazar los bloques Gutenberg con componentes React
¡Aprovecha al máximo WordPress en un entorno headless! Aprende a analizar el contenido y sustituir los bloques Gutenberg por componentes React para una integración perfecta.
Cómo preparar bloques Gutenberg para utilizarlos en un entorno Headless con React
Descubre cómo preparar los bloques de Gutenberg para integrarlos con React en una arquitectura Headless. Aprende a modificar atributos y añadir marcadores de posición en HTML. ¡Prepárate para mejorar tus bloques de código y potenciar su interactividad con React!
Cómo personalizar los bloques existentes de Gutenberg con campos adicionales
Aprende cómo extender los atributos de bloques existentes en WordPress para agregar campos adicionales de configuración. Sigue instrucciones paso a paso utilizando el bloque de Código como ejemplo, añadiendo atributos personalizados y controles en el editor.