Revisión de Oxygen 2.0: un sitio web de WordPress Visual Builder

En junio de 2017, analizamos un nuevo generador de sitios visuales de WordPress llamado oxígeno. Esto fue oxígeno 1.0. Ahora, el equipo Soflyy (también detrás de WP All Import y WP Sandbox) ha regresado con una gran actualización: Oxygen 2.0. Lo mismo que 1.0, Oxygen 2.0 lo ayuda a construir todo su sitio de WordPress utilizando un editor visual. Pero, a diferencia de la mayoría de los otros creadores de temas que conocerá, el oxígeno reemplaza por completo su tema. No solo inyecta un encabezado o un sótano: construye todo su sitio de WordPress. ¡Cosas bastante fuertes! Si esto ha atraído su atención, continúe leyendo mi revisión de Oxygen 2.0 para ver rápidamente algunas de las características nuevas más grandes. Entonces te daré una visión práctica de cómo funciona todo.
Revisión de Oxygen 2.0: ¿Qué hay de nuevo en 2.0? Es imposible cubrir cada función, pero permítanme enfatizar rápidamente algunas de las cosas más grandes que Oxygen 2.0 ofrece:
Controles de apariencia basados ​​en fuertes: según los controles de apariencia de Flexbox, Oxygen 2.0, son muy fáciles de usar. Puede crear rápidamente diseños horizontales y verticales, completamente con alineación para todos los elementos secundarios, sin tener que usar ninguna columna (cómo necesitar casi cualquier generador de página). También puede simplemente tirar del lado de un elemento para ajustar la distancia y el tamaño, lo cual es muy conveniente.
Edición visual por deslizamiento y colocación: Oxygen 2.0 agrega edición deslizando y colocando la mezcla. Ahora, puede dibujar elementos en la vista previa visual, además de manipular el árbol DOM.
Plantillas fuertes: el sistema de plantillas Oxygen 2.0 le permite crear plantillas para blogs, individuales y más. Además, puede tener plantillas para heredar de otras plantillas. ¡Explicaré cómo esto realmente ayuda en la sección práctica! Control CSS completo: puede aplicar fácilmente las clases de CSS a varios elementos para obtener actualizaciones fáciles más adelante. Y es muy fácil agregar su propio CSS personalizado debido al editor Built -in, incluida una opción para agregar CSS personalizado para varias interrupciones de interrogatorio de medios.
Estos son los más importantes desde mi punto de vista, pero esta no es la lista completa de características. Verá mucho más en la sección práctica.
¿Quién es Oxygen 2.0 creado para ayudar? Si solo desea construir algunas páginas de estilo para su tema existente, el oxígeno no está destinado a su oxígeno está destinado a personas que desean construir todo su sitio web, no solo unas pocas páginas aquí y allá. En mi reseña sobre Oxygen 1.0, escribí esto: si eres un usuario ocasional de WordPress, el oxígeno no está realmente creado para ti (y no se te comercializa), creo que hay algo más verdad en él. Pero Oxygen 2.0 me parece más amigable para principiantes, debido a que agregar funciones como edición y colocación
El artículo continúa a continuación

El sistema de plantilla aún puede sentirse abrumador para un usuario ocasional. Pero creo que cualquiera tiene una comprensión básica de cómo se ajusta un tema de WordPress (por ejemplo, encabezado, contenido, sótano, menú, etc.) no debería tener problemas para usar Oxygen 2.0 para construir un sitio web. Y, como con Oxygen 1.0, puede continuar usando un generador de página con Oxygen 2.0. Básicamente con Oxygen 2.0: Explorando la interfaz OK, por lo que es una gran introducción. Ahora, tomemos la interfaz Oxygen 2.0. Esencialmente, una plantilla es un aspecto que aplica a un contenido particular en su sitio. Por ejemplo, puede tener una plantilla que aplique a las publicaciones. Otro en páginas, etc. Pero Oxygen 2.0 le permite ser muy detallado. Entonces puedes tener cosas como:
Aplicar la plantilla A a todas las publicaciones
Aplicar B Templon a todas las publicaciones de categoría de fotografía
Pero, en este escenario, las publicaciones en la categoría de fotos se adaptarían tanto a la plantilla como a la plantilla B. Entonces, ¿qué sucede?
Bueno, puede usar la prioridad de la plantilla para dictar qué plantilla debe aplicarse en ese escenario:
Entonces, hay una parte interesante de las plantillas … pero se vuelve más fría.
El artículo continúa a continuación

