Cómo agregar una plantilla de encabezado en Oxygen Builder: paso a paso

Publicado: 2022-07-06

Oxygen builder es un excelente complemento de creación de páginas de WordPress. Aunque Elementor Pro se ha llevado la mayor parte del crédito por los complementos de creación de páginas, Oxygen es una gran herramienta para principiantes. Lleva algún tiempo acostumbrarse a este nuevo creador de páginas, pero una vez que lo hace, es bastante fácil de usar.

Si desea agregar un encabezado personalizado con Oxygen builder, lo guiaré en este artículo. A los principiantes a menudo les resulta difícil agregar una plantilla de encabezado al generador de oxígeno. Por lo tanto, lo explicaré de la manera más simple posible.

Instalación de Oxygen Builder con o sin plantilla

De forma predeterminada, Oxygen Builder desactiva los temas. Por lo tanto, la personalización mediante el panel de control de WordPress y la configuración del tema no está disponible.

Al usar Oxygen Builder, puede crear fácilmente encabezados, pies de página, ventanas emergentes y contenido principal sin necesidad de un tema sofisticado.

Durante el proceso de instalación, Oxygen le permite elegir entre una instalación predeterminada y una instalación en blanco. En la "Instalación predeterminada ", se agregará una plantilla con encabezado y pie de página, mientras que en la " Instalación en blanco ", el creador de páginas se instalará sin encabezados, pies de página ni contenido.

Oxygen builder plugin

Maneras fáciles: ¿Cómo agregar una plantilla de encabezado en Oxygen Builder?

Si lo desea, puede usar una plantilla prefabricada o crear su encabezado Oxygen desde cero. Incluye 18 conjuntos de plantillas , incluidos 18 conjuntos de encabezados y pies de página. Según el tema de su sitio web y el diseño de destino, puede elegir un encabezado.

Oxygen builder library

Para agregar un encabezado desde la biblioteca de plantillas, debe ir al menú Oxygen desde la barra lateral izquierda en el panel de control de WordPress.

Ve a Oxygen ⇒ Plantillas ⇒ Principal ⇒ Editar ⇒ Editar con Oxygen. Llegará a una página con encabezado, pie de página y contenido o en blanco según su instalación.

Oxygen builder templete setting

Para agregar un nuevo encabezado, haga clic en el botón "Agregar elementos" (" "), luego desplácese y seleccione Biblioteca. Haga clic en "Conjunto de diseño".

A continuación, elija cualquier plantilla de la lista y haga clic en " Sección y elementos ", desplácese hacia abajo hasta Encabezados . Según la plantilla, obtendrá de 1 a 5 diseños de encabezado en cada plantilla.

Oxygen builder header templates

Por lo general, los nuevos elementos tienden a caer en la parte inferior de la página. Puede arrastrar el encabezado usando el puntero y soltarlo en la parte superior de la página.

Estos son algunos de los diseños de encabezado que puede obtener.

header designs by oxygen builder

Encabezado de construcción con Oxygen Header Builder

Si bien hay muchas opciones disponibles, es posible que desee crear un encabezado personalizado. El generador de encabezados de oxígeno simplifica y mejora el proceso de creación de encabezados. Con solo unos pocos clics, puede crear un encabezado receptivo y específico del dispositivo.

Paso 1: Creación de una nueva plantilla

Puede trabajar en la plantilla predeterminada en el encabezado Oxygen. Puede eliminar el encabezado predeterminado de la plantilla principal y crear un nuevo encabezado o crear una nueva plantilla.

Para agregar una nueva plantilla, vaya a Plantillas en Oxígeno. Haga clic en "Agregar nueva plantilla", asígnele el nombre que desee y presione publicar.

Ahora obtendrá el botón Editar con oxígeno para crear su encabezado. Te saldrá una página en blanco donde harás el encabezado a tu gusto.

Paso 2: crear un generador de encabezados

Ahora haga clic en "Agregar elementos", haga clic en Ayudantes, luego seleccione "Creador de encabezados". El encabezado está incompleto sin un logotipo y un menú.

Puede agregar los elementos desde el botón Agregar elementos. Para agregar el Menú, debe hacer clic en el botón Agregar y luego en WordPress ⇒ Menú.

En la configuración, seleccione Menú principal si tiene varios menús en su sitio web.

Oxygen builder primary menu setting

