Serie

Curso de OXYGEN - Página web de inmobiliaria - OXYRENT

Vamos a crear una página web completa con Oxygen. En este caso el proyecto se trata de una inmobiliaria, lo que nos perimtirá jugar con información dinámica.

20 lecciones Volver a las Series

Lecciones

Contenido relacionado

Solo miembros Adobe Illustrator

Diseño en perspectiva ISOMÉTRICA - Logotipo para OXYRENT

En esta lección os enseñare a dibujar ilustraciones, logotipos o iconos con perspectiva isométrica y a crear acciones automatizadas para la proyección de elementos.

Ver lección

Solo miembros WordPress Oxygen

Maquetación con OXYGEN | FLEXBOX, MODALS, SIDEBARS | Clase INTENSIVA #1

Maquetaremos un template con sidebar, utilizaremos divs y estructuras persnalizadas, enlaces, distribución con flexbox e incluso un modal disparado desde un botón.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

Formulario que guarda CAMPOS calculados con el número de solicitudes enviadas - JetFormBuilder

Realizamos un formulario con JetFormBuilder que incrementa el valor de campos personalizados y los guarda tanto en los meta del post como del usuario.

Ver lección

Solo miembros Oxygen

Maquetación con OXYGEN | GRID | Clase INTENSIVA #2

Maquetaremos una página y aprenderemos a maquetar layouts con grids, además de ser conscientes del comportamiento natural de los divs en Oxygen.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

Instalación de OXYGEN, módulos y estructura

Lección básica... pero por algún sitio hay que empezar. Instalamos OXYGEN, los módulos de JetEngine y aprendemos un truco para importar imágenes de ejemplo.

Ver lección

Solo miembros WordPress Oxygen

OXYGEN - Bloques, ajustes, estilos globales e interfaz

En esta pedazo de lección pegamos un repaso a Oxygen que te permitirá conocer sus componentes, interfaz y ajustes principales. Lección indispensable para aprender Oxygen.

Ver lección

Solo miembros WordPress Oxygen

Cabecera y menú básico + repaso de propiedades CSS

Creamos el template reusable de la cabecera y aprovechamos la clase para repasar algunos conceptos de CSS que podemos controlar desde Oxygen.

Ver lección

Solo miembros WordPress Oxygen

Diseño de SINGLE de CPT en Oxygen - Ficha de inmueble | #PARTE 1

Comenzamos a diseñar la single de un custom post type, en este caso los inmuebles. Y empezamos a trabajar con campos personalizados en Oxygen.

Ver lección

Solo miembros WordPress Oxygen

Repeaters, relaciones, galerías, query builder y funciones de WordPress - LECCIÓN BRUTAL - Ficha de inmueble | #PARTE 2

Vas a flipar con esta lección donde utilizamos el elemento Repeater para sacar campos relacionados con JetEngine e incluso nos diseñamos una galería de imágenes del post.

Ver lección

Solo miembros

ARCHIVE en Oxygen + Campos con visibilidad condicional

Creamos el archive para el listado de inmuebles utilizando la herramienta nativa de Oxygen para ello, el repeater. Pero además aprendemos a crear condiciones de visibilidad a ciertos campos.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

¿Oxygen + JetSmartFilters? - Cómo integrar cualquier plugin en Oxygen + JetStyleManager + Style Output

Comprobamos cómo integrar JetSmartFilters con Oxygen, los listing grids, y cualquier plugin que nos dé la gana dentro de Oxygen. Estilizaremos con JetStyleManager y con Oxygen Style Output.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

Hierarchical Filters, Select, Range filter y paginación con JetSmartFilters y Oxygen

Después de haber visto la mecánica y forma de integración de JetSmartFilters con Oxygen, realizamos algunos ejemplos más de filtros. Uno jerárquico, y otros dos referenciando a meta fields, uno con select y el otro de tipo range.

Ver lección

Solo miembros Oxygen

Listados y layouts ESPECIALES en Oxygen con SLIDERS y con Easy Posts

Creamos listados de posts utilizando bloques nativos de Oxygen y diseñando layouts basados en columnas, CSS Grid e incluso con modo slider.

Ver lección

Solo miembros Oxygen

Blog Template + WordPress Conditional Tags para condiciones de visibilidad en Oxygen

Si, ok, hacemos el blog. Pero lo IMPORTANTE es un truco que os enseño para poder poner cualquier función de WordPress como condición de visibilidad en Oxygen.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

¿Profile Builder SIN Elementor? - Frontend submission (y edit) con Oxygen + Crocoblock

Comenzamos a crear una zona para los propietarios donde puedan subir sus propios inmuebles e incluso editarlos. Diseño a parte, aquí va el episodio sobre la parte de funcionalidad.

Ver lección

Solo miembros WordPress Oxygen

Single de página y uso de CLASES en Oxygen

Aprende a utilizar las clases en Oxygen para poder reutilizar estilos de elementos. Todos mientras creamos la single para las páginas del sitio web.

Ver lección

Solo miembros WordPress Crocoblock Oxygen

Cómo trabajar CAMPOS de JetEngine con Gutenberg en Oxygen (Ejemplo con repeater y descarga de archivo)

La manera más cómoda de trabajar campos en Oxygen es con ACF PRO. Sin embargo, no es para nada IMPOSIBLE hacerlo con JetEngine. Aquí os dejo una forma de hacerlo.

Ver lección