Revisión de Oxygen 2.0: un verdadero creador visual de sitios de WordPress

¿Busca una forma más flexible de construir su próximo sitio web de WordPress? Oxygen, un constructor visual de sitios web de WordPress que he revisado previamente en 2017, está a punto de lanzar Oxygen 2.0. Oxygen 2.0 elimina completamente su tema de WordPress de la ecuación, proporcionando un sistema de generación visual fuerte y un sistema de plantilla para permitirle diseñar visualmente cada aspecto de su sitio de WordPress. Generalmente creo que Oxygen 2.0 es una actualización notable de Oxygen 1.0. Y agregar edición deslizándose y colocando en la ecuación debe despertar el interés de los generadores de páginas.
Si alguna vez ha querido diseñar “más” con un generador de páginas, definitivamente debe echar un vistazo a mi revisión de Oxygen 2.0 para ver todo lo que ofrece este generador de tareas. Revisión de Oxygen 2.0: como funciona como dije en la introducción, el oxígeno es autoproclamado como un “constructor de sitios visual”. No es lo mismo con un generador de página. De hecho, puede continuar usando una página de páginas con oxígeno si lo desea, los dos no deben excluir entre sí. Además, Oxygen 2.0 no se basa en un tema de WordPress. Entonces, a diferencia de la funcionalidad de crear el tema que obtienes con algo como Beaver Themer o Elementor Pro, en realidad no hay rastro de un tercero en el frente de tu sitio. Si miras el código. El oxígeno reemplaza por completo su tema.
Ok … así que no hay tema. ¿Cómo construyes tu sitio entonces? Oxygen 2.0 le permite crear tres tipos de contenido. Las plantillas pensan de ellas prácticamente como construir un tema desde cero. Son la base de su sitio. Por ejemplo, puede crear plantillas para: singular para publicaciones de blog, páginas o tipos de publicaciones personalizadas. Esto es lo que los visitantes ven cuando veo una publicación individual.
Archivos: esto es lo que los visitantes ven cuando veo una lista de publicaciones o una categoría/etiqueta/archivo de datos.
La primera página: una plantilla separada para la primera página.
Índice de publicación de blog: una plantilla separada para la página de su blog.
Piezas reutilizables: estas son cosas que querrá reutilizar constantemente en sus plantillas una especie de sección o bloque.
Páginas: también puede diseñar páginas individuales desde cero o basadas en una de las plantillas que crea. La configuración de Oxygen 2.0 Al instalar oxígeno por primera vez, puede elegir entre cargar uno de los sitios web prefabricados incluidos o comenzar desde una instalación vacía.
En este momento, el oxígeno tiene 5 sitios prefabricados. Cada “sitio” incluye una variedad de páginas, plantillas y secciones predefinidas. Por ejemplo, un solo “sitio” puede tener 11 encabezados diferentes para elegir.

Puede elegir entre uno de estos sitios web prefabricados si lo desea, pero usaré una instalación vacía para esta revisión para poder mostrarle todo desde cero.

Básicamente con Oxygen 2.0: construyendo una plantilla arriba, te dije qué es una plantilla. ¡Ahora, construamos uno! Para hacer esto, acceda a Oxígeno → Plantillas → Agregar una nueva plantilla. Al crear una nueva plantilla, puede elegir dónde aplicar usando acordeiones y casillas de verificación simples. Para este ejemplo, lo configuré para poder diseñar la plantilla para lo que alguien ve al ver una publicación de blog individual (¡como lo hace ahora mismo!): Lo bueno es que también puede aplicar la plantilla solo con cierto:
Taxonomías