También puede agregar un botón usando el mismo método. La mejor característica de hacer un encabezado en Oxygen es que puede arrastrar y soltar elementos para ajustar la posición. Puede colocar elementos en las posiciones de alineación a la derecha, alineación al centro y alineación a la izquierda.

Además, puede usar la configuración de la estructura para ajustar la posición del elemento si se siente incómodo arrastrando directamente el generador de encabezado.

How To Add Header Template In Oxygen Builder - Step By Step 1

Puede arrastrar elementos debajo de Fila izquierda, Fila centro y Fila derecha. Además, puede colocar cualquier elemento en una nueva fila desde la barra lateral de la estructura.

Paso 3: varias filas para el encabezado

Puede agregar más filas para agregar información y enlaces para su negocio. Por ejemplo, puede agregar el horario comercial y los íconos sociales en una nueva fila en el encabezado. Haga doble clic en " Creador de encabezados " en la esquina inferior derecha del encabezado principal.

Haga clic en " Agregar otra fila " en la barra lateral izquierda. Agregaré el horario comercial y los íconos sociales en este ejemplo en la nueva fila. Puedes usar tu creatividad en este método.

Para agregar el horario comercial, elegiré el texto de la pestaña de elementos y, para los íconos sociales, también puede buscarlo en la biblioteca de elementos. Arrastre el encabezado secundario hacia la parte superior o inferior del encabezado principal.

Aquí está mi versión de Header with Oxygen Header Builder.

header with menu

Paso 4: hacer que el encabezado sea reutilizable

Cuando esté satisfecho con la plantilla de encabezado, tendrá que hacerla utilizable para cualquier página. Debe configurarlo manualmente si crea una nueva plantilla en lugar de editar la plantilla " Principal ".

Primero, vaya a la sección de plantillas en el menú Oxígeno. Haga clic en editar en la plantilla que creó para el encabezado. Ahora desplácese hacia abajo y haga clic en "Otro", luego marque () " Capturar todo ".

make reusable header

Luego haga clic en Editar con oxígeno y abra la barra lateral Estructura . Haga clic en el icono del bolígrafo en el Creador de encabezados y seleccione Hacer reutilizable . Cambie el nombre de los elementos como prefiera y haga clic en guardar.

reusable header options

Ahora encontrará el encabezado recién creado en la pestaña Reutilizable en Oxygen Builder.

Hacer que el encabezado sea pegajoso

Se recomienda encarecidamente usar un encabezado adhesivo cuando se utiliza un CTA en el encabezado. Además, un encabezado fijo le da a su sitio una vista de paralaje, haciéndolo más animado.

make oxygen builder header sticky

Primero, ve a la plantilla “ Principal ” y activa tu encabezado desde la opción “ Reutilizable ”. Ahora verá dos configuraciones, primaria y avanzada.

En el menú principal, seleccione Habilitar encabezado fijo y luego podrá editar la distancia de desplazamiento, el color de fondo, el tamaño del dispositivo, etc.

Video de Youtube

Hacer que el encabezado responda

Puede ajustar el tamaño de la pantalla y colocar los elementos a la derecha, a la izquierda y al centro según sea necesario. Con un encabezado de varias filas, también puede ocultar filas según el dispositivo. Usando un encabezado de dos capas, puede crear una pantalla abarrotada en una pantalla más pequeña.

Según el tamaño de la pantalla del dispositivo, puede ocultar la fila secundaria. Al ocultar la fila secundaria debajo de la pantalla de 480 px , los usuarios tendrán una experiencia mucho mejor.

preguntas frecuentes

¿Puedo usar mi encabezado de tema con Oxygen Builder?

El generador de oxígeno deshabilita su tema por completo, por lo que no hay forma de usar el encabezado del tema. Por lo tanto, no puede editar el encabezado del tema con Oxygen Header Builder.

Conclusión

Oxygen Builder es un generador de WordPress único. Puede usar las características del tema y la funcionalidad de edición de WordPress del constructor con la mayoría de los constructores de páginas. El generador de temas de oxígeno funciona de forma independiente y no interfiere con otras herramientas de edición.

Un principiante completo puede encontrar esta tarea un poco confusa. Una vez que se familiarizan con el complemento, pueden crear casi cualquier cosa. Además, la interfaz de usuario es bastante fácil de usar para principiantes.

Espero que haya aprendido algo nuevo sobre cómo agregar una plantilla de encabezado al generador de Oxygen. A través de Oxygen Header Builder, puede crear un encabezado personalizado o usar un encabezado existente para crear el diseño que desee.