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

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

¿Qué es un bloque de Gutenberg?

19/29
Recursos

Aportes 17

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Para los que utilizan Windows y quieren instalar el paquete script de WordPress con NPM primero debes descargar y seguir los pasos del instalador de NodeJs y luego si podran ejecutar el comando:

npm install @wordpress/scripts --save-dev

Nota adicional: Puedes comprobar que ya tengas instalado NPM preguntando por su versión así:

npm -v

Buenos días, a mi me sale este mensaje cuando quiero instalar el @wordpress/scripts --save-dev

up to date, audited 1772 packages in 13s

153 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

Mi versión de node.js es 15.2.0 y mi versión de npm es 7.0.8, si alguien más le pasó agradeceré su ayuda para resolver el problema, gracias.

Literal fueron 84 años jajajaja.
Profe, mire la mayoria de los paquetes aparecen deprecated, eso no es poco seguro para nuestra aplicacion?

Bloques de Gutemberg

Los bloques funcionan como una leve capa de abstracción por encima de React, cada bloque es un componente desarrollado en React pero adaptado para poder funcionar con wordpress.

Funcionamiento

En el editor el usuario incorpora Bloques, estos interactuan con archivos Javascript y tienen su correlación como componentes de React, es decir cada bloque tendrá Estados y posibilidad de mutar, el usuario visualizará como realmente se verá su sitio.

Librerias

Debemos tener instalado Node.Js para utilizar el siguiente comando dentro de la carpeta blocks:
Wordpress Scripts

npm install @wordpress/scripts --save-dev

Hola, a alguno le salió este error en la instalación en la terminal?..

Alguna idea de como solucionarlo? Gracias!

Gutenberg, conocido alternativamente como el «editor de bloques de WordPress» o simplemente el «editor de WordPress», es el editor de contenido de WordPress introducido en WordPress 5.0, lanzado el 6 de diciembre de 2018.

Lo que hace Gutenberg es convertir las páginas y artículos antiguos en bloques de contenido “clásico”, con su bloque de editor clásico. De esta manera puedes seguir editando el contenido en dichas páginas, y añadir nuevos bloques al contenido ya establecido.

Interesante el plugin de Gutemberg se incorporó al core de wordpress en Diciembre de 2018

Si alguien por alguna razón ya tenía un package.json en su proyecto y al querer instalar se ejecutar el comando de wordpress scripts se instala en la raíz del proyecto

npm install @wordpress/scripts --save-dev

Antes de ejecutar el comando de arriba ejecuten ¨npm init -y¨ eso creará un archivo package.json por defecto y podrán tener un subproyecto dentro del folder blocks

Qué es NPM?

Quede perdido en esta clase porque no entendí el proceso de instalación de NPM

Todo clarísimo. Gracias

Para los que quedaron un poco perdidos les recomiento el curso de NPM donde explican a profundidad sobre este tema

Curso de NPM

Users will finally be able to
build the sites they see in their
imaginations.
Matt Mullenweg

En enero de 2017 se
publicó el plugin
Gutenberg Editor

En WordPress 5.0 se
incorporó Gutenberg
al CORE (Dic 2018)

Los bloques funcionan
como una leve capa de
abstracción por encima
de React