Desarrollo Profesional de Temas y Plugins de WordPress

Aprende a crear Temas, Plugins y Bloques de Gutenberg con este curso práctico CREA SITIOS 100% DINAMICOS en WordPress

What you'll learn
Convertir sus propios diseños de Photoshop a WordPress
Poder leer la Jerarquia de Temas de WordPress (Theme Hierarchy) para realizar cualquier diseño en especifico
Conocer archivos más avanzados de WordPress
Sacar el máximo provecho a WordPress sin tener tantos problemas
Crear sitios web 100% dinámicos para el trabajo que ya tienes o el que deseas tener

Requirements
Quieres crear tus propios themes de WordPress sin conocimiento previo?
No necesitas saber PHP para comenzar este curso
Un poco de experiencia en CSS y HTML es suficiente
Convertiremos 5 plantillas a themes de WordPress y obtendrás toda la experiencia que necesitas

Description
¿Alguna vez has intentado convertir un diseño en Photoshop, Figma o HTML5 a WordPress y encontrarte con problemas para hacerlo? ¿Estás cansado de utilizar plantillas que no se adaptan al diseño que tienes en mente?ENTONCES ESTE CURSO ES PARA TI!¿Quieres saber que aprenderás en este curso?En este curso desarrollarás 5 proyectos completos!Primer Sitio: Desarrollaremos un sitio web para un gimnasio, con custom post types, crearemos 2 plugins, aprenderás Widgets API, Plugin API y Shortcode API, además de ser responsive y mobile first con Flexbox y CSS Grid!Segundo Sitio: Sitio Web para un restaurant, con sistema de reservas, opciones del theme, Advanced Custom Fields, Custom Post Types, en este proyecto aprenderás desde temas básicos hasta avanzados! Además será responsive y mobile first.Tercer Sitio: Un sitio web básico que te enseñará lo básico para crear plantillas en WordPress.Cuarto Sitio: Crearemos un segundo sitio web con opciones más avanzadas, responsivo y que integrará opciones más avanzadas como Advanced Custom Fields, Custom Post Types y un Login personalizado.Quinto Sitio: Desarrollarás un sitio web con el Framework más popular del mundo: Twitter Bootstrap. Este curso es para ti si deseas crear tus propias plantillas, mejorar tus habilidades de programación/diseño web y si quieres ampliar tus habilidades en tu Curriculum para obtener un mejor empleo en este año.

Overview
Section 1: Los Proyectos que vamos a construir en este curso

Lecture 1 GymFitness - Un Sitio Web para un Gimnasio

Section 2: Introducción a WordPress y al Curso

Lecture 2 ¿Qué es WordPress?

Lecture 3 ¿Qué aprenderé en este curso?

Lecture 4 Diferentes formas de crear Proyectos en WordPress - Templates Gutenberg Headless

Lecture 5 Oportunidades Laborales en WordPress

Section 3: Instalar Laragon en Windows

Lecture 6 Descargar e instalar Laragon en Windows

Lecture 7 Descargar y colocar la carpeta de WordPress en Laragon

Lecture 8 Instalar PHPMyAdmin en Laragon

Lecture 9 Instalar WordPress

Section 4: Introducción a PHP - Si ya conoces las bases de PHP puedes saltar este capitulo

Lecture 10 Windows - Mover los Archivos Iniciales hacia una carpeta en Laragon

Lecture 11 Bloques de Código de PHP

Lecture 12 Mostrar información en pantalla con echo

Lecture 13 Crear y Definir Variables

Lecture 14 Escribir código condicional

Lecture 15 Arrays en PHP

Lecture 16 Arrays Asociativos

Lecture 17 Pre, var_dump y print_r

Lecture 18 PHP en HTML o HTML en PHP

Lecture 19 for Loop

Lecture 20 foreach Loop

Lecture 21 while Loop

Lecture 22 Librería Estandard en PHP

Lecture 23 Funciones en PHP

Lecture 24 Funciones con Parametros

Lecture 25 Template Tags

Lecture 26 Funciones que Retornan Valores

Lecture 27 Classes, Objetos, Constructores y Métodos

Section 5: Sitio Web Gimnasio - Primeros pasos creando el Tema

Lecture 28 Creando el Tema y la Información necesaria

Lecture 29 El Loop de WordPress

Lecture 30 Creando las páginas necesarias para el Proyecto

Lecture 31 Agregando el Resto del Contenido HTML

Section 6: Sitio Web Gimnasio - Creando el Header, Mostrando la Navegación y Código CSS

Lecture 32 Creando el Header y agregando el Logotipo

Lecture 33 Creando un Menú de Navegación Dinamico

Lecture 34 Mostrando el Menú de Navegación