De hecho, puede tener plantillas para heredar otras plantillas:

Es por eso que es útil: puede crear una plantilla de encabezado y sótano con un sustituto de contenido. Luego, puede crear diferentes plantillas para diferentes piezas de contenido, sin tener que restaurar el encabezado/sótano para cada uno (porque cada plantilla de contenido hereda la del encabezado/sótano). Aquí hay un ejemplo de lo que está sucediendo: ¡cosas bastante flexibles! Usando Oxygen 2.0 Visual Builder OK, para que haya visto Oxygen 2.0 Visual Builder arriba. Pero vamos más profundamente a una plantilla vacía. Al hacer clic en el botón Agregar desde arriba a la izquierda, puede agregar elementos de diseño de cinco categorías diferentes:

Elementos básicos: elementos básicos como secciones, título, texto, imagen, botón, etc.

Ayuda: elementos más avanzados, como un generador de encabezado, un cuadro de precios, diapositivas y más.

WordPress: le permite insertar dinámicamente el contenido de WordPress, como un menú, barra lateral, publicar título, publicar contenido, etc.
La biblioteca: le permite elegir entre conjuntos de diseño prefabricados. Estos son prácticamente como plantillas prefabricadas.
Reutilizable: puede guardar sus propios modelos como piezas reutilizables y reutilizarlos de esta pestaña.
También puede incluir resultados de otros complementos en su diseño como productos de WooCommerce o un formulario de contacto.
El artículo continúa a continuación
Al agregar un nuevo elemento, la barra lateral cambia para permitirle estilar ese elemento. Tienes mucho control sobre el estilo:
Y si las opciones incorporadas no son suficientes, puede agregar sus propios estilos CSS personalizados en cualquier momento, incluido un simple desplegable para permitirle dirigir los estilos CSS a ciertos dispositivos: 1 selecciona el dispositivo


2 – Seleccione el selector CSS


Estilos CSS de 3 agregados directamente a un editor completo

Traer datos dinámicos en otra área en la que el oxígeno difiere de un generador de página estándar es lo fácil que es importar datos dinámicos. Por “datos dinámicos”, me refiero solo a su contenido de WordPress. Por ejemplo, los datos dinámicos podrían ser:

El título de la publicación
Imagen presentada
Publicar Contenido
El autor de la publicación
y así
Cada vez que importa datos dinámicos, puede usar el menú de vista previa Drop -O -Go para elegir un contenido de vista previa. Por ejemplo, esto es lo que cuida la publicación de Hello World predeterminada después de agregar datos dinámicos:
Pero más allá de estas cosas “estándar”, el oxígeno también es fácil de importar campos personalizados dinámicamente. Por ejemplo, puede insertar fácilmente un campo personalizado en una plantilla utilizando el menú desplegable en el elemento de datos dinámicos. Agregué un campo de texto con campos personalizados avanzados para probarlo, y Oxygen lo agregó inmediatamente al menú desplegable:
Además de usar widgets de datos dinámicos prefabricados, también puede hacer clic en la inserción de datos al editar otro elemento (como un texto o encabezado) para insertar datos dinámicos de esta manera:
Explorando las opciones de apariencia Como mencionamos al principio, una de las áreas donde Oxygen 2.0 realmente sobresale son las opciones de apariencia. Al editar una sección, puede elegir la apariencia y la alineación para todos los niños en el interior: hay dos formas principales en que este enfoque es superior a la mayoría de las otras páginas:
Puede crear aspectos horizontales sin la necesidad de columnas (aunque hay un elemento de columna si lo desea)

No debe establecer la alineación para cada niño individual. En cambio, puede controlar todo a nivel de sección, si lo desea.

Más allá de eso, otra cosa que encuentro muy útil es el espacio rastreable. Por ejemplo, suponga que tiene dos elementos a continuación y desea agregar espacio entre ellos:

En lugar de necesitar cavar en controles de margen/espaciado, como lo haría en la mayoría de las páginas, puede hacer clic y dibujar para crear espacios:

¡Bastante conveniente! Otras partes de la interfaz eventualmente si le gustó el árbol DOM en Oxygen 1.0, aún puede acceder a él en Oxygen 2.0:
También puede administrar las hojas de estilo CSS y los selectores globales haciendo clic en el departamento de gestión: