El uso del Banner agrega estilo visual a su sitio web y agrega carácter a su contenido, ya sea un gallery, página, carpeta, álbum del cliente, o 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.
Tip
En caso de que solo quiera mostrar un mensaje de texto en la parte superior de su sitio web, use el Barra de anuncios. O si desea crear una ventana emergente que aparece cuando los visitantes visitan su sitio web, puede probar el Ventana emergente de marketing.
Así es como se ve un Banner:
Consulte un sitio de demostración en vivo.
Los ajustes de Banner se clasifican como:
1. Contenido
Las opciones bajo la categoría de contenido son:
Tipo de banner
Seleccione el tipo de banner. Puede elegir cualquiera de las siguientes opciones:
- Toboganes – Seleccione la opción Diapositivas si desea mostrar imágenes en el banner. Puede agregar varias diapositivas con imágenes en un banner.
- Vídeo Si desea mostrar los videos como diapositivas de banner, seleccione esta opción. Debajo de cada banner, puede agregar varias diapositivas de video.
- vehículos – La imagen destacada, el título y la descripción de la galería se utilizarán para el banner. El sistema lo creará automáticamente.
- Inactivo – El banner no será visible en el sitio web.
Toboganes
- Haga clic en el elemento +Añadir diapositivas (1) botón para agregar las diapositivas personalizadas al banner.
- Una vez que haya cargado las diapositivas, puede edición (2) o eliminar (3) la diapositiva.
Puntos para recordar:
- El tamaño ideal de una imagen de Banner será 2560 píxeles X 1440 píxeles.
- Los formatos de archivo de imagen admitidos para el banner son JPG, JPEG, PNG y GIF.
- El máximo de diapositivas admitidas es 25 por cada banner.
- Le recomendamos que cargue imágenes apaisadas en lugar de retratos.
- Agregue el texto sobre las imágenes de la Texto maestro/diapositiva campo. No cargue imágenes con texto en ellas.
Editar diapositiva de imagen/texto
- Una vez que haya hecho clic en el edición Icono, verá el cajón de diapositivas de imagen/texto.
Las opciones disponibles aquí son:
- Imagen
- Haga clic en el elemento Cargar botón para cambiar la imagen/diapositiva. Haga clic en el Eliminar botón para eliminar la diapositiva.
- Cambie el punto focal de la imagen simplemente haciendo clic en la imagen en cualquier lugar.
- Imagen móvil – Sube una imagen de banner para dispositivos móviles. Te recomendamos que agregues imágenes en formato vertical aquí.
- Especificar el texto alternativo para la diapositiva de la imagen. Esto ayuda para propósitos de SEO.
- 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.
- 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.
Nota:
La diapositiva completa se convertirá en enlace sólo cuando Texto de banner y botones La opción está seleccionada como Diferente para cada diapositiva.
- Botón & Iconos
-
- 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.
- Haga clic en el botón 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.
Botones e iconos
- 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
- 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.
-
- Escalar y ajustar – Las imágenes se ajustarán al ancho y alto del banner.
- 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.
- 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.
- Banner Móvil Altura – Especifique la altura del banner móvil.
Nota:
Si la sección de banner se agrega a una página, la altura del banner se heredaría de la altura de sección.
Comportamiento del encabezado del sitio
- 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.
- 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
- Visibilidad – Establecer la visibilidad del banner.
- Posición – Especificar la posición del banner.
Estilo
- Posición del contenido – Especifique la posición del contenido sobre el banner.
- Ancho del contenido – Especifique el ancho del contenido del banner.
- Color de Fondo: – Establezca el color de fondo para el banner.
- Color de superposición – Establezca el color de superposición para el banner.
- 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.
- Color de navegación – Especifique el color de los controles de navegación en el banner.
- 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.
- Flecha de desplazamiento hacia abajo – Seleccione esta opción para mostrar una flecha de desplazamiento hacia abajo sobre el banner.
diapositivas
- diapositivas - Elegir la Reproducción automática opción para habilitar la presentación de diapositivas para el banner.
- Velocidad de presentación de diapositivas – Especifique la velocidad de la presentación de diapositivas (en segundos).
- Transición de presentación de diapositivas – Especifique el estilo de transición de imagen para el banner.
- Finalmente, golpea el Guardar .
Botón y enlaces
- Alineación el botón/enlaces estar alineado a la izquierda, a la derecha o al centro.
- Especifica el Espacio entre el Botón/Enlaces que se han agregado.
- Especifica el Espacio por encima del Botón/Enlaces.
- Elija el Efecto al pasar el cursor para el botón/enlaces.
- Elija el tamaño del botón normal que has añadido en el Botón/Enlaces.
- Especifica el altura del botón de imagen si ha agregado un enlace de imagen en el Botón/Enlaces.
- Especifica el tamaño del botón de icono si ha agregado un ícono social en el Botón/Enlaces.
Si ha agregado un ícono social en el Botón/Enlaces, luego:
- Elija el Tipo de icono social/Forma.
- Elija el Estilo de color de icono social.
Si ha elegido el Color seleccionado opción de arriba entonces:- Especifica el Color de icono de redes sociales.
- Especifica el Color de fondo del icono social.
3. Disposición
Puedes cambiar fácilmente el diseño de un Banner. Más información sobre los diseños de los banners.