Desarrollo de Temas de WordPress con Bootstrap 4 y CMB2
What you'll learn
- 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
Requirements
- 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
Description
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
Who this course is for:
- 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
Instructor
Soy diseñador y programador web desde hace más de 15 años.
No te aburriré ni te contaré la típica historia de que soy programador desde los 6 años porque eso sería mentir.
Empecé a los 18 años y la programación cambió mi vida.
Aprendí con tutoriales en video, por eso creo en este formato de enseñanza; el problema es que muchos cursos hablaban con términos confusos, extraños y no creaban un proyecto real, es por eso que enseño Creando Proyectos Reales.
Por años he trabajado con WordPress, Drupal, PHP, JavaScript, Laravel, Node.js, Express, React, Angular, Vue, Ruby on Rails, Django, React Native, Flutter en diferentes empresas de mi Ciudad y para algunos clientes de forma Freelancer, pero cuando conocí a Udemy descubrí que podia realizar los cursos creando proyectos reales que tanta falta hacian, por lo tanto renuncie a mi trabajo y deje mi agencia de diseño Freelancer para comenzar Código Con Juan en Udemy.