El encabezado es la parte de su sitio que contiene el logotipo y la navegación. Hay muchas maneras diferentes de controlar el estilo de su encabezado, las que le ayudan a crear un encabezado atractivo para su sitio.
La función Scroll on Header mantiene los elementos esenciales de navegación, como el logotipo y el menú, visibles en la parte superior de la pantalla a medida que los usuarios se desplazan hacia abajo en la página. Condensa los logotipos y el tamaño general del encabezado para ahorrar espacio y garantizar un fácil acceso a la navegación sin ser intrusivo. Ideal para sitios con encabezados grandes o aquellos diseñados para un desplazamiento prolongado, mejora la experiencia del usuario al mantener la accesibilidad a las opciones de navegación clave.
Es importante tener en cuenta que el encabezado adhesivo ya debe estar habilitado antes de que se habilite el desplazamiento en el encabezado.
Para habilitar el desplazamiento en el encabezado:
-
hover sobre el encabezado y haga clic en Encabezado.
-
Haga clic en Editar diseño. Aparecerá el panel Diseño de encabezado.
-
Expanda la sección Posición y habilite el botón de alternancia Establecer como encabezado fijo si aún no está habilitado.
-
Habilite el botón de alternancia Cambiar encabezado al desplazarse .
-
Configure las siguientes opciones de diseño:
-
Acolchado. Establezca los valores iniciales de los encabezados padding-top y padding-bottom (esto no es específico de la opción de encabezado permanente).
-
BG en el desplazamiento. Selecciona el color de fondo y la opacidad. Los cambios realizados en cualquier tamaño de pantalla afectarán a los demás.
-
Espaciado en el desplazamiento. Defina el relleno superior e inferior en px, %, vh o vw. Si desea anular la configuración del tamaño de pantalla desktop , puede realizar ediciones en tabletas y dispositivos móviles.
-
Tamaño del logotipo. Utilice el control deslizante o el cuadro de texto para especificar el tamaño al que se reduce el logotipo cuando el encabezado se reduce al desplazarse. El valor predeterminado es 66%. Los cambios deben realizarse en tamaños de pantalla individuales.
-
Los cambios realizados en la sección Diseño del panel Diseño de encabezado no afectan a la configuración de posición.
Tiene la flexibilidad de configurar su encabezado para que se superponga con el contenido de la primera fila de la página. Esto puede crear un efecto visualmente atractivo en el que el encabezado se integra a la perfección con el contenido. Si lo desea, puede configurar el encabezado para que se superponga a la primera fila. Esto debe estar habilitado por página.
Para habilitar el encabezado superpuesto con la primera fila:
-
hover sobre el encabezado y haga clic en Encabezado.
-
Haga clic en Editar diseño. Aparecerá el panel Diseño de encabezado.
-
Expanda la sección Posición y habilite el botón de alternancia para Superponer 1.ª sección en la página.
-
(Opcional) Configure un color de fondo que se aplicará a todos los tamaños de pantalla.
No todos los widget son compatibles y aparecen en el encabezado de reducción. Si tiene un widget en el encabezado que no es compatible con el encabezado que se reduce, aparece una columna vacía en lugar del widget. No se puede editar widget cuando el encabezado está reducido.
Los siguientes widget son compatibles y se mostrarán en un encabezado reducible:
-
Navegación
-
Multilenguaje
-
Iconos Sociales
-
Botón de llamada
-
Botón de envío por correo electrónico
-
vCita
-
Botón PayPal
-
Botón me gusta para Facebook
-
Imágenes y logotipos
-
Widget de párrafo
-
Título widget
-
Botones
Un encabezado fijo se vuelve estático y permanece en su lugar cuando te desplazas por las páginas de tu sitio.
Para habilitar un encabezado fijo:
-
hover sobre el encabezado, haga clic en Encabezado y, a continuación, haga clic en Editar diseño.
-
En la pestaña Contenido , seleccione Establecer como encabezado fijo. Si la opción de Encabezado fijo no está disponible, debe deshabilitar el botón de alternancia para Encabezado encogido en la pestaña Encabezado encogido.
Hay varios diseños de encabezado flexibles prediseñados para seleccionar. Si cambia a uno de los diseños de encabezado flexibles prediseñados, no puede volver a un encabezado fijo, solo puede cambiar entre otros diseños de encabezado flexibles. Al cambiar los diseños, también se elimina el contenido existente de la sección del encabezado. Recomendamos crear una copia de seguridad antes de cambiar de diseño.
Para cambiar el diseño del encabezado:
-
hover sobre el encabezado y haga clic en Encabezado.
-
En la pestaña Diseño , seleccione un nuevo diseño de encabezado. Si va a cambiar a un encabezado fijo, primero debe deshabilitar el interruptor para Encabezado encogido en la pestaña Encabezado encogido.
-
Diseño: Explora las opciones de diseño que combinan los estilos de navegación superior y hamburguesa de forma coherente en todos los tamaños de pantalla. Si bien los diseños predeterminados tienen capacidades limitadas, una opción de edición avanzada mejora la flexibilidad.
-
Espaciado: Establezca los márgenes y el relleno, y los cambios en el desktop afectan a otros tamaños de pantalla si su espaciado permanece inalterado.
-
Fondo: elija el color o la imagen de fondo, agregue bordes o sombras y observe los cambios reflejados sin problemas en todos los tamaños de pantalla.
-
Posición: habilite un encabezado fijo con cambios basados en desplazamiento. La activación de encabezados fijos en cualquier tamaño de pantalla influye en el comportamiento de los demás.
Si el encabezado contiene una imagen, el logotipo del sitio se mantendrá al cambiar entre diseños de encabezado. En caso de que haya más de una imagen o el logotipo sea textual, la imagen del logotipo se mantiene como en el diseño. Es importante tener en cuenta que los encabezados entre dispositivos no están conectados, por lo que si añade un logotipo en el desktop no se agrega automáticamente a los otros tipos de dispositivos. La única excepción es si el diseño del encabezado de la barra superior se utiliza en la tableta, heredará cualquier cambio de logotipo realizado en el desktop.
Si elimina el logotipo, para volver a añadir la imagen, arrastre el elemento de imagen nuevamente al encabezado y configure el enlace para volver a la página de inicio.
Se puede habilitar la edición avanzada para que el encabezado acceda a más opciones de personalización, como la capacidad de agregar más widget y elementos. Al cambiar el diseño del encabezado (en el panel Diseño de encabezado), se restablecerán los cambios realizados y se deshabilitará la edición avanzada.
Nota
Debido a que los encabezados se sincronizan en todos los tamaños de pantalla, se recomienda verificar todos los tamaños de pantalla cuando se use la opción de edición avanzada.
Cuando se utiliza la edición avanzada, se recomienda comprobar todos los tamaños de pantalla debido a la sincronización de encabezados.
Para habilitar la edición avanzada:
-
Haga clic en la pestaña Encabezado .
-
Haga clic en Editar diseño.
-
En la sección Diseño, haga clic en Habilitar edición avanzada.
Si planea mostrar diferentes elementos en desktop y dispositivos móviles (por ejemplo, un botón en desktop y un ícono en dispositivos móviles), utilice la función de ocultar/mostrar para transiciones perfectas.
Para deshabilitar la edición avanzada y restablecer el encabezado, seleccione un diseño diferente:
-
Haga clic en la pestaña Encabezado .
-
Haga clic en Editar diseño.
-
En la sección Diseño, haga clic en la flecha para acceder a las opciones de diseño.
-
Seleccione un diseño diferente para deshabilitar la edición avanzada y restablecer el encabezado. Los cambios realizados mediante la edición avanzada se revertirán y no se guardarán.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.