Revisión de Oxygen 2.0: Creador de sitios web visual flexible para WordPress

Revisión de Oxygen 2.0: Creador de sitios web visual flexible para WordPress

¿Alguna vez ha deseado poder crear su tema completo de WordPress usando un editor visual de arrastrar y soltar?

Lo que antes era solo un sueño ahora es gracias a herramientas como Beaver Themer, Elementor Pro 2.0 y … el tema de la revisión de hoyOxígeno 2.0.

Oxygen 2.0 es un creador de sitios web visual de arrastrar y soltar para su sitio de WordPress. Puede crear utilizando su potente editor y sistema de plantillas. literalmente el 100% de su sitio de WordPress con diseño visual.

Probamos Oxygen 1.0 en junio de 2017, pero ahora los desarrolladores están de regreso con una actualización masiva en forma de Oxygen 2.0. Siga leyendo mi revisión de Oxygen 2.0 para ver qué puede hacer esta herramienta rediseñada.

Revisión de oxígeno 2.0: cómo funciona

Verá esto con mucho más detalle en las próximas secciones, pero aquí hay un resumen rápido de las características básicas de Oxygen 2.0. Usted puede…

  • Cree plantillas para controlar el aspecto de todo su sitio web con un editor visual de arrastrar y soltar
  • Cree páginas individuales o piezas reutilizables con el mismo editor
  • Aplique fácilmente selectores CSS a los elementos y trabaje directamente con sus propias hojas de estilo
  • Use controles receptivos para establecer diferentes estilos para diferentes dispositivos
  • Traiga contenido de complementos, como un formulario o un calendario de eventos, y diséñelos con la misma interfaz visual de Oxygen.
  • Controle los diseños con configuraciones simples sin columnas y espaciado ajustable

¿En qué se diferencia Oxygen 2.0 de un Page Builder?

Edición con arrastrar y soltar … diseño visual … Oxygen es solo un creador de páginas, ¿verdad?

Algo como eso. Pero también existen algunas diferencias importantes.

Primero – reemplaza completamente tu tema.

No conozco ningún otro creador de páginas que haga esto.

Incluso si está utilizando Beaver Themer o Elementor Pro 2.0, su tema de WordPress sigue siendo importante y lo verá en el código de su sitio.

Pero el oxígeno realmente lo hace Elimina completamente tu tema de WordPress de la ecuación. Incluso si técnicamente aún necesita tener un diseño activo, no verá ningún rastro de este diseño en el código front-end de su sitio web:

Código de oxígeno 2.0

En segundo lugar, el sistema de plantillas de Oxygen es mucho más detallado que el de un creador de páginas. Verás esto más en la sección práctica.

También hay muchas diferencias menores, pero esas son las dos que noto.

De hecho, aún puedes crear tu generador de páginas favorito con Oxygen. utilizar – las dos no son herramientas mutuamente excluyentes. Por ejemplo, podría utilizar un creador de páginas para diseñar el contenido que va Dentro la Página de libro Plantilla que creas con Oxygen.

Así funcionan las plantillas de Oxygen 2.0

Para controlar cómo se ve el contenido diferente en su sitio web, use plantillas. Si está familiarizado con el funcionamiento de los temas de WordPress, debería comprender este concepto con bastante rapidez. Pero si no es así, puede llevar un tiempo ponerse al día.

Una plantilla determina cómo se ve cierto contenido. Por ejemplo, si está creando una plantilla para una sola publicación de blog (Me gusta la publicación que estás leyendo ahora mismo), utilice Oxígeno para especificar:

  • A dónde va el título de la publicación del blog
  • ¿Qué metainformación del autor debe incluirse y dónde?
  • A dónde va el contenido del blog

Y también agregará estilo para todos estos elementos.

Luego, puede elegir exactamente a qué publicaciones desea aplicar esta plantilla. Por ejemplo, puede crear una sola plantilla para todos los artículos. O puede crear una plantilla especial para una categoría específica de publicaciones:

