Desarrollo de Temas de WordPress con Bootstrap 4 y CMB2
- 9.5 hours on-demand video
- 12 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business- 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
Veamos lo que construiremos a lo largo de este curso
WordPress y Bootstrap siguen siendo excelentes opciones en 2018 y 2019, sobretodo para personas que buscan crear algo rápido en poco tiempo
Veamos el Plan que vamos a seguir para este curso
Veamos como cargar los iconos de la parte inferior
- 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
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
- 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