En este artículo te enseñamos cómo cambiar el fondo y el diseño del encabezado de tu web.
Para abrir la configuración, haz clic en el ícono de la rueda dentada en la parte superior derecha del encabezado.
Tipo de encabezado
Aquí puedes cambiar el tipo de encabezado. Es posible elegir entre las opciones Solo navline, Navline y título o Navline y contenido. El encabezado se puede configurar por separado para cada página del proyecto.
INFO: No se puede cambiar el tipo de encabezado en las publicaciones de blog porque un blog se crea en otro tipo de página.
Solo navline
Con esta configuración solo se muestra el logo y la barra de menú. Puedes cambiar el fondo y definir las propiedades de la barra. La configuración de la barra de menú afecta a la configuración de la barra en todas las páginas de tu web.
Puedes cambiar el fondo de la barra haciendo clic en Estilo de navline.
También puedes elegir uno de los fondos recomendados. O bien, puedes usar el botón plus para elegir una de las imágenes disponibles o subir tu propio fondo.
Aquí elige un fondo de nuestra galería o sube tu propia imagen.
Si eliges un fondo de más colores, también puedes aplicar los efectos de fondo, como superposición de colores o animación.
Configuración avanzada de la barra de menú
Tipo de menú
Aquí puedes cambiar la posición o el diseño de los elementos del menú. Puedes elegir entre Clásico, Centrado, Debajo (que se diferencian entre sí por la posición) y Hamburguesa con caja y Hamburguesa (estos dos tipos se diferencian por el ícono).
Estilo de menú
Al configurar el estilo de menú eliges cómo se verán los nombres de las páginas en el menú. Por ejemplo, los elementos del menú pueden estar subrayados o tachados, pueden tener más espacio entre sí, o bien, comportarse de manera diferente cuando les pasas el ratón por encima. Este ajuste no se puede realizar en los menús desplegables (Hamburguesa con caja y Hamburguesa).
Ancho del contenido
Utiliza esta configuración para determinar la distancia entre el logo y los elementos del menú en la barra.
Buscador
Aquí puedes configurar el buscador. Para más información, por favor, consulta directamente los artículos Cómo añadir un buscador y Cómo añadir un buscador de productos (para las tiendas online). La función del buscador sólo está disponible con el paquete Profesional o Business.
Menú fijo
Cuando se activa el menú fijo, la barra de menú permanece en la parte superior incluso cuando te mueves con el ratón hacia abajo en la página.
Línea de división
Si activas esta opción, aparecerá una línea separando la barra de menú del resto de la página.
Navline y títulos
Este estilo se usa para las páginas de inicio en la mayoría de las plantillas. Puedes agregar hasta tres títulos (título, subtítulo y título sobre el encabezado), así como un botón. Se puede cambiar tanto el fondo de la barra de menú como el fondo de la sección.
Además del fondo de la barra, también puedes cambiar el fondo del encabezado haciendo clic en Fondo sección.
Para obtener los mejores resultados, recomendamos utilizar una imagen de encabezado que sea de 1920x1280 píxeles y con un tamaño del archivo de alrededor de 600 KB. Los archivos de imagen más grandes pueden afectar a la velocidad de carga de tu sitio web y usar más ancho de banda.
Para realizar el cambio, sigue las mismas instrucciones que para la barra de menú (las encontrarás más arriba en el artículo).
Configuración avanzada
Alineación de contenido
Aquí puedes definir cómo se alineará el contenido en el encabezado.
Ancho del contenido
Es el ancho del contenido dentro del tipo de encabezado. La barra de menú y los títulos definen dónde comienza el contenido. Por ejemplo, al alinear el contenido a la izquierda, puedes establecer dónde comienzan los títulos.
Altura mínima
Con esta configuración determinas el tamaño del encabezado, algo que puede resultar útil si deseas controlar cuánta parte de la imagen de fondo será visible.
Borde decorativo
Esta función activa un borde oscuro alrededor del título, del subtítulo y del título sobre encabezado.
La configuración avanzada de la barra de menú es la misma que para otros tipos de encabezado.
Navline y contenido
Este tipo de encabezado te permite insertar cualquier tipo de contenido de Webnode, como formularios o galerías de fotos. El fondo de la barra de menú y del contenido se pueden configurar por separado.
Puedes cambiar el fondo de la barra y de la sección tal como lo harías con el tipo de encabezado Navline y títulos.
Configuración avanzada
Ancho del contenido
El ancho del contenido determina el tamaño del contenido que se inserta en el encabezado (formularios, galerías de fotos).
Altura mínima
La altura mínima define el tamaño del encabezado y su espacio para el contenido.
La configuración avanzada de la barra de menú es la misma que para otros tipos de encabezado.
OJO: Recuerda publicar los cambios realizados.