IDS de los padres
También puede configurar otra función útil llamada Prioridad de plantilla. Esencialmente, la prioridad de la plantilla lo ayuda a administrar una situación en la que se aplica más de una plantilla a la publicación actual.
Por ejemplo, puede tener:
Una plantilla para todas las publicaciones
Otra plantilla para publicaciones de una categoría en particular
La plantilla de prioridad le permite especificar a quién se les debe dar prioridad a los dos:
Es importante tener en cuenta que también puede combinar más plantillas por el hecho de que las plantillas heredan el diseño de otras plantillas. ¿Por qué es esto útil? Le permite, por decir, crear una plantilla que tenga una carcasa base para su encabezado y sótano. Sótano.
Este concepto podría tomar un poco para acostumbrarse si no es un desarrollador, pero realmente abre mucha flexibilidad para crear diferentes tipos de contenido una vez que comprende. Usar el editor visual, el oxígeno es cómo se ve el editor de oxígeno cuando lo abres por primera vez: sucede mucho aquí, así que déjame intentar romper … En el lado izquierdo, puedes agregar elementos de página nuevas haciendo clic en el botón + agregar. Estos elementos se dividen en 5 secciones:

Elementos básicos: elementos simples como texto, contenedores, imágenes, bloque de código propio.
Ayuda: elementos más avanzados, como un generador de encabezado, iconos sociales, publicaciones, cajas de precios, etc.

WordPress: elementos específicos de WordPress, como un menú, formulario de comentarios, formulario de conexión, barra lateral, información de publicación, etc.
Biblioteca: acceso a conjuntos de diseño prefabricados.
Reutilizable: acceso a sus propias piezas reutilizables guardadas.
También puede ingresar el contenido del complemento, como formularios u otras salidas de complementos, y, de manera similar, el estilo de salida del complemento utilizando los comandos a continuación … cómo insertar datos dinámicos en sus dibujos uno de sus dibujos los campos principales en los que Oxígeno excede los generadores estándar de páginas es lo fácil que es importar datos dinámicos, que es esencialmente cualquier cosa de la base de datos de WordPress. P.ej:
El título de la publicación, el contenido, la imagen presentada, etc.
Un campo personalizado (incluidos los campos que agrega con campos personalizados avanzados, puentes, etc.)

El nombre mostrado del usuario actual
y así
Hay dos formas de insertar datos dinámicos. Primero, obtenga una opción de inserción insertada al editar ciertos elementos. Por ejemplo, si agrega un título o elemento de texto, puede hacer clic en el botón Insertar datos para abrir todas las opciones: entonces puede usar el menú de vista previa de Drop -To -Drop Dinámicamente los datos en ese contenido). Así es como parece ingresar el título de una publicación falsa:
También puede insertar dinámicamente a otras partes de su sitio, por ejemplo, puede tener la imagen de fondo de una sección para atraer dinámicamente la imagen presentada:
Y el oxígeno también ofrece datos dinámicos prefabricados que puede agregar directamente, sin tener que usar el inserto de datos:
Por ejemplo, así es como parece insertar un campo personalizado con el elemento de campo personalizado (como referencia, agregué este campo con pods):

Cómo atacar y editar elementos para cada elemento que agregue puede editar ese elemento usando la misma barra lateral:

Tiene muchas opciones aquí, puede configurar:


antecedentes

colores

IMPRESIÓN

sangría
y así
Pero una de las cosas que probablemente te gustarán los desarrolladores es lo fácil que es trabajar con CSS/JS personalizado. Para cada elemento, puede aplicar rápidamente selectores CSS, incluida la administración de diseño receptivo:
Y puede trabajar directamente con CSS y JS abriendo el editor en la pestaña Avanzada:
Nuevamente: puede usar el menú Drop -down para aplicar estilos en ciertos dispositivos si es necesario.
Moviendo elementos alrededor de OK, ahora que sabe cómo puede agregar y estilizar elementos, pasemos a la disposición efectiva de estos elementos en la página. Oxygen 2.0 ahora tiene arrastre y caída, por lo que una forma de hacerlo es simplemente deslizando el elemento real alrededor de la página: pero también puede abrir el área de la estructura, lo que le muestra un árbol para todos los elementos en la página (incluido el CSS elementos). Usando el eje de estructura, también puede deslizar y colocar elementos en nuevas posiciones:
Aspectos de luz/espaciado Una de las cosas hermosas sobre el oxígeno es lo fácil que son los modelos. En primer lugar, Oxygen se basa en Flexbox, con quien probablemente esté familiarizado si usted es un diseñador. Luego le brinda esta configuración útil para la aparición del elemento infantil al editar una sección individual. Esto le permite controlar cómo está alineado cada elemento dentro de la sección:

