Cómo crear un espectáculo global personalizado en WordPress con Divic Builder

Al crear un sitio web, el encabezado es una de las partes que más necesita para ver porque es una de las partes más visibles de su sitio, su sitio es más atractivo, más atractiva a los ojos de los visitantes. Con Divi Builder, puede crear un encabezado atractivo para su sitio web sin tener que tratar con CSS o HTML. En cambio, puede usar su editor visual. Divi Builder le permite crear un encabezado personalizado en su sitio web de WordPress, ya sea para todo el sitio web o para ciertas páginas y publicaciones. En esta publicación, le mostraremos cómo crear un encabezado global personalizado con Divi Builder. Solo para recordarte en caso de que aún no lo hayas sabido. Divi Builder ahora se puede instalar en todos los temas de WordPress, sin limitarse a los temas desarrollados por los temas elegantes (desarrollador Divi Builder).
Cómo crear un encabezado global personalizado con Divi Builder en general, hay dos formas de crear un encabezado personalizado global para su sitio web de WordPress con Divi Builder. En primer lugar, puede crear el encabezado a partir de una plantilla/aspecto. En segundo lugar, puede crear el encabezado desde cero. Creando el encabezado personalizado desde un aspecto para ahorrar tiempo en la creación del encabezado, puede usar una apariencia de encabezado. Desafortunadamente, Divi Builder no ofrece un encabezado en la biblioteca de apariencia, por lo que debe buscar un aspecto de encabezado desde la fuente externa. En una de las publicaciones oficiales en el blog elegante de temas, Divi Builder ofrece un aspecto de encabezado que puede descargar de forma gratuita.
Descargue la aparición del encabezado de la Divica
Una vez que haya descargado el antes del encabezado de arriba, que está disponible en un archivo zip, descúplalo para obtener el encabezado del encabezado. Luego conéctese a la placa de WordPress y vaya a Div -> Temor Builder. Haga clic en el icono de flecha de dos partes a la derecha. En la ventana emergente, vaya a la pestaña Importar y haga clic en ningún archivo seleccionado para seleccionar el archivo JSON del encabezado que acaba de extraer. Haga clic en el botón Importar plantillas de constructor de temas de divortes para importar el look.

Hasta ahora, ha creado con éxito el encabezado personalizado para su sitio web. Puede hacer clic en los cambios Guardar para aplicarlo en su sitio web. Pero, por supuesto, primero debe editar el encabezado para reemplazar el contenido predeterminado, como el logotipo del sitio, los enlaces de redes sociales, el menú de navegación, etc. Haga clic en el icono del lápiz para editar el aspecto del encabezado. Te llevarán al editor de Divi Builder.

La aparición del encabezado que importó anteriormente consiste en una sección, dos filas y cuatro módulos. Los módulos son:

Imagen: para mostrar el logotipo del sitio.
Seguimiento de redes sociales: para mostrar íconos de redes sociales.
Botón.
Menú: para mostrar el menú de navegación.
Para editar un elemento (sección, filas o módulos), coloque el mouse sobre un elemento que desea editar y haga clic en el icono de la rueda para abrir el panel de configuración.
Si encuentra un problema al pasar el mouse sobre un elemento (debido a la superposición), puede usar la característica del marco de cable.

Una vez que haya terminado de editar el aspecto, haga clic en el botón Guardar en la esquina inferior derecha para aplicar los últimos cambios y haga clic en el botón X en la esquina superior derecha para salir del editor Divu Builder. Lo llevarán de regreso a la página creativa de temas. Haga clic en Guardar los cambios. Crear el encabezado personalizado desde cero Creación de un encabezado personalizado desde cero le da más libertad para diseñar el encabezado para que coincida con todo el concepto de diseño de su sitio web. Puede agregar cualquier módulo de Builder Divin que desee. En este ejemplo, demostraremos cómo crear un encabezado simple, de la siguiente manera.

El encabezado anterior consiste en los siguientes elementos:

Una sección


Una fila (estructura con tres columnas)
3 módulos (imagen, menú y búsqueda)
Para comenzar, vaya a Div -> Temor Builder. Haga clic en Agregar encabezado global y seleccione la creación del encabezado global.
En la ventana de diálogo (ya que desea crear el encabezado desde cero), seleccione la opción construida desde cero. Haga clic en el botón Iniciar edificación para comenzar a construir el encabezado.
Se le pedirá que agregue una fila inmediatamente después de hacer clic en el botón Inicio de la construcción de arriba. Seleccione una fila con la estructura en tres columnas.

Antes de comenzar a agregar un módulo a cada columna en una fila, primero puede personalizar la sección. Para hacer esto, coloque el mouse en la sección (contenedor azul) y haga clic en el icono de la rueda para abrir la ventana de configuración.

En la ventana Configuración, vaya a la pestaña Diseño. Para eliminar el separador, puede abrir el bloque de divisores. Para establecer el tamaño de la sección (altura y ancho), puede abrir el bloque de tamaño. Para establecer los bordes y los rellenos, puede abrir el bloque de espaciado. Para agregar una sombra de la caja, puede abrir el bloque de sombras de la caja. Asegúrese de hacer clic en la lista de verificación para guardar los cambios. Ahora puede agregar un módulo a cada columna en una fila. Agregue el módulo de imagen a la primera columna y cargue su logotipo de imagen, agregue el módulo de menú a la segunda columna y seleccione el menú que desea mostrar y agregue el módulo de búsqueda a la tercera columna. No se preocupe si sus módulos se ven un poco desordenados. Lo pondremos en orden más tarde.

Abra la ventana de configuración de la fila haciendo clic en el icono de la rueda de la fila. Vaya a la pestaña de diseño y abra el bloque de espacios. Establezca el borde superior para pedir las columnas.

Ahora puede elegir cada módulo que haya agregado. Como antes, puede pasar el mouse sobre el módulo que desea personalizar para abrir la ventana de configuración. Puede usar la función de vista de estructura alámbrica cuando tiene un problema para pasar el mouse debido al problema de superposición.