Puedes personalizar la apariencia del encabezado en cada página ajustando su posición, estilo y color. Elige si el contenido de la página comienza debajo o detrás del encabezado, define el estilo del encabezado como normal, transparente o aplica un color personalizado, y modifica el color de elementos del encabezado como el título, el menú y los iconos. Estas opciones ofrecen mayor flexibilidad para diseñar diseños de página únicos y visualmente atractivos.
Antes de configurar el encabezado como transparente, asegúrese de que la primera sección de la página incluya una imagen o un banner con sangrado completo para mantener una apariencia limpia y profesional.
En este artículo
- Configuraciones de encabezado
- Posición del contenido de la página
- Estilo de encabezado
- Ejemplos de encabezados
Configuración del estilo del encabezado
Puedes configurar los estilos de encabezado desde diferentes lugares de Pixpa Studio, según el tipo de elemento de menú y la página específica en la que estés trabajando. Ya sea una página independiente, una carpeta o una sección de producto/galería, la ubicación de la configuración del encabezado puede variar para ofrecerte mayor flexibilidad y control sobre la apariencia de tu sitio.
Encabezado de página
- En el campo Panel de Control (1) del estudio, haga clic en Sitio web (2) sección.
- Pase el cursor sobre la página que desea editar. Haga clic en el tres puntos (3) icono.
- En el menú desplegable, haga clic en Contenido editado Opción (4).
- Se abrirá el editor de páginas. Haga clic en el Configuración Botón (5).
- Desde la barra lateral, puedes administrar la Encabezado (6) opciones.
- Después de realizar las personalizaciones, Guardar (7) los cambios.
Alternativamente, también puede utilizar la opción de búsqueda de estudio para navegar a la página que desea editar.
- Escriba el Título de la página (1) (que desea editar) en la barra de búsqueda.
- Haga clic en página (2) bajo Elementos del menú del sitio.
Encabezado de carpeta
- En la sección Sitio web (1) sección, pase el cursor sobre la carpeta. Haga clic en el Tres iconos verticales (2) que aparecerá al pasar el cursor por encima.
- En el menú, haga clic en Configuración Opción (3).
- Verás la opción para personalizar el Encabezado (4) en la página de configuración de la carpeta.
- Después de realizar los cambios, haga clic en Guardar Botón (5).
Banner
En algunas páginas, como Categorías de productos, Editar páginas de productos , etc., las opciones de Estilo de encabezado están disponibles en el panel de configuración de Banner.
- Haga clic en el elemento Banner (1) pestaña.
- Desde la barra lateral, abra Configuración (2).
Puede configurar el estilo del encabezado (Normal, Transparente o Personalizado), ajustar los colores de los elementos y del encabezado y establecer la posición del contenido desde aquí.
Posición del contenido de la página
Puede elegir cómo se alinea el contenido de la página con el encabezado:
- Encabezado a continuación: El contenido comienza debajo del encabezado.
- Detrás del encabezado: El contenido se superpone con el encabezado, generalmente se usa con encabezados transparentes.
Estilo de encabezado
Elija cómo debe aparecer el encabezado en esta página:
1. Estilo del encabezado
- Normal: Encabezado con fondo sólido predeterminado. Puedes definirlo en la sección Diseño. Más información.
- Transparente: Hace que el fondo del encabezado sea transparente para que el contenido detrás de él sea visible.
- Personalizada: Le permite definir colores personalizados para el encabezado y sus elementos.
Al elegir Transparente o Personalizado se habilita la posibilidad de personalizar los colores de los elementos para una mejor visibilidad.
2. Color de los elementos (visible solo con estilo transparente o personalizado)
Cuando seleccionas Transparente o Personalizado, verás la opción Color de los elementos:
- Escoger entre Color predeterminado or Especificar color.
Esto le permite cambiar el color de los elementos del encabezado, como el título del sitio, el menú y los íconos, para una visibilidad óptima sobre las imágenes o los videos de fondo.
3. Color del encabezado (visible solo con estilo personalizado)
Cuando se selecciona el estilo de encabezado personalizado, aparece una opción adicional:
- Color del encabezado: Elija un color de fondo personalizado para el encabezado.
Esto le brinda control total sobre la apariencia del encabezado y sus elementos, asegurándose de que coincidan con el tono visual de cada página.
Puedes personalizar el color del encabezado para cada página individualmente seleccionando la opción Personalizado en Estilo de encabezado . Esto te permite establecer un color de encabezado único que se adapte al diseño de cada página.
Ejemplos de encabezados
- Aquí hay un ejemplo de una página con Encabezado normal
- A continuación se muestra un ejemplo de una página con un Encabezado transparente.
Ver una página activa con el encabezado configurado como transparente.