Oxygen 2.0 revisa las plantillas

Bastante simple, ¿verdad?

Sin embargo, aquí es donde el sistema de plantillas de Oxygen se vuelve bastante bueno:

Herencia de plantilla

Primero, Puede hacer que las plantillas hereden de otras plantillas. Eso abre mucha flexibilidad.

Por ejemplo, puede crear una plantilla que incluya el encabezado y pie de página de su sitio web. En lugar de tener que agregar manualmente sus encabezados y pies de página para cada tipo de contenido en su sitio web, puede usar otras plantillas Heredar la plantilla de encabezado y pie de página.

Básicamente, puede utilizar estas plantillas a continuación para crear Diseñe solo el contenido que se encuentra entre el encabezado y el pie de página.

Esto no solo le ahorra tiempo en el presente, sino que también significa que si necesita cambiar su encabezado en el futuro, solo necesita editar su plantilla de encabezado / pie de página una vez:

Heredar plantillas

Prioridad de plantilla

En el ejemplo anterior, dije que podrías tener:

  • Una plantilla para todos los artículos
  • Una plantilla para un cierta categoría de publicaciones – Dilo «fotografía«Categoría

Pero eso tiene un problema, ¿verdad? Si lo configura de esa manera, publíquelo en el fotografía La categoría tendría dos plantillas que se aplican a ella (porque todas las publicaciones también se aplicarían)

Para evitar este conflicto, puede configurar Oxygen 2.0 Prioridad de plantilla. En esencia, puede determinar qué plantilla debería «ganar» en tal situación:

Prioridad de plantilla

Una vez más, esta es otra forma en que Oxygen hace las cosas bastante flexibles.

Utilice el editor de oxígeno para crear una plantilla

Para crear sus plantillas, use el editor visual de Oxygen, que ha sido completamente rediseñado en Oxygen 2.0.

Si crea una plantilla desde cero, aparecerá un editor en blanco para comenzar. Pero si hereda de otra plantilla, verá la plantilla heredada alrededor el área edificable.

A la izquierda, puede usar la barra lateral para agregar elementos a su diseño:

Editor de oxígeno

Estos elementos se dividen en cinco secciones diferentes:

  • Lo esencial – bloques de construcción simples como secciones, texto, imágenes, etc.
  • ayudante – Bloques de construcción más avanzados, así como herramientas para crear encabezados, cuadrículas de publicaciones y más.
  • WordPress – con él puedes insertar elementos específicos de WordPress. Por ejemplo, puede insertar menús o barras laterales. O puede insertar cualquier información de su base de datos de WordPress, como el título de una publicación, información del autor, etc.
  • Biblioteca – Oxygen 2.0 incluye conjuntos de diseños prefabricados desde los que puede importar diseños para ahorrar tiempo.
  • Reutilizable – También puede guardar sus propios diseños como piezas reutilizables y luego recuperarlos aquí.

Si es necesario, también puede integrar contenido de otros complementos que esté utilizando.

Creando diseños con oxígeno

Una de las áreas en las que Oxygen 2.0 sobresale es su motor de diseño basado en Flexbox. Tiene algunas características que facilitan la creación de diseños que el creador de páginas promedio.

Primero, cada sección tiene este Diseño de elementos secundarios y Alineación horizontal de artículos la configuración. Puedes hacer dos cosas interesantes con él:

  • Puede crear diseños horizontales sin Necesita configurar columnas (aunque hay un elemento de columna si lo desea).
  • Puede establecer la alineación de todos los elementos de una sección sin tienes que editar cada elemento individualmente

Para demostrar esto, agregué tres elementos a mi diseño. Mira lo fácil es manipularlos:

Diseños

¡Muy fácil! Pero todavía existe este extraño espacio en el que cada elemento se mezcla con el otro. Y eso me lleva a otra parte del sistema de diseño Oxygen 2.0 que me gusta …

