ElegantThemes

Cómo usar un encabezado Divi diferente en la página de inicio

Las páginas de inicio y las páginas de destino del sitio web a menudo tienen propósitos diferentes a la mayoría de las páginas internas. Puede intentar convertir a los visitantes en clientes y clientes, o mostrar su cartera con un diseño único que los atraiga e inspire a explorar. El encabezado es una de las partes más llamativas de su sitio web, y es una que todos los visitantes ven cuando se carga su página. Con eso en mente, nos gustaría mostrarle cómo usar un encabezado Divi diferente en la página de inicio para que su sitio pueda funcionar de manera óptima.

Cómo usar un encabezado diferente en la página de inicio

Usamos Divi Theme Builder para esto. Puede encontrar esto en su panel de administración de WordPress en Divi – creador de temas. Ingrese y cargue su biblioteca de plantillas.

Asignar una plantilla de encabezado global

Si es la primera vez que carga Theme Builder, los cuadros verdes no aparecerán. Encabezado global, Cuerpo global, y Pie de página global. En su lugar, verá algo similar a la imagen de abajo. Simplemente haga clic en uno de los campos vacíos y cargue o cree el diseño para su sitio.

no multitud global

En cualquier caso, verá los cuadros verdes que indican que los diseños globales están asignados a su sitio. Esto significa que cada página y publicación de su sitio web tiene el mismo diseño de encabezado, pie de página y cuerpo. Desde la página de inicio hasta la publicación del blog. Lo que vamos a hacer es guiarlo a través de los pasos que debe seguir para eliminar la página de inicio de la configuración global.

Crea una nueva plantilla de Theme Builder

Lo primero que debe hacer es crear una nueva plantilla para la página de inicio. Esto se hace haciendo clic en ese Agregar una nueva plantilla Caja.

003 Divi Different Header on Homepage 1

Cuando aparezca el menú, marque la casilla junto a Página de inicio. Luego haga clic en el azul Crear plantilla Botón.

Crear plantilla

Deshabilitar el nuevo encabezado global

Cuando vea la nueva plantilla que acaba de crear, puede encontrar que los temas globales de encabezado, pie de página y cuerpo están activados. Si es así, deberá apagarlos.

desactivar globalmente

Haz esto Haga clic derecho en el encabezado global en el nuevo Página de inicio plantilla que creó. Entonces escoge Desactivar globalmente desde el menú contextual. También puedes elegir Extinguir desde este menú para comenzar de nuevo con el encabezado de la página de inicio, ya sea cargando desde la biblioteca o un archivo JSON, o diseñando desde cero.

Diseñar o configurar el nuevo encabezado

Si ha desactivado el aspecto global del encabezado, verá que Página de inicio La plantilla ahora tiene una sección llamada Cabecera personalizada. Este sigue siendo el mismo diseño que el encabezado global, solo que ahora no está vinculado a todo el sitio.

cabecera personalizada

En este punto, tiene varias opciones para colocar un diseño de encabezado diferente en la página de inicio.

1. Diseña un encabezado completamente nuevo

Para esta opción solo tienes que Haga doble clic en el encabezado personalizado Sección. Esto lo llevará al Divi Visual Builder.

Editar encabezado

A continuación, puede editar este diseño de encabezado como desee. Solo puede cambiar el diseño ligeramente, p. Ej. Cuadro de CTA para el encabezado de la página de iniciomanteniendo el diseño general de la plantilla global. O puede comenzar desde cero y darle a su página de inicio un encabezado completamente diferente al resto de las publicaciones y páginas que usan la plantilla global.

2. Cargue un encabezado prefabricado

Otra dirección en la que puede ir desde aquí es cargar un encabezado que ya ha sido diseñado. Las sólidas opciones de portabilidad de Divi Theme Builder le permiten exportar e importar diseños y plantillas completas como archivos JSON. Para cada uno de los libres Diseños que publicamos, también publicamos un diseño de encabezado / pie de página descargable en el blog.

Cuando entras en Divi Theme Builder y haces clic en ese Flecha doble símbolo En la esquina superior derecha del panel, abra las opciones de importación / exportación.

portabilidad

presione el Importar Tab y busque el archivo JSON para el diseño que desea importar. Desactivar las cajas y presione Importar plantillas de Divi Theme Builder.

Subir

A continuación, aparecerá como una plantilla sin asignar. Puede arrastrar y soltar el encabezado en el existente Página de inicio Plantilla. Si no ha creado uno Página de inicio Plantilla, aún puede asignar esta plantilla especial a la página de inicio como en el paso anterior.

arrastrar y soltar

Ademas tu tambien puedes Botón derecho del ratón el encabezado recién importado y seleccione Dupdo en el menú contextual y péguelo en el Agregar encabezado personalizado Lugar asignado Página de inicio.

Insertar

También puede hacer clic en eso Agregar encabezado personalizado bloque para abrir un menú contextual adicional. A continuación, debería a. ver Copiar de plantilla Sección en el menú y puede elegir la plantilla existente que desea duplicar.

Encabezamiento

También puedes elegir Agregar de la bibliotecaaunque esa selección en particular es de la biblioteca Divi y no del propio Theme Builder. Eso significa que carga los diseños y diseños que creó con Divi Builder.

biblioteca divi

También puede cargar un diseño de encabezado desde su biblioteca a su página de inicio en Visual Builder en cualquier momento.

Envolver

Divi Theme Builder le brinda un control total sobre el diseño de su sitio web, y eso significa que puede configurar su página de inicio para mostrar cualquier encabezado que desee. Incluso si tiene un diseño de encabezado global para su sitio web, puede separar su página de inicio de la plantilla global. Ya sea que solo necesite cambiar un solo elemento para la página de inicio o simplemente desee rediseñar completamente esta área para la página principal, puede hacerlo en Divi Theme Builder.

¿Qué beneficios ve al usar un encabezado separado para su página de inicio?

Imagen destacada del artículo de Andy Chipus / shutterstock.com

El cargo Cómo usar un encabezado Divi diferente en la página de inicio apareció primero Blog temático elegante.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *