El anuncio

El uso del Banner agrega estilo visual a su sitio web y agrega carácter a su contenido, ya sea un galería, página, carpeta, álbum del clienteo blog. Puede agregar el imagen texto alternativo a las imágenes del banner, esto ayuda en el SEO.

Banners se puede colocar en la parte superior o inferior de su contenido (debajo del encabezado del sitio web) y generalmente se usa para mostrar una imagen de banner de ancho completo/presentación de diapositivas/video.

Así es como se ve un Banner: 

Consulte un sitio de demostración en vivo.

Los ajustes de Banner se clasifican como: 

1. Slides
2. Ajustes
3. Disposición

1. Diapositivas

Las opciones en la categoría de diapositivas son: 

Tipo de banner

Seleccione el tipo de banner. Puede elegir entre un banner personalizado, un banner automático e inactivo.

• Banner personalizado – Se utilizarán diapositivas personalizadas para el banner.
• Banner automático – La imagen destacada, el título y la descripción de la galería se utilizarán para el banner.
• Inactivo – El banner no será visible en el sitio web.

Slides

• Haga clic en el +Añadir diapositivas (1) botón para agregar las diapositivas personalizadas al banner.
• Una vez que haya cargado las diapositivas, puede editar (2) o borrar (3) la diapositiva.

Editar diapositiva de imagen/texto 

• Una vez que haya hecho clic en el editar icono, vería el cajón de diapositivas de imagen/texto.

Las opciones disponibles aquí son: 

1. Imagen 
   • Haga clic en el Subir botón para cambiar la imagen/diapositiva. Haga clic en el Borrar botón para eliminar la diapositiva.
   • Cambie el punto focal de la imagen simplemente haciendo clic en la imagen en cualquier lugar.
2. Imagen móvil – Ucargue una imagen de banner móvil. Recomendamos agregar imágenes de retratos aquí.
3. Especificar el texto alternativo para la diapositiva de la imagen. Esto ayuda para propósitos de SEO.

4. Texto de diapositiva – Introduzca el texto de la diapositiva que aparecerá sobre la diapositiva. Puede poner el texto en negrita, cursiva, subrayado, vincularlo y hacer mucho más.
   Ver también: El editor de texto Pixpa.

5. Enlace deslizante

• • Haga clic en el icono de configuración e ingrese el enlace de superposición para la diapositiva.
  • Puede especificar cualquier página dentro/fuera de su sitio web, su correo electrónico o un número de contacto.

También verifique: Vincular texto/botón.

• • Agregue hasta 10 botones/enlaces al contenido de la diapositiva.
  • Puede agregar un botón normal, un enlace de texto o usar una imagen/icono como botón.
    También verifique: Botón y enlaces.

7. Golpea la Guardar Para guardar los cambios.

Texto de banner y botones

• Especifique si el texto y los botones serán iguales para todas las diapositivas o diferentes para cada diapositiva. Cuando seleccionas el Lo mismo para todas las diapositivas se usará el texto del banner y los botones 1 y 2.
• Cuando haya seleccionado el Diferente para cada diapositiva opción, se usarán el texto y los botones especificados para una diapositiva en particular.

Texto de banner

• Ingrese el texto del banner que será común para todas las diapositivas.
  Ver también: El editor de texto Pixpa.

Botón y enlaces 

• Estos botones/enlaces aparecen sobre las diapositivas de su banner (comunes para todas las diapositivas).
  También verifique: Botón y enlaces.

2. Ajustes

En la pestaña Configuración del banner, obtienes las siguientes opciones:

• Opciones de visualización de pancartas
• Comportamiento del encabezado del sitio
• Visibilidad del banner
• opciones de estilo
• Presentación de diapositivas de banner
• Botones y enlaces

Opciones de visualización de pancartas

1. Ancho de la pancarta – Especifique el ancho del banner.
   • "Ancho completo' mostrará el banner mientras cubre todo el ancho sin dejar ningún margen.
   • "Encajonado' mostrará el banner dejando una cierta cantidad de relleno a la derecha y a la izquierda de la pantalla.
   • "Ancho del sitio' se puede especificar en el Diseño sección. Puede especificar un ancho fijo allí.
     Mostrará el banner adhiriéndose al ancho fijo especificado.
2. Pantalla Moda – Especifique cómo deben mostrarse las diapositivas/imágenes del banner en el escritorio.
   • Sangrado completo – Las imágenes cubrirán todo el ancho y alto del banner. Especifique la altura del banner si se selecciona esta opción.
   • Escalar y ajustar – Las imágenes se ajustarán al ancho y alto del banner. Especifique la altura del banner si se selecciona esta opción.
   • Ajustar al ancho (Solo para escritorio): las imágenes se escalarán al ancho del banner. La altura del banner heredará la altura de la imagen.

3. Altura del escritorio de la pancarta – Especifique la altura del banner de escritorio si ha elegido el sangrado completo or escalar y ajustar opción en el campo Modo de visualización.
4. Banner Móvil Altura – Especifique la altura del banner móvil.

Comportamiento del encabezado del sitio

5. Encabezado de página – Seleccione el estilo de encabezado que se aplicará sobre el banner.
   • En caso de que haya seleccionado Predeterminado, el encabezado utilizará el estilo de encabezado del sitio web predeterminado y el banner se colocará después del encabezado. Mira un ejemplo vivo.
   • En caso de que haya seleccionado Transparente, el fondo del encabezado se configurará como transparente y los elementos del encabezado serán blancos. El banner se colocará debajo del encabezado. Mira un ejemplo vivo. 
6. Elementos de encabezado - Si usted tiene configurar el encabezado para que sea transparente, puedes elegir la color de elementos de encabezado/elementos de menú:
   • En los hogares Color predeterminado está seleccionado, el color de los elementos del encabezado se hereda del Diseño .
   • En los hogares Especificar color está seleccionado, puede hacer clic y elegir el color de los elementos del encabezado.

También verifique: Estilo de los elementos de encabezado de cualquier página.

Visibilidad del banner

7. Visibilidad – Establecer la visibilidad del banner.
8. Puesto de trabajo – Especificar la posición del banner.

Estilismo

1. Posición del contenido – Especifique la posición del contenido sobre el banner.
2. Ancho del contenido – Especifique el ancho del contenido del banner.
3. Color de fondo – Establezca el color de fondo para el banner.
4. Color de superposición – Establezca el color de superposición para el banner.
5. Estilo de navegación – Especificar el estilo de navegación del banner. Puede seleccionar entre Chevron, Flechas largas y Flechas cortas. Seleccione Ninguno si desea desactivar los controles de navegación.
6. Color de navegación – Especifique el color de los controles de navegación en el banner.
7. margen exterior – Aplicar el margen exterior para el banner. Cuando se aplica el margen exterior, se produce un espacio libre en la parte inferior del banner.
8. Flecha de desplazamiento hacia abajo – Seleccione esta opción para mostrar una flecha de desplazamiento hacia abajo sobre el banner.

diapositivas

1. diapositivas - Elegir la Autoplay opción para habilitar la presentación de diapositivas para el banner.
2. Velocidad de presentación de diapositivas – Especifique la velocidad de la presentación de diapositivas (en segundos).
3. Transición de presentación de diapositivas – Especifique el estilo de transición de imagen para el banner.
4. Finalmente, golpea el Guardar del botón.

Botón y enlaces

1. Alinear el botón/enlaces estar alineado a la izquierda, a la derecha o al centro.
2. Especifica el Espacio entre el Botón/Enlaces que se han agregado.
3. Especifica el Espacio por encima del Botón/Enlaces.
4. Elija el Efecto de la libración para el botón/enlaces.

Tamaño del botón 

3. Disposición

Puedes cambiar fácilmente el diseño de un Banner. Conozca más sobre los diseños de los banners.

Artículos relacionados:

• Tipos de secciones
• Construya su sitio web
• Dale estilo a tu sitio web