CURSO de Bricks - Construye tu web en WordPress

Curso para aprender a crear webs con WordPress y Bricks builder. El constructor de temas a medida con mejor proyección del mercado.

La mejor forma de crear webs profesionales en WordPress. Se trata del constructor visual que más rápido ha avanzado desde su lanzamiento. Poderoso, versatil, y enfocado a SEO y la optimización WPO. Pero sobretodo, con un gran futuro. Ha llegado Bricks. ¡Comenzamos!

Bricks
Instalamos Bricks, plugins y preparamos repasamos todos los ajustes del constructor.
Bricks
Primer contacto con el editor de Bricks. Echamos un vistazo a su interfaz, el panel de control, el canvas y el panel de estructura. Y repasamos todos sus elementos.
Bricks
Aprendemos a cargar fuentes personalizadas y a optimizar la configuración para no cargar ninguna innecesaria.
Bricks
Esta lección te servirá para entender las 3 formas de trabajo a la hora de usar estilos en Bricks.
Bricks
Aprendemos los conceptos básicos de la maquetación con flexbox. Y a la espera de la implementación de CSS Grid, descubrimos los entresijos de esta forma de alinear y organizar los elementos.
Bricks
Creamos estilos por defecto para los elementos de Bricks y repasamos los tipos de preset o ajustes predefinidos incluidos en el builder.
Bricks
Descubre como trabajar con clases CSS dentro de Bricks y WordPress. De esta manera serás mucho más productivo y eficaz a la hora de diseñar.
Bricks
Gestiona colores y organízalos en diferentes paletas para tu proyecto con Bricks.
Bricks
Creamos la estructura de contenidos, custom post types, taxonomía, campos personalizados y relaciones. Lo realizamos con JetEngine (aunque podéis utilizar otros plugins).
Bricks
Diseñamos la portada de la página web mientras repasamos conceptos de maquetación con Bricks.
Bricks
Realizamos la cabecera y el pie de página, vemos las opciones del menú y utilizamos los query loops.
Bricks
Creamos el diseño y layout para nuestros "contenidos estándar". Las páginas y las entradas (blog).
Bricks
Maquetamos la plantilla individual para servicio y equipo utilizando campos personalizados.
Bricks
Aprendemos a mostrar una lista de posts relacionados con el post actual mediante las relaciones de JetEngine.
Bricks
Diseñamos una plantilla para mostrar listados de posts y que se aplique de forma general y en el blog.
Bricks
Creamos la plantilla para mostrar los listados relativos a nuestros CPT (servicio y equipo) y también para la taxonomía departamento. Además hacemos uso de los filtros.
Bricks
Utilizamos el elemento de búsqueda de Bricks y creamos una plantilla para mostrar los resultados.
Bricks
Repasamos las opciones que nos brinda Bricks para los formularios que nos permitirán usar campos de forma dinámica entre otras cosas.
BricksDirectos
En este directo charlaremos acerca de nuestra opinión sobre Bricks ahora que ya hemos trasteado bastante. También hablaremos de sus carencias y de dudas que hayan podido surgir.
Bricks
Repasamos las opciones del query loop para realizar consultas personalizadas por taxonomía o por meta field.
Bricks
Gracias a los elementos globales podemos reutilizar elementos y cambiar el diseño de todos al mismo tiempo.
Bricks
Estos elementos, sliders, tabs y acordeones, nos permiten generar listas de contenido en diferentes formatos y además permiten obtener sus items de consultas personalizadas.
Bricks
Este pequeño vídeo es solo para dejar constancia de que he realizado ciertos ajustes básicos en WooCommerce. Pero te recomiendo ver mi curso de WooCommerce en YouTube para saber configurar absolutamente todo.
Bricks
Diseñamos el archive de productos que servirá de portada para la tienda online de WooCommerce.
Bricks
Creamos un query loop con la lista de categorías de productos y su imagen destacada. Además generamos una plantilla para los términos de la taxonomía Categoría de Productos.
Bricks
Os enseño a realizar un listado de productos con diseño y consulta personalizada. Ordenados por ventas, solo destacados, etc...
Bricks
Aún no han implementado oficialmente esta función. Pero os traigo 2 formas de realizar condiciones de visibilidad dentro de Bricks.
Bricks
Diseñamos la plantilla para los productos de WooCommerce y utilizamos los elementos y widgets que Bricks nos ofrece para ello.
Bricks
Añadimos un botón de minicart que previsualiza el contenido del carrito de WooCommerce.
Bricks
Creamos las diferentes plantillas para las páginas del sistema de WooCommerce. Carrito, Finalizar compra, Carrito, Gracias y Orden recibida.
Bricks
Usamos la función de Bricks para registrar y llamar a áreas de widgets o sidebars y poder incluir bloques de Gutenberg en ellos.
Bricks
Utilizamos al función de one page scrolling para crear una interfaz de botones laterales que nos permiten navegar entre secciones y contenedores de la página.
Bricks
Hacemos uso de pseudoelementos para poder dar estilo a componentes dentro de un elemento HTML.
Bricks
Repasamos la configuración para SEO y social media tanto para contenidos concretos como para las plantillas de Bricks.
Bricks
Gracias a las páginas de opciones podremos reutilizar información dinámica en cualquier parte del sitio y ahorrarnos mucho tiempo a la hora de realizar cambios.
Bricks
Aprende a trabajar con efectos de transformación, filtros y animaciones tanto en elementos como en pseudo elementos.
Bricks
Hacemos uso de las plantillas de Bricks de la comunidad, y también lo configuramos para poder compartir plantillas con otras instalaciones.
BricksCódigo
Abordamos algunos temas pertenecientes a HTML y CSS. Cuestiones que debemos conocer para entender algunas opciones de Bricks.
BricksWordPress
Creamos un loop dentro de otro loop. ¿Para qué?. Pues en este caso (puede usarse para otras cosas) lo que hacemos es sacar posts relacionados dentro del listado principal.
BricksCrocoblock
Utilizamos el plugin de Itchycode para poder utilizar las consultas del Query Builder de JetEngine dentro de Bricks,
BricksCrocoblock
Creamos un loop de términos de una taxonomía que además lleva un campo de imagen o icono.
Bricks
Os enseño a utilizar la función nativa de Bricks para visibilidad condicional y además hacemos un ejemplo de uso de una función propia.
Bricks
Maquetamos una lista de servicios cuyo color de fondo proviende de un campo dinámico y jugamos con animaciones y su maquetación.
BricksCódigo
Utilizamos CSS Flexbox para construir un grid responsive en un query loop de posts de Bricks.
Bricks
Repasamos las novedades que vendrán en la versión 1.6 de bricks antes de su lanzamiento oficial.