WordPress Introducción Practica a Gutenberg el Nuevo Editor
4.5 (119 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,261 students enrolled

WordPress Introducción Practica a Gutenberg el Nuevo Editor

Conoce como trabajar con Gutenberg, utilizar bloques, preparar tu theme para Gutenberg y encontrar bloques más Avanzados
4.5 (119 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,261 students enrolled
Last updated 1/2019
Spanish
Spanish [Auto-generated]
Price: Free
This course includes
  • 2.5 hours on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What you'll learn
  • Conocer cómo utilizar Gutenberg a fondo para poder crear nuevos contenidos en WordPress
  • Crear páginas web sin tener conocimientos de programación

  • Saber donde encontrar más bloques para utilizarlos en tu sitio web

Course content
Expand all 32 lectures 02:42:51
+ Introducción a Gutenberg
5 lectures 17:52

Siempre he creido que se aprende más creando algo real, veamos el proyecto que haremos en este curso y aprender a utilizar distintos bloques

Lo que vamos a construir
03:09

Veamos los Snippets de Código, en este mismo video los puedes descargar

Snippets de Código
Processing..

En este video veremos que es Gutenberg

Qué es Gutenberg
03:23
Instalando WordPress Localmente
04:01

Veamos como instalar Gutenberg y la creación de los primeros Bloques

Instalando Gutenberg y Creando los Primeros Bloques
07:19
+ Conociendo Más Bloques de Gutenberg
2 lectures 10:36

Veamos como cargar Imagenes, Videos y Encabezados

Agregando Imágenes, Videos y Encabezados
05:04

Veamos como utilizar el Diseño de Columnas

Agregando Columnas con Gutenberg
05:32
+ Preparando tu Tema de WordPress o Plantilla para Gutenberg
4 lectures 21:58

En este video habilitaremos los estilos por default al Editor de Gutenberg

Agregando Estilos por Default de Gutenberg y Tamaños de Textos
06:46

En Gutenberg puedes agregar nuevos tamaños de fuentes, pero es necesario que lo que es nuevo, lo agregues en tu hoja de estilos

Ajustando los Nuevos Tamaños de las Fuentes en la hoja de Estilos
06:38

Para evitar que un usuario coloque colores indeseados, veremos como definir una paleta de colores

Agregando una Paleta de Colores
06:58

En este video veremos como hacer para que una imagen tome el 100% del ancho del contenido

Como hacer para que una Imagen tome todo el Ancho de la Pantalla
01:36
+ Extendiendo Gutenberg con Plugins que Añadan más Bloques
9 lectures 45:00

Veamos como instalar los plugins para extender los bloques de Gutenberg

Instalando los Plugins y Creando el Primer Bloque
06:55

Vamos a hacer uso de estos nuevos bloques

Agregando una Zona de Características Principales
04:37

Veamos como agregar más bloques a nuestro proyecto

Agregando una Sección con Imagen y Textos
03:10

Veamos como agregar una lista de lo que se incluye en el curso con imagen de fondo

Agregando una Lista con Imagen de Fondo
05:53

En este video veremos como añadir un Testimonial

Agregando una Sección de Testimoniales
05:06

En este video veremos como añadir una tabla de Precios

Agregando una Tabla de Precios
04:48

Veamosc omo añadir un bloque reutilizable

Agregando un Bloque Reutilizable
03:48

En este video veremos como agregar un bloque con una descripción del creador del curso

Agregando un Bloque con una Descripción del Creador del Curso y un Accordion
09:19
Donde Encontrar más Bloques de Gutenberg
01:24
+ Creando Bloques Personalizados con Lazy Blocks
12 lectures 01:07:25

Veamos algunas de las opciones más populares para crear tus bloques de Gutenberg

Opciones para Crear Bloques en Gutenberg
03:32

Veamos lo que estaremos construyendo

Los Bloques que estaremos Construyendo
02:52

Vamos a instalar Lazy Blocks!

Instalando Lazy Blocks
01:58

Vamos a crear el bloque de Testimoniales

Creando un Bloque de Testimoniales
05:50

Veamos como crear el HTML que se mostrará en el sitio

Creando el HTML del Bloque
07:15

Veamos como crear el CSS para el nuevo bloque

CSS para el Nuevo Bloque
07:58

En este video vamos a finalizar nuestro bloque

Finalizando el CSS para el Bloque
07:01

Veamos como crear un bloque con información del curso

Creando un Bloque con Información del Curso
05:41

Veamos como agregar el HTML para el bloque de información del curso

HTML para el Bloque de Información del Curso
04:58

Veamos como agregar el CSS para el bloque

Agregando CSS para el Bloque de Información del Curso
05:32

Veamos como mostrar los bloques por medio de PHP

Utilizando PHP para mostrar el Bloque
08:21

Veamos los últimos ajustes hacia el proyecto

Últimos Ajustes y configuraciones a Lazy Blocks
06:27
Requirements
  • Conocimientos Básicos de WordPress, saber crear posts, páginas y asignar categorías es suficiente
  • Estaré instalando WordPress localmente, por lo tanto se recomienda saber instalar y tener acceso a los archivos de WordPress ya sea local o en servidor
Description

En este mini curso aprenderás el nuevo Editor de WordPress: Gutenberg

Gutenberg será una nueva experiencia a la hora de crear contenido en WordPress, un constructor visual nativo en WordPress que facilitará la forma en que creas y editas posts y páginas.

Gutenberg será el Editor de WordPress a partir de la versión 5, si manejas sitios web en WordPress se recomienda comenzar a utilizarlo y probarlo en tus sitios web para conocer como impactará tus sitios y desarrollos.

Este curso esta dividido en 3 partes:

1.- Qué es Gutenberg y como utilizar los bloques

Aprenderás como instalar y los primeros pasos en Gutenberg, comprender mejor la filosofía de diseño por bloques y como darle estilos y diseño diferente a cada bloque.

2.- Preparar tu theme para Gutenberg

Todos los Themes de WordPress deben funcionar con Gutenberg, pero en algunos casos tendrás que realizar algunos ajustes pequeños para que los bloques se vean bien en tu Theme o Plantilla, te mostraré como hacerlo así como otros ajustes que puedes hacerle a tu plantilla de WordPress para que funcione muy bien con Gutenberg

3.- Donde encontrar y como utilizar Bloques Más Avanzados

Los bloques por default en Gutenberg son sencillos, pero te mostraré donde encontrar bloques más avanzados, con mejor diseño y fácil configuración en este capítulo, además estaremos creando interfaces más agradables a la vista

4.- Creación de Bloques Nativos para Gutenberg con Lazy Blocks.

Existe distintas formas de crear Bloques para Gutenberg pero ninguna es tan sencilla como Lazy Blocks, te mostraré como utilizarla y crear distintos bloques

Who this course is for:
  • Si tienes al menos un sitio web en WordPress y quieres conocer el nuevo Editor, este curso es para ti
  • Si no estas segur@ como iniciar con Gutenberg, si debes realizar ajustes a tus sitios existentes, toma este curso para aprender como impactará a tus sitios web
  • Si quieres aprender Gutenberg y el Desarrollo por bloques, este curso es para ti
  • Si te gustaría saber donde encontrar bloques, como utilizarlos, personalizarlos, este curso es para ti