Desarrollo Profesional de Temas y Plugins de WordPress
Last updated 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: Spanish | Size: 15.27 GB | Duration: 18h 36m
Last updated 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: Spanish | Size: 15.27 GB | Duration: 18h 36m
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