Importante: Para ver los cambios deben tener activo el servidor con el
npm run start:register
de lo contrario no verán los cambios.
Introducción y preparación del entorno de desarrollo
¿Qué necesitas para aprender Gutenberg?
¿Qué es y cómo funciona Gutenberg?
¿Cuál es el mejor entorno para desarrollar bloques?
Bloques estáticos y opciones de bloques
Aprende a registrar tu primer bloque
Crea la vista de tu bloque para el editor
¿Cómo agregar opciones a tu bloque?
Crea la vista de tu bloque para el frontend
Agrega opciones a la barra de herramientas de tu bloque
Agrega diferentes estilos a tu bloque
Bloques Dinámicos
¿Qué son y cómo se utilizan los bloques dinámicos?
Aprende a registrar tu bloque de una forma más simple
¿Cómo usar una API dentro de tu bloque?
Agrega opciones a tu bloque dinámico
Crea la vista de tu bloque dinámico para el frontend
Conclusiones
¿Por dónde puedes seguir tu ruta de WordPress?
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Crea la vista de tu bloque para el editor
5/15Recursos
Aportes 3
Preguntas 1
Ordenar por:
Para VSCode pueden instalar esta extensión que les convierte HTML a JSX: Link
En wordpress 6.52 "abril de 2024", no me cargan los estilos en el editor como muestra el instructor, si te pasa lo mismo debes hacer lo siguiente:
const edit = (props) => {
const { className } = props;
return (
\
{/\* Contenido del bloque \*/}
\
);
}
Para que los estilos se apliquen correctamente, debes asegurarte de que la clase que estás asignando en tu componente de edición coincida exactamente con la clase a la que estás aplicando estilos en tu archivo CSS. Por ejemplo, si quieres que los estilos se apliquen a un contenedor con la clase `.wp-block-pzl-register`, debes asegurarte de asignar esa clase en tu componente de edición:
export default edit;
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?