Comprender las bases y el punto de partida

1

Bienvenida y recomendaciones

2

驴C贸mo es un entorno de desarrollo profesional en WordPress?

3

Presentaci贸n del proyecto y repaso del curso de fundamentos

Crear Post Types y Archivos

4

驴C贸mo se crea y se personaliza una categor铆a en WordPress?

5

Creemos la UI de un archivo en la web

6

驴Por qu茅 es importante la navegabilidad de la web y c贸mo se mejora?

7

驴Qu茅 es un Post Type y c贸mo se pueden personalizar los diferentes tipos?

8

驴C贸mo creamos la UI de un Post Type personalizado?

9

Construyamos un loop personalizado

10

驴Qu茅 es una taxonom铆a y c贸mo se registra una nueva?

11

驴Qu茅 es un page template y c贸mo se utiliza?

Utilizar AJAX

12

驴C贸mo funcionan los emails en WordPress?

13

驴C贸mo utilizar AJAX dentro de WordPress?

14

Empecemos a construir un filtro din谩mico para la web

15

Completemos la funci贸n AJAX para darle vida a nuestro filtro

La REST-API de WordPress

16

驴C贸mo se utiliza la REST-API de WordPress?

17

驴Qu茅 son y c贸mo funcionan los endpoints?

18

Hagamos el primer llamado a la API

Utilizar Bloques

19

驴Qu茅 es un bloque de Gutenberg?

20

Creando un bloque nativo con React

21

Optimicemos el bloque con componentes de WordPress

22

Creemos el primer bloque din谩mico

23

Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)

24

Creando bloques con ACF Pro

25

Crea un bloque igual al de ACF pero de forma nativa

Deployment

26

驴C贸mo se lleva un sitio a producci贸n?

27

驴C贸mo podemos optimizar la indexaci贸n y el SEO de nuestro sitio?

28

驴C贸mo defiendo a mi sitio de ataques externos y lo hago m谩s seguro?

Finalizar el Curso

29

Conclusiones

Aprovecha el precio especial y haz tu profesi贸n a prueba de IA

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

0 D铆as
8 Hrs
42 Min
11 Seg

Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)

23/29

Reading

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.

...

Register or login to read the rest of the content.

Contributions 10

Questions 4

Sort by:

Want to see more contributions, questions and answers from the community?

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

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.