Entonces, puede, por ejemplo, alinearse en el centro de cada elemento en una sección sin tener que alinear manualmente cada elemento individual. También tiene esa hermosa configuración de elementos para niños de pila, que le permite crear modelos horizontales sin tener que configurar columnas separadas, como debe hacer en casi todos los generadores de páginas. También puede aplicar estas configuraciones de manera diferente para diferentes dispositivos. Por ejemplo, podrías:

Apilar los artículos horizontalmente para pantallas grandes
Apilar sus artículos verticalmente para dispositivos móviles para un diseño más receptivo

Y otra cosa hermosa sobre la apariencia que puedes hacer es tirar de los bordes de una sección para cambiar su espacio:

También puede agregar espaciado a los elementos individuales utilizando el mismo enfoque haciendo clic y tirar. Interrogatorio de publicaciones para páginas de archivo Si tiene que mostrar publicaciones o tipos de publicaciones personalizadas (por ejemplo, para una página de archivo o una página de la tienda), el oxígeno incluye un generador de consulta detallado que le permite: consulta por tipo de publicación

Filtrar por taxonomía o autor
Elija su pedido
Límite contando
Explorando algunas otras opciones en Builder en la sección de administración, puede administrar y agregar hojas de estilo para su tema, incluida la edición directa de hojas de estilo en el editor de código:

También puede administrar selectores utilizando una interfaz similar. Construyendo páginas de oxígeno más allá de la configuración de plantillas, también puede usar oxígeno en páginas individuales. Al editar una página con oxígeno, puede jugarla usando una plantilla existente o puede crearla desde cero usando el editor de oxígeno:
Por supuesto, aún puede usar el editor de WordPress habitual también. ¿Cuánto cuesta el oxígeno?
Si usted es un desarrollador o agencia, el oxígeno tiene un sistema de licencias muy atractivo. Es de $ 99 por su uso en sitios ilimitados. Sí, esto incluye el uso en los sitios web de los clientes. Pero aquí está el pateador:
También se beneficia de la asistencia de la vida y las actualizaciones de la vida. Si construye muchos sitios para usted o para clientes, esto le ahorrará mucho dinero para la competencia. Especialmente desde que pasan el tiempo y las tarifas de renovación para otros productos se recopilan. Pensamientos finales sobre Oxygen 2.0 y a quién se pretende si su objetivo es encontrar un instrumento que le permita construir todo su tema, creo que Oxygen 2.0 logra dar más profundidad que algo como Beaver Themer o Elementor 2.0. El sistema de plantillas, incluida la forma en que puede tener las plantillas para heredar de otras plantillas y establecer prioridades, le brinda un control más fácil sobre diferentes tipos de contenido. Además, el aspecto FlexBox hace que sea mucho más fácil configurar los modelos de página sin tener que confiar en columnas o establecer manualmente la alineación para cada aspecto individual. Incluso si pudiera obtener el mismo resultado final con un generador de páginas, el enfoque de oxígeno parece más rápido y simple. Sin embargo, el compromiso de esta flexibilidad es que no creo que sea tan amigable para los principiantes como algo como Beaver Builder o Elementor. Creo que es correcto, porque siempre habrá un compromiso cuando te opongas a la “facilidad de uso” con la “profundidad de la funcionalidad”. Y creo que todavía es posible que un no desarrollador use oxígeno, especialmente en comparación con el oxígeno 1.0. Solo habrá una curva de aprendizaje mientras comprenda, digamos, ya que funciona para que una plantilla herede otra plantilla. Aquí están las buenas noticias: