Portada
Información
Desarrollo de Temas de WordPress con Bootstrap 4 y CMB2
Peso: | 6.09 GB |
Idioma | Español / Spanish |
Duración: | 09:24 H |
Archivos Base: | Sí |
Instructor/es: | Juan Pablo De la torre Valdez |
Requisitos
- Un Editor de Texto, yo estaré utilizando Visual Studio Code
- Un Navegador, estaré utilizando Chrome y Chrome Dev Tools (incluido en Chrome)
- Conexión a Internet, debido a que estaremos descargando algunas librerías a lo largo del curso
- Un Servidor Local, estaré utilizando MAMP
- Si has escrito un poco de código HTML, CSS o PHP o has utilizado WordPress cualquier conocimiento previo te servirá en el curso
Descripción
En este curso aprenderás a crear Themes 100% dinámicos con WordPress de tus diseños en Bootstrap.
Primero estaremos creando el diseño en Bootstrap, nuestro cliente nos ha entregado 9 diseños con la apariencia de como debe quedar el sitio web y estaremos utilizando Bootstrap para crear un sitio web Responsive, utilizaremos los menús, el nuevo grid de Bootstrap hecho con Flexbox, Cards, Formularios, las classes de Bootstrap y mucho más, si eres de las personas que crean sus diseños con AdobeXD, Photoshop o Sketch y cualquiera de estas heramientas, podrás seguir el mismo enfoque para convertir tu diseños a bootstrap.
Una vez que los archivos con los Templates esten listos, estaremos creando el theme de WordPress, pasaremos los archivos con código estático a código dinámico de WordPress, aprenderás a utilizar las funciones nativas de WordPress para crear headers, menús, barras laterales, widgets, mostrar el contenido, imágenes destacadas y más.
Agregaremos código para sacar el máximo provecho a nuestros templates y reutilizar lo más posible nuestros archivos.
Finalmente estaremos incorporando temas más avanzados, agregaremos CMB2, una librería desarrollada para extender los campos por default que convierte a WordPress en un CMS real, con más de 30 campos, CMB2 nos dará opciones más avanzadas para crear un theme 100% dinamico y flexible.
Veremos temas más avanzados tales como crear Widgets, Post Types, relacionar post types, CMB2, Opciones del Tema y Mucho más.
Un curso de WordPress que va desde lo básico hasta temas más avanzados paso a paso
¿Para quién es este curso?
- Diseñadores que quieran aprender a tomar sus diseños PSD, Adobe XD o Sketch en diseños con Bootstrap y Themes de WordPress
- Personas que quieran tomar un diseño en HTML y convertirlo a un Tema 100% dinámico de WordPress
- Si deseas crear un sitio web dinámico donde el cliente o tu tengan control total sobre la información WordPress es una Excelente opción
- Aprenderás paso a paso a crear sitios web dinámicos con WordPress y Bootstrap
¿Qué aprenderé?
- Transformar un diseño en Photoshop, Adobe XD, JPG o Sketch en código de Bootstrap para crear sitios web responsive
- Tomar ese mismo diseño y convertirlo en un Theme 100% dinámico de WordPress
- Agregar y escribir código más avanzado para tus themes de WordPress
- Integrar una librería como CMB2 en tu Theme con opciones avanzadas para venderlo
- Crear opciones del Theme para que tu o tus clientes puedan cambiar su apariencia del sitio web sin escribir código
Contenido
- Introducción al Curso y Primeros Pasos
- Creando el Diseño con Bootstrap
- Creando la Página de Nosotros
- Creando el Blog
- Creando la Página de Entradas del Blo
- Creando la Página de Próximas Clases
- Creando la Página para cada Clase
- Creando la página de la Galería de Imágenes
- Creando la página de Contact
- Creando la página de Inicio
- Creando el Theme o Tema de WordPress
- Creando el Template de Inicio
- Creando el Template de Páginas en WordPress
- Creando un Template con Iconos
- Creando el Template para el Blog
- Creando el Template para las Clases
- Creando el Template de Galería
- Creando el Formulario de Contacto
- Trabajando con Widgets en WordPress
- Opciones del Tema
- Ajustes Finales al Proyecto
Capturas
Link caido
ResponderBorrar