Udemy – Desarrollo de Temas de WordPress con Bootstrap 4 y CMB2

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:

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

Aprende a descargar de CursosMegaUp

Como descargar

Enlaces de Descarga

Mega

Web Oficial

Udemy

Recuerda comentar si tienes algún problema con los links o la contraseña.