Lecture 35 Registrando una Hoja de Estilos

Lecture 36 Agregando Normalize CSS y fuentes de Google Fonts

Lecture 37 Añadiendo Estilos CSS Globales

Lecture 38 Escribiendo CSS para el Header

Lecture 39 Finalizando el CSS para el Menú de Navegación

Lecture 40 Agregando el Resto de los Enlaces

Section 7: Sitio Web Gimnasio - Creando la Página de Nosotros

Lecture 41 Creando el Template para Páginas

Lecture 42 Crear un Header para evitar Repetir Código

Lecture 43 Habilitar el Soporte para Subir Imágenes

Lecture 44 Crear una Variante de Template para Páginas

Lecture 45 Creando un Parcial para evitar repetir código

Section 8: Sitio Web Gimnasio - Creando el Footer

Lecture 46 Creando y Mostrando el Footer

Lecture 47 Mostrar la Información del Sitio

Lecture 48 Añadir la Barra Superior de Administración en WordPress

Lecture 49 Añadir Titulos Dinamicos en WordPress

Section 9: Sitio Web Gimnasio - Generando las Páginas y Contenido para las Clases

Lecture 50 ¿Qué son los Custom Post Types?

Lecture 51 ¿Cuando Crear un tema y cuando un plugin?

Lecture 52 Creando un Custom Post Type

Lecture 53 Añadiendo Contenido al Recién creando Custom Post Type de Clases

Lecture 54 La Clase WP_Query para consultar la base de datos en WordPress

Lecture 55 Mostrando la Información de las Consultas

Lecture 56 Instalando Advanced Custom Fields y Registrando campos nuevos

Lecture 57 Añadiendo el Resto de Campos con Advanced Custom Fields (ACF)

Lecture 58 Mostrando los campos de ACF

Lecture 59 CSS a las Clases (Parte 1 de 3)

Lecture 60 CSS a las Clases (Parte 2 de 3)

Lecture 61 CSS a las Clases (Parte 3 de 3)

Lecture 62 Finalizando la página de Clases

Section 10: Sitio Web Gimnasio - Mostrando la página individual de cada clase

Lecture 63 Como mostrar la información de cada clase

Lecture 64 Agregando el Código CSS

Lecture 65 Mostrando el Resto de la Información de la clase

Section 11: Sitio Web Gimnasio - Como utilizar la API de Widgets de WordPress

Lecture 66 Registrar una Zona de Widgets

Lecture 67 Mostrar Widgets en nuestro tema

Lecture 68 Crear tus Propios Widgets

Lecture 69 Añadir un Formulario al Widget

Lecture 70 Almacenar lo ingresado en el Formulario en la BD

Lecture 71 Mostrar la Información en el Widget

Lecture 72 Aplicando CSS al Widget

Section 12: Sitio Web Gimnasio - Creando una Galería de Imágenes Avanzada

Lecture 73 Creando la Galería

Lecture 74 Obteniendo las imágenes de la galería

Lecture 75 Aplicando CSS a la galería

Lecture 76 Añadiendo el efecto de Lightbox

Section 13: Sitio Web Gimnasio - Creando el Blog

Lecture 77 Añadiendo entradas de blog y creando el Template

Lecture 78 Mostrando las Entradas del Blog

Lecture 79 Aplicando CSS al Blog

Lecture 80 Mostrando la Categoría de la Entrada del Blog

Lecture 81 Creando la página que muestre el detalle de la entrada de blog

Lecture 82 Creando el Template de Categorías

Lecture 83 Creando el Template de Author

Section 14: Sitio Web Gimnasio - Creando la Página de Contacto

Lecture 84 Creando el Formulario de Contacto

Lecture 85 Reescribiendo el CSS del Formulario

Lecture 86 Añadir un Mapa de Ubicación

Lecture 87 Mostrar el Mapa de Ubicación

Lecture 88 Shortcode API en WordPress

Lecture 89 Conectar SendinBlue en WordPress para enviar emails

Section 15: Sitio Web Gimnasio - Creando la Página Principal

Lecture 90 Creando el Template de la página de inicio

Lecture 91 Creando la sección de bienvenida

Lecture 92 Creando la sección de áreas

Lecture 93 Consultando el campo de áreas

Lecture 94 Mostrando la información del área 1

Lecture 95 Añadiendo el Resto de las áreas

Lecture 96 Aplicando CSS a la sección de áreas

Lecture 97 Mostrando el Listado de Clases

Lecture 98 Añadir un enlace hacia la pagína de Clases

Section 16: Sitio Web Gimnasio - Creando la Sección de Instructores

Lecture 99 Creando el Post Type de Instructores

Lecture 100 Añadiendo los Campos extras con ACF

