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/29Lectura
En esta clase vas a poder mejorar la experiencia para la edición de tus bloques. Para eso aprenderás a utilizar el componente
<InspectorControls> que nos permitirá desplazar nuestros campos a la sidebar del editor y renderizar la vista previa en el espacio del bloque.
...
RegÃstrate o inicia sesión para leer el resto del contenido.
Aportes 10
Preguntas 4
Ordenar por:
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.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?