En lugar de tener que ajustar manualmente el espaciado y los márgenes *, puede hacer clic y arrastrar para ajustar el espaciado. Respecto:

distancia

Esta es otra forma muy conveniente de acelerar su flujo de trabajo. Y no es solo por la distancia. Tú también puedes, por ejemplo, ajusta el tamaño de un botón:

cambiar tamaño

* Por supuesto, puede acceder a los márgenes / rellenos directamente si lo desea.

Reorganizar elementos en sus diseños

Si necesita reorganizar elementos en sus diseños, Oxygen 2.0 ahora ofrece Edición de arrastrar y soltar. Una forma de reorganizarlos es simplemente hacer clic y arrastrar.

Otra opción es abrir el estructura Pestaña que muestra un árbol DOM completo para su diseño, incluidos los divs:

Árbol de la catedral

Encuentro el acceso al árbol DOM muy conveniente. El creador de páginas de Thrive Architect tiene un concepto similar, y lo uso todo el tiempo para cambiar entre elementos y sus contenedores.

Elementos y secciones de diseño

Como vio en las capturas de pantalla anteriores, use la barra lateral para diseñar sus elementos.

en el Primario Tab puede configurar todos los detalles básicos sobre un elemento:

Selección de CSS

Y luego eso Progresivo Tab te ofrece muchas más configuraciones:

progresivo

Y una cosa que a los desarrolladores les encantará es lo accesible que Oxygen 2.0 hace CSS.

Puede utilizar los controles anteriores para elegir varias consultas de medios y aplicar selectores de CSS. Y luego puede trabajar directamente con CSS usando el editor completo:

Usa CSS

Todo su código se aplica en tiempo real:

Vista previa en vivo de los cambios de CSS

Y también puede editar y crear sus propias hojas de estilo directamente:

Hojas de estilo

Y ahí lo tiene: ¡un recorrido rápido por la nueva experiencia Oxygen 2.0!

¿Cuánto cuesta el oxígeno 2.0?

Si bien los desarrolladores enfatizan que el precio actual es un «precio de introducción temporal», el precio de Oxygen es difícil de superar en este momento, especialmente si está creando sitios web para los clientes.

En este momento, puede comprar Oxygen 2.0 por $ 99 para usar páginas ilimitadas. Y el incluye sitios de clientes.

Mejor aun, tu tambien apoyo de por vida y actualizaciones de por vida. Entonces $ 99 todo incluido por vida.

Reflexiones finales + ¿Quién debería usar Oxygen 2.0?

Si solo está buscando una solución que lo ayude a crear páginas en su tema de WordPress existente, Oxygen 2.0 es para usted No para ti. Quédese con un creador de páginas de WordPress más tradicional.

Pero si está creando sitios web completos para clientes, o el tipo de persona que quiere crear su propio sitio de WordPress desde cero, Oxygen 2.0 está hecho para usted.

Como alguien que ha usado tanto Oxygen 1.0 como Oxygen 2.0, Oxygen 2.0 se siente como una gran mejora, lo cual siempre es algo bueno (leer mi revisión original de oxígeno 1.0 para comparacion). Con la inclusión de la edición de arrastrar y soltar, se siente mucho más intuitivo. Y hicieron que la creación de contenido fuera mucho más rápida al reducir la necesidad de depender del código personalizado. tanto como antes.

También me encanta cómo funciona el nuevo motor de diseño: el espaciado y el tamaño que se pueden arrastrar son realmente útiles.

Con todo, si está buscando una forma flexible y económica de crear sitios web completos de WordPress, debería consultar Oxygen 2.0.

Hay una garantía de devolución de dinero de 30 días para que no arriesgue nada si lo prueba.

Obtenga oxígeno 2.0

¡Si te ha gustado no dudes en compartirlo!

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad