Revisión de oxígeno: un constructor visual completo de sitios web de WordPress

¿Estás interesado en un instrumento que sea autoproclamado “más flexible que los generadores habituales de páginas y tan fuerte como la codificación manual”? Oxygen es un nuevo complemento de editor visual Wysiwyg para WordPress de Soflyy, el mismo equipo detrás de WP All Import. Le permite construir todo su sitio web (encabezados, sótanos … todo, todo sin dejar el tablero de WordPress. Aunque probablemente no sea para principiantes totales, los diseñadores de WordPress y los usuarios intermedios de WordPress pueden ingresar y comenzar a diseñar sitios detallados desde cero. En mi reseña sobre oxígeno (¡suena extraño decirlo!), Te pondré en práctica este constructor de sitios web visuales y te mostraré cómo funciona todo.
Revisión de oxígeno: ¿Cómo funciona todo? Oxygen es un constructor de sitios web en forma de un complemento de WordPress (similar al constructor o elementor de la página de destino de div). Aunque es un complemento, reemplaza casi por completo su tema de WordPress. Quiero decir, el oxígeno es todo lo que necesitas para atacar tu sitio. Con su colección de bloques fundamentales, componentes preconstruidos y elementos/códigos cortos estándar de WordPress, puede construir completamente su sitio sin tener que codificar todo desde cero. Además, las opciones de estilo detalladas le permiten cambiar fácilmente las cosas con CSS personalizado o la herramienta de oxígeno de estilo construido.
Y lo bueno es que aún puedes usar todos los demás complementos favoritos de WordPress … incluidas las páginas ordinarias de WordPress. ¿Para quién es el oxígeno creado? Si es un usuario ocasional de WordPress, el oxígeno no se crea realmente para usted (y no se lo comercializa). Oxygen tiene como objetivo ser la “elección para los diseñadores web de WordPress”. Entonces, si usted es un diseñador web de WordPress, Oxygen quiere ayudarlo a construir sitios web de WordPress … más rápido y más fácil. Pero incluso si solo es un usuario intermedio de WordPress al que le gusta crear sus propios sitios web, probablemente obtendrá un valor de oxígeno. Es bastante fácil de usar para que pueda construir un sitio único, incluso si no conoce demasiado código, si es necesario. Dicho esto, si todo lo que desea hacer es agregar algún estilo a algunas páginas o publicaciones, no lo hace, no Necesita oxígeno. Oxygen es un constructor de sitios web completo, no un generador de páginas. Como mencioné, en realidad puedes usar oxígeno junto con los generadores de páginas, por lo que este no es un escenario.
El artículo continúa a continuación

La rápida construcción de una página de inicio de oxígeno investigaré el editor visual de oxígeno en un segundo, pero primero quiero mostrarle qué tan rápido puede crear una página con oxígeno y sus componentes. Cuando comience el editor visual de oxígeno, verá un gran lienzo desnudo como este:
A la izquierda, agregue elementos, widgets, códigos cortos, plantillas y más. Y a la derecha, tiene un árbol DOM útil, fácil acceso a hojas de estilo e información sobre selectores. Hay otros menús ocultos más pequeños … pero estos son los elementos básicos. Si solo desea construir una página lo antes posible, todo lo que tiene que hacer es agregar un encabezado: y luego redondear las cosas agregando algo de texto del cuerpo y un sótano:

Y eso me llevó unos 30 segundos. Para editar el texto, es tan simple como un punto y escritura. Obviamente, en la vida real, probablemente querrás personalizar algo más. Esta es solo una presentación general de alto nivel.

Profundicemos un poco con oxígeno …

El artículo continúa a continuación
El editor visual Oxígeno en más detalles OK, lo anterior fue el duro momento “AHA”. Pero vamos un poco más lejos en el editor visual Oxygen. Agregar elementos de oxígeno Aunque he agregado componentes previamente construidos a mi página, por ejemplo, no se limite a esos modelos. De hecho, puede elegir entre 5 categorías diferentes (con algunas superposiciones entre categorías):

Elementos fundamentales elementos básicos como bloques de texto, títulos, divs y más.

Contenido de WordPress específico de WordPress, como códigos cortos y widgets.
Reutilizable: sus propios modelos guardados que puede reutilizar rápidamente
Componentes: modelos prefabricados, así como contenido específico de WordPress, como cuadros de autor, paginación y más.
Conjuntos de diseño: elementos temáticos. Se superponen con la categoría de componentes, pero se organizan de una manera diferente.
Para agregar un elemento, simplemente haga clic en él (no tirar y colocar). Una vez que el elemento está en su página, puede cambiar fácilmente el orden básico, tirando y colocando su posición en el árbol DOM: estilizar sus elementos para enfatizar los elementos, puede abordar las cosas de dos maneras diferentes. En primer lugar, hay modo manual. Puede abrir rápidamente una hoja de estilo existente o agregar una nueva. Y el oxígeno siempre te ayuda a encontrar el selector CSS específico:
Pero también puede hacer clic en el botón múltiple para abrir un cuadro de estilo que le permite:

Agregar bordes y relleno

Cambiar posiciones y alineación


Cambiar las dimensiones
Configurar fondos
Elija la tipografía
Agregar bordes
Agregar fácilmente CSS personalizado a ese elemento específico
El artículo continúa a continuación
Reutilizando elementos de múltiples páginas para suponer que crea un elemento que querrá reutilizar en varias páginas. Los ejemplos obvios son encabezados y sótanos, pero puede ser cualquier cosa en su página. Todo lo que tiene que hacer es ingresar al árbol DOM, hacer clic en el icono de la hamburguesa y marcar el cuadro Reutilizable. También puede cambiar el nombre de cada elemento específico, que es útil.
Una vez que haga esto, puede reutilizarlo rápidamente de la pestaña Reutilización que le mostré antes. ¿Qué pasa con las publicaciones de blog – Archivos y Single? Ok, ahora puedes preguntarte, ¿qué pasa con las publicaciones reales de WordPress? ¿Cómo se crea una página de blog para que coincida con el estilo del resto de su sitio? No se preocupe, Soflyy no olvidó que probablemente desee mostrar publicaciones de blog en algún lugar de su sitio de WordPress. Desde un punto de vista técnico, Oxygen le permite configurar plantillas para cualquier cosa. Pero tienen dos opciones dedicadas para archivos y solteros: si hace clic, digamos, archivo, obtendrá muchas opciones para seleccionar las publicaciones que aparecen en la vista de archivo. Tenga en cuenta que no se limita a las publicaciones: también puede elegir tipos de publicaciones personalizadas, taxonomías personalizadas … sobre cualquier cosa.


Esencialmente, reemplaza la jerarquía de la plantilla de WordPress con una interfaz visual. ¡Eso es genial! Una vez que lo publique, puede ingresar al editor visual y al estilo cómo se verá su archivo con la misma interfaz que le acabo de mostrar. Probablemente querrá agregar el componente de contenido de WordPress → Archivo. Entonces puedes modelarlo (de nuevo) como te mostré antes:

Para una idea de lo que está sucediendo bajo el capó para generar esta lista, siempre puede activar el editor de código y ver qué le sucede a PHP:

Puede ver que el componente agrega casi el “bucle” para usted de manera similar, si crea una tienda WooCommerce, puede construir los archivos de productos de WooCommerce con componentes dedicados de WooCommerce:

Pensamientos generales sobre el oxígeno Como siento la necesidad de reafirmar en las revisiones más complicadas, no soy un diseñador web profesional o un desarrollador de WordPress. Construí muchos sitios de WordPress … pero sigo siendo un aficionado. Dicho esto, descubrí que el oxígeno es una manera fácil de construir un sitio personalizado de WordPress. Los componentes prefabricados facilitan la realización y el funcionamiento de un marco. Y el oxígeno le brinda amplias oportunidades para elegir cosas con estilo, ya sea a través de CSS personalizados o a través de las opciones de oxígeno de estilo construido. Lo único que agradecería es un poco más de flexibilidad para agregar publicaciones de WordPress. Aunque ciertamente es posible agregar su propio estilo para crear, por ejemplo, una cuadrícula, me gustaría que hubiera una forma de “caja” de crear una cuadrícula de publicación. Una vez más, admito que esta crítica solo podría ser “mis habilidades de codificación aficionadas”, porque todavía es un poco complicado para mí agregar una cuadrícula receptiva a través de CSS personalizados. Pero teniendo en cuenta la facilidad con que el oxígeno lo hace para agregar contenido prefabricado estático, quiero lo mismo para el contenido dinámico. Esta es realmente mi única crítica (que probablemente no sea una crítica real si eres un verdadero diseñador). Encontré todo sobre el oxígeno fácil para trabajar. Si desea verificar la alternativa, visite nuestra comparación entre Elementor y Visual Composer. ¿Cuánto cuesta el oxígeno?