Lecture 101 Agregando a los Instructores

Lecture 102 Consultando la base de datos para obtener a los instructores

Lecture 103 CSS a los Instructores

Lecture 104 Finalizando el Código CSS para Instructores

Section 17: Sitio Web Gimnasio - Creando la sección de Testimoniales

Lecture 105 Creando el Post Type de Testimoniales

Lecture 106 Consultando la sección de Testimoniales

Lecture 107 Aplicando CSS a los testimoniales

Lecture 108 Instalando Swiper para tener un carousel de testimoniales

Lecture 109 Configurando Swiper

Section 18: Sitio Web Gimnasio - Últimos Ajustes a la página de Inicio

Lecture 110 Añadiendo el Blog

Lecture 111 Añadiendo el Contenido al Header Principal

Lecture 112 Añadiendo la imagen de fondo dinamicamente

Lecture 113 CSS al Header de la página de inicio

Lecture 114 Añadiendo una Animación al Texto del header

Lecture 115 Animando la barra superior al hacer scroll

Lecture 116 Añadir la descripción del sitio al title para mejor SEO

Lecture 117 Creando un Menú de Hamburguesa

Section 19: Sitio Web Gimnasio - Comentarios en WordPress

Lecture 118 Agregando el Formulario

Lecture 119 Aplicando CSS al Formulario

Lecture 120 Mostrar los comentarios que fueron agregados a esta entrada

Lecture 121 CSS al Listado de Comentarios

Section 20: Sitio Web Gimnasio - Últimos Ajustes

Lecture 122 Como realizar una paginación en WordPress

Lecture 123 Carga condicional de CSS y JS para mejor performance

Section 21: SITIO WEB PIZZERIA - Proyecto hecho con Gutenberg

Lecture 124 EL PROYECTO FINAL

Lecture 125 El código finalizado

Section 22: SITIO WEB PIZZERIA - Creando el Header

Lecture 126 Creando el Header

Lecture 127 Agregando las Hojas de Estilos

Lecture 128 Agregando los primeros estilos

Lecture 129 Posicionando el Header

Section 23: Creando Los Menús de Navegación

Lecture 130 Creando el Menú de Navegación

Lecture 131 Mostrando el Menú en el Front End

Lecture 132 Creando un Menú Responsive

Lecture 133 Creando un archivo para los Scripts

Lecture 134 CSS para el Menú

Lecture 135 CSS para el Menú Responsive

Lecture 136 Creando el Menú de Redes Sociales

Lecture 137 CSS para el Menú de Redes Sociales

Lecture 138 Trabajando con el Footer

Lecture 139 Finalizando el Footer

Section 24: SITIO WEB PIZZERIA - Página de Nosotros

Lecture 140 Creando el Template de nosotros

Lecture 141 CSS para el Hero

Section 25: SITIO WEB PIZZERIA - Creando el Blog

Lecture 142 Primeros pasos con el Blog

Lecture 143 Creando el Loop y algunas entradas

Lecture 144 Agregando el Resto del HTML y código PHP

Lecture 145 CSS Para el blog

Lecture 146 Estilos para el botón de leer más

Lecture 147 Agregando Paginación

Section 26: SITIO WEB PIZZERIA - Sidebar y Widgets

Lecture 148 Creando la Zona de Widgets

Lecture 149 CSS para los Widgets

Section 27: SITIO WEB PIZZERIA - Template de Entradas de Blog

Lecture 150 Primeros Pasos

Lecture 151 Agregando el formulario de Comentarios

Lecture 152 Consultando la base de datos de comentarios

Lecture 153 CSS para el formulario de Comentarios

Lecture 154 Finalizando los comentarios

Section 28: SITIO WEB PIZZERIA - Primeros pasos para crear un Bloque

Lecture 155 Opciones para crear bloques

Lecture 156 Primeros pasos creando el bloque

Lecture 157 Creando el primer bloque

Lecture 158 Registrando el Archivo principal para los bloques

Lecture 159 Registrando CSS para Bloques

Lecture 160 Registrando los bloques

Lecture 161 Creando una Categoria Personalizada

Section 29: SITIO WEB PIZZERIA - Creando nuestro primer Bloque

Lecture 162 Estructura básica de un bloque

Lecture 163 Los 7 Pasos para crear un bloque

Lecture 164 Colocando el Componente donde lo requerimos

Lecture 165 Crear una función para leer el contenido del componente

Lecture 166 Registrar un atributo

Lecture 167 Extraer el atributo

Lecture 168 Guardar los contenidos en el Atributo

Lecture 169 Trabajando con el método save()

Lecture 170 Repasando los 7 pasos con un nuevo Componente

Lecture 171 Extendiendo nuestro bloque con una barra lateral

Lecture 172 Aplicando los Colores

Lecture 173 Definiendo una paleta de Colores

Lecture 174 Permitir al usuario cambiar el color del Texto

Lecture 175 Aplicando CSS

Lecture 176 Utilizando nuestro bloque

Lecture 177 Finalizando el CSS de nuestro bloque

Lecture 178 Agregando alineación al Contenido

Section 30: Creando un Bloque Dinamico

Lecture 179 Creando un Plugin para custom post types

Lecture 180 Agregando los platillos

Lecture 181 Mostrar el Custom Post Type en la WP REST API

Lecture 182 Agregar campos a la respuesta de la WP REST API

Lecture 183 Agregando la Taxonomia

Lecture 184 Agregando la imagen destacada

Lecture 185 Registrando un Bloque Dinamico

Lecture 186 Creando el Bloque

Lecture 187 Consultando la WP REST API

Lecture 188 Mostrando las especialidades

Lecture 189 Finalizando el HTML de las especialidades

Lecture 190 Agregando un Panel para mostrar cierta cantidad de Especialidades

Lecture 191 Mostrando cierta cantidad de especialidades

Lecture 192 Mostrando las especialidades en el Front End

Lecture 193 Agregando el resto del código HTML en el frontend

Lecture 194 CSS para el bloque

Lecture 195 Leyendo los valores del panel lateral

Lecture 196 Agregando un panel para seleccionar la categoria a filtrar

Lecture 197 Filtrando las Especialidades

Lecture 198 Agregando un Titulo para la sección

Lecture 199 Mostrando el Titulo en el Front End

Lecture 200 Filtrando por Término

Section 31: SITIO WEB PIZZERIA - Creando un Bloque para Galerías

Lecture 201 Registrando el Bloque

Lecture 202 Agregando el MediaUpload para subir imágenes

Lecture 203 Almacenando las imágenes en un array

Lecture 204 Mostrando las imágenes conforme el usuario las agrega

Lecture 205 CSS para la galería

Lecture 206 Agregando un botón para eliminar las imágenes no deseadas

Lecture 207 Eliminando una imagen del State

Lecture 208 Mostrando la galería en el Front End

Lecture 209 Añadiendo Lightbox a la galería

Section 32: SITIO WEB PIZZERIA - Creando el Bloque de hero

Lecture 210 Registrando el Bloque

Lecture 211 Agregando la funcionalidad para subir imágenes

Lecture 212 Leyendo la imagen que sube el usuario

Lecture 213 Trabajando con el Texto del Hero

Lecture 214 Agregando un Enlace

Lecture 215 Utilizando nuestro bloque y viéndolo en el front end

Lecture 216 CSS para el Hero

Lecture 217 Alineando el Contenido con Gutenberg

Lecture 218 Agregando un componente para la altura del Hero

Lecture 219 Leyendo y Mostrando la altura

Lecture 220 Agregando Soporte Completo al Bloque

Lecture 221 Re-utilizando el Bloque de Menu

Section 33: SITIO WEB PIZZERIA - Creando un Bloque con Imágen y Texto

Lecture 222 Registrando el Bloque

Lecture 223 Agregando la imagen para el fondo

Lecture 224 Trabajando con los Textos

Lecture 225 Trabajando con el botón de Leer Más

Lecture 226 Agregando la imagen junto al texto

Lecture 227 Probando el Bloque

Lecture 228 CSS para el bloque

Lecture 229 Agregando soporte de ancho completo

Lecture 230 Creando un Bloque Re-utilizable

Lecture 231 Utilizando un bloque existente

Section 34: SITIO WEB PIZZERIA - Creando un Bloque que contenga otros bloques

Lecture 232 Registrando el Bloque y Primeros pasos

Lecture 233 Un poco de CSS para el Bloque

Lecture 234 Importando el Componente

Lecture 235 Mostrando los valores en el Front end

Lecture 236 Como mostrar un shortcode en Gutenberg

Lecture 237 Creando un bundle para producción

Section 35: SITIO WEB PIZZERIA - Ajustes Finales y Lanzamiento

Lecture 238 Creando una imagen del Theme

Lecture 239 Titulos Dinamicos

Lecture 240 Como realizar el Deployment

Lecture 241 Lo que vamos a Construir en esta sección

Cualquier persona que desee crear temas en WordPress y tenga poca o nula experiencia aprenderá todo lo necesario.,Si ya has utilizado WordPress y quieres extender su funcionalidad, este curso es para ti,Quieres convertir tus diseños HTML o de Photoshop a sitios de WordPress este curso es para ti,Quieres comenzar una carrera en el mundo de desarrollo de plantillas de WordPress este curso es para ti