Comparte si te a gustado:

Desarrollo de Temas de WordPress con Bootstrap 4 y CMB2

Publicado en 12 Nov 2024

Udemy UK

Lo que aprenderás

  • 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

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

Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

(Cupón válido para las primeras 1000 inscripciones): ST20MT111124A
Udemy UK
Tags:

Articulos Relacionados

content

Universidad Desarrollo Web - FrontEnd Web Developer!

El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!

Ir al Curso
content

Universidad Angular - Cero a Experto - Actualizado-Angular18

Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!

Ir al Curso
content

Angular: De cero a experto

Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

Ir al Curso
Suscríbete a nuestro boletín
Reciba los últimos Cupones y promociones (Solicitar Cupón)