Tutorial Metabox y Oxygen Builder (versión 3.9+)

Oxygen Builder versión 3.9 Metabox oficialmente integrado en PageBuilder. En este artículo, discutiremos cómo usar los campos personalizados Metabox y Oxygen Builder juntos.

Video Metabox Tutorial Este artículo se crea para completar nuestro video tutorial. El video cubrirá todos los aspectos del uso de la nueva integración de Metabox con oxígeno. Si le gusta nuestro contenido, asegúrese de suscribirse al canal de YouTube.

Pronto, esperando lanzamientos beta de 3.9 ¿Por qué Metabox? Meta Box es uno de los complementos de campo personalizados más fuertes allí. WordPress trata el contenido como publicaciones o páginas. Si necesita asignar un campo personalizado a cualquier otro tipo de contenido, use campos personalizados en WordPress. Esto permite una flexibilidad total en la asignación de diferentes tipos de datos a todos los tipos de contenido de WordPress.
Meta Box, junto con otros marcos de campo personalizados, ofrece una manera sólida de agregar este tipo de campos personalizados (como cuadros de selección, cargas de archivos, introducciones de texto y más) a cualquier tipo de contenido. En nuestra opinión, es el marco más poderoso para la existencia, mientras que es fácil de usar y manteniendo flexibilidad. En comparación con ACF, tenemos relaciones bidireccionales nativas, estructura más fácil, tipos personalizados integrados, configuraciones más simples y tablas de bases de datos personalizadas.
Lea nuestra revisión completa de Meta Box aquí
Leer ACF vs. Comparación Meta caja aquí
También hay muchas discusiones sobre este complemento en nuestro grupo de Facebook: ¡lo invitamos a unirse aquí! Los desarrolladores de Metabox.io son miembros del grupo. En la comunidad de oxígeno, la meta caja ha aumentado en popularidad después de ofrecer una oferta de por vida en AppSumo. Todavía ofrecen un LTD a través de su sitio, y muchos usuarios de oxígeno tienen esto, esperando la integración prometida de Meta Box. Lo que trae oxígeno v3.9 y esta integración prometida con meta caja es exactamente lo que el constructor de oxígeno v3.9 aporta a la tabla.
El anuncio del sitio web de Oxygen. El equipo de oxígeno prometió y entregó. Para aquellos que usan ACF con oxígeno, la integración es casi idéntica: agregue datos dinámicos en campos, condiciones y más como lo haría normalmente, pero en lugar de seleccionar ACF, elija el campo Meta Box.

Esencialmente, la integración básica es simplemente desollar PHP en una linda interfaz de usuario, lo que realmente facilita agregar campos. Puede continuar agregando elementos meta de cuadro con PHP bruto en un bloque de código o utilizando la función PHP en datos dinámicos. También puede optar por usar el código corto con el que Meta Box se entrega de forma nativa, que reproducirá elementos como tablas y otros elementos. También vale la pena señalar que el equipo remedió los problemas de deslizamiento y colocación que afectaron el panel de estructura del constructor y también lo hizo cargar mucho más rápido.
Metabox y los casos de uso metabial de Meta Box ofrecen un excelente reemplazo para ACF, por lo que cualquier cosa que use ese marco se puede aplicar con Meta Box y Oxygen Builder. Echemos un vistazo a algunos casos de uso para los campos de meta de meta personalizados, los tipos de publicaciones personalizadas y el constructor de oxígeno utilizando el CMS de WordPress: Crear un sitio web de director: agregue una publicación personalizada para las empresas que usan la herramienta de caja de metal integrada. Puede agregar campos de campo personalizados, horas de funcionamiento y más. No hay necesidad de una API de Google Maps, podemos usar Free Open Street (ya funciona, no se requiere configuración). Usaremos oxígeno para crear una plantilla de listado de un solo director. Podemos usar GridBuilderWP que funcione con oxígeno y metabox para crear plantillas de archivo que se filtren.
Cree un directorio de archivos interno para su empresa: puede crear un sitio web de membresía estándar (nos gusta MemberPress) con Oxygen y puede proporcionar acceso a los empleados. Configure Meta Box en el tipo de publicación para aceptar datos adicionales y cargas de archivos. Luego use Metabox o WSForms con su integración para aceptar referencias frontales. Mostrar solo publicaciones y formulario de referencia a miembros registrados.
Agregue y muestre información adicional a los productos de WooCommerce: simplemente agregue un nuevo grupo de meta caja al tipo de publicación de productos. Use oxígeno para crear una plantilla de producto único de WooCommerce único y muestre los datos adicionales en el delantero.
Cree fácilmente una página de preguntas frecuentes que pueda editar el cliente: nos gusta usar el meta cuadro para este caso de uso, creando páginas fácilmente editables para clientes de backend. Haga un grupo de dos campos: pregunta (texto) y respuesta (wysiwyg para que los clientes puedan formatear). Hacer el grupo clonable. Aplique este grupo a la página de la interfaz con preguntas frecuentes utilizando un repetidor personalizado de oxígeno o PHP. Vemos que esto debería transmitir la potencia de que el meta caja con oxígeno 3.9 y una versión posterior.
Cómo usar la integración de meta box y oxígeno es bastante fácil de usar y refleja el ACF. En esta sección, analizaremos el uso de los campos personalizados más estándar con oxígeno. Primero, cree un grupo de campos y asigna a un tipo de publicación. Una vez asignado a un tipo de publicación, tendrá acceso a todos los datos dinámicos en oxígeno, ya sea en una sola publicación/página o en una plantilla para ese tipo de contenido personalizado. Para el acceso global a los datos, cree una página de configuración de MB (esto es ideal para lemas de la empresa, logotipos, colores y más).
Una vez que haya hecho esto, puede seleccionar campos de datos dinámicos. Esto se puede hacer para insertar un contenido específico en su diseño frontal y también para aplicar condiciones que se pueden establecer desde los valores del campo de backend. Aquí hay un ejemplo de un grupo de campos personalizados que creé para un proyecto en el que trabajamos. Esto se atribuye al tipo de publicación de productos.
Dentro de este grupo se encuentran el texto, el número, la fecha, la taxonomía y otros tipos de campos.Todos estos campos ahora están disponibles para agregar a la plantilla de producto única que hemos creado en oxígeno. Ahora se pueden usar en nuestra plantilla de producto.

Elija el campo de campo Meta Box Box Text Agregar un campo de texto estándar en Meta Box es fácil.Simplemente agregue un elemento de texto, resalte el sustituto, inserte datos dinámicos y elija el campo de texto.
Todo lo que tiene que hacer es seleccionar un campo de imágenes de imágenes Se agregan imágenes meta de cuadro agregando un elemento de imagen, seleccionando los datos debajo de la URL de la imagen y eligiendo el campo de imagen en Meta Box.Archivos Los archivos generalmente se agregan mediante elementos de enlace.Los campos clonables son similares a los repetidores ACF y se pueden usar para crear repeticiones de constructor de oxígeno y elementos de publicación fáciles.

En repetidor, elija el grupo Metabox, seleccione el grupo y aplique los datos dinámicos como lo haría para cualquier repetidor de oxígeno.Los grupos de campos grupales son esencialmente archivos.Estos aparecerán en los campos de meta box.Haga clic en ellos y será llevado a una pantalla secundaria en la ventana de datos emergentes dinámicas de Meta Box.Allí, puede elegir el campo aplicable.Los grupos son útiles para la organización.Condiciones de meta caja y oxígeno Al igual que ACF, puede usar los valores de Meta Box para mostrar/ocultar elementos de su sitio utilizando condiciones de oxígeno.Agregue una condición, elija datos dinámicos y seleccione el campo MB.Por lo general, usamos un cuadro de selección o elemento de radio y seleccionamos IS_BLANK o IS_NOT_BLANK.Mostrará/ocultará elementos si el campo está marcado o no en el backye de publicación adecuado.

Conclusión Este artículo se publicó usando Oxygen 3.9 Alpha 1 para referencia. Actualmente, hay muchos errores que lo hacen no estable para los sitios web de producción. La versión beta y la versión final resolverán esto. Por ejemplo, las imágenes no funcionan bien y los datos dinámicos en los campos de los grupos no funcionan. Tenga en cuenta que la interfaz no cambiará, pero los errores se remediarán con el tiempo. Se actualizará a medida que se inicien las versiones futuras de 3.9+. Meta Box y Oxygen Builder hacen un combo formidable. Puede crear sitios web complejos con estructuras de datos únicas y puede mostrar toda esta información sobre Oxygen, una herramienta que le permite crear visualmente cualquier aspecto de página sin siquiera necesitar conocer el código. Con esta integración nativa, esta potencia está disponible para cualquier persona: no necesita conocer PHP. Y al ver que Meta Box es la única plataforma que ofrece un LTD en los campos personalizados, está perfectamente alineada con Oxygen Ltd. Una combinación hecha en el cielo. Si tiene sugerencias, preguntas o comentarios sobre Oxygen Builder v3.9 y versiones posteriores (especialmente la integración de meta box), no dude en dejar sus opiniones a continuación.