Hola, no se si más adelante se explica este tema, pero con este ejemplo, no se entiende muy bien la diferencia entre el bloque estático y el bloque dinámico,
¡pero de ahí, todo bien con el curso!
Comprender las bases y el punto de partida
Bienvenida y recomendaciones
¿Cómo es un entorno de desarrollo profesional en WordPress?
Presentación del proyecto y repaso del curso de fundamentos
Crear Post Types y Archivos
¿Cómo se crea y se personaliza una categoría en WordPress?
Creemos la UI de un archivo en la web
¿Por qué es importante la navegabilidad de la web y cómo se mejora?
¿Qué es un Post Type y cómo se pueden personalizar los diferentes tipos?
¿Cómo creamos la UI de un Post Type personalizado?
Construyamos un loop personalizado
¿Qué es una taxonomía y cómo se registra una nueva?
¿Qué es un page template y cómo se utiliza?
Utilizar AJAX
¿Cómo funcionan los emails en WordPress?
¿Cómo utilizar AJAX dentro de WordPress?
Empecemos a construir un filtro dinámico para la web
Completemos la función AJAX para darle vida a nuestro filtro
La REST-API de WordPress
¿Cómo se utiliza la REST-API de WordPress?
¿Qué son y cómo funcionan los endpoints?
Hagamos el primer llamado a la API
Utilizar Bloques
¿Qué es un bloque de Gutenberg?
Creando un bloque nativo con React
Optimicemos el bloque con componentes de WordPress
Creemos el primer bloque dinámico
Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)
Creando bloques con ACF Pro
Crea un bloque igual al de ACF pero de forma nativa
Deployment
¿Cómo se lleva un sitio a producción?
¿Cómo podemos optimizar la indexación y el SEO de nuestro sitio?
¿Cómo defiendo a mi sitio de ataques externos y lo hago más seguro?
Finalizar el Curso
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 10
Preguntas 3
Hola, no se si más adelante se explica este tema, pero con este ejemplo, no se entiende muy bien la diferencia entre el bloque estático y el bloque dinámico,
¡pero de ahí, todo bien con el curso!
El bloque dinámico deriva el renderizado a una función PHP. La función tendría dos parámetros $attributes
y $content
function pgRenderDynamicBlock($attributtes, $content) {
return '<h2>' . $attributtes['content'] . '</h2>';
}
Además que tenemos que poner en la función que registra el bloque un campo que registre nuestra función PHP para un bloque dinámico.
register_block_type(
'pg/basic',
[
'editor_script' => 'pg-block',
'render_callback' => 'pgRenderDynamicBlock'
]
);
}
Y dentro del JS, en la función save tenemos que colocar null.
save: ( ) => null
}
)
Perfectamente claro. Gracias
No entendí la diferencia entre el render estático y dinámico :¿
Entiendo que, a menos que se trate de información fija e invariable (como un shortcode), los bloques deberían ser dinámicos por defecto.
Muy claro @whoisnegrello … Aunque me hubiera gustado ver el ejemplos como los que mencionabas con contenido dentro del contenido, a lo siguiente!!
Hola. Yo intento replicar tus pasos, y me imprime es una array vacio.
De hecho muestro que contiene attribute y el array esta complemente vacio. Tienes alguna sugerencia como puedo arreglarlo?
Para crear un nuevo bloque, tenemos que registrar con Gutenberg llamando registerBlockType() y pasando el nombre de bloque más un objeto de configuración. Este objeto tiene bastantes propiedades que requieren de explicación adecuada.
add_react
Aquí añadimos el script que webpack nos habrá compilado, en /build/index.js, y con la dependencia wp-element que incluye React
expose_data
Aquí devolvemos un objeto que en este caso solo contiene un dato que es la dirección del directorio (que nos puede ser útil para utilizar imágenes, por ejemplo)
Aquí es donde configuraríamos el exportar datos de las entradas, de los bloques, de lo que sea que queramos exponer para luego consumir con React
Con esto ya lo tenemos todo para empezar el desarrollo con React.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?