Para instalar wordpress/scripts en la carpeta blocks en el terminar del vs code poner el comando en el terminal npm install @wordpress/scripts --save-dev
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
Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)
23/29Reading
In this class you will be able to improve the editing experience of your blocks. For that you will learn how to use the component
<InspectorControls> component that will allow us to move our fields to the sidebar of the editor and render the preview in the block space.
...
Contributions 10
Questions 4
Sort by:
Esto es una belleza!
Hermoso y practico.
Ya me imagino construyendo un editor en bloques al estilo DIVI 馃槻馃槻
Los bloques de Gutenberg junto a los custom post types y taxonom铆as puede permitir construir maquetadores personalizados seg煤n los tipos de post. Esto facilitar铆a el desarrollo de LMS o sistemas de reserva a medida.
Todo clar铆simo. Gracias
WOOOOOOOOOOOW!!! D=
Gutenberg de WordPress 5.0 es el editor visual de la herramienta para gestionar contenidos WordPress mediante bloques de forma sencilla e intuitiva.
Es importante destacar que la versi贸n antigua de WordPress no desaparecer谩 y por tanto no es obligatorio la implementaci贸n de Gutenberg, se puede utilizar como pluging.
El editor Gutenberg es un plugin que va a permitir la maquetaci贸n de p谩ginas para que podamos construir nuevos proyectos web en la plataforma de WordPress 5.0.
Entendemos los bloques de Gutenberg como un conjunto de contenidos que dan lugar a los elementos de los cuales se compone una p谩gina web, y pueden contener t铆tulos, textos, p谩rrafos, im谩genes, etc茅tera.
Want to see more contributions, questions and answers from the community?