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

Adquiere por un a√Īo todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a√Īo

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

0D
16H
33M
42S

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

23/29

Lectura

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:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

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.