Botón de navegación

¿Quieres una llamada a la acción en tu encabezado? Marca la opción de retoque Habilitar botón de navegación para convertir el último vínculo de tu navegación principal en un botón.

Área del banner

Hay varias maneras de usar el área de banner en la parte superior de la página.

Banner de la página

En una Página, Lista del blog, Lista de productos o Página del Álbum, puedes crear un banner grande en Configuración (en el Administrador del sitio). Simplemente sube una imagen en miniatura y agrega tu texto al campo Descripción.

• El texto en negrita se convertirá en un título.

• Los enlaces de la última línea se convertirán en botones

Presentación de banner de página

Si deseas una presentación de banner grande en las colecciones de páginas, puedes colocar un Bloque de galería en la parte superior de la página antes de todos los demás bloques.

• El Bloque de galería debe estar configurado en el modo de presentación

• Al igual que con el Banner de página, poner texto en negrita o vínculos en la descripción de cada diapositiva de la galería creará títulos y botones.

Presentación en el blog

Crea una presentación para Publicaciones destacadas en una vista de Lista del blog resaltando publicaciones individuales. Tus cinco publicaciones destacadas más recientes aparecerán automáticamente en una presentación, en la parte superior de la Lista del blog.

Banner de elemento del blog

En la vista de elemento de una publicación de blog, la miniatura de la publicación se ubicará automáticamente en un banner, en la parte superior de la página, junto al título de la publicación y la metainformación que elijas.

Banner de imagen simple

¿No quieres un encabezado elegante con palabras y botones? Simplemente sube una miniatura en Página, Lista del blog, Eventos, Lista de productos o Álbum y se mostrará en una tira delgada, en la parte superior de la página.

Sin área de banner

Si no deseas usar el banner, simplemente no subas una miniatura, y no se mostrará.

Barra lateral

Bedford tiene barras laterales que aparecen en varias situaciones:

• Navegación por carpetas, a la izquierda de cualquier página dentro de una Carpeta

• Navegación por categorías, a la izquierda de cualquier lista de productos con categorías

• Barra lateral del blog, en el lado derecho de las páginas del Blog

Puedes elegir entre mostrar el título de la carpeta o de la colección de productos. Si no deseas mostrar las barras laterales, puedes elegir ocultarlas por completo con una de las opciones del Editor de estilos.

Índice

El Índice de Bedford te permite apilar varias Páginas una sobre la otra. Cada Página de Índice incluye todas las opciones de anuncios disponibles en otras Páginas del sitio, incluido el Banner de la página, el Banner de la página en modo presentación y el Banner con imágenes simples.

El Índice también incluye una Navegación fija, que aparecerá después de que te deslices más allá de la primera Página del Índice. Esta navegación solo está disponible mientras navegas por un Índice de Bedford.

Encabezado del sitio

Navegación del sitio

Sección de banner

Color de Superposición del Banner: Establece un color que se superponga a las imágenes de los banners.

Fuente + color del encabezado del banner: Establece el tipo de letra, las propiedades de fuente y el color de los encabezados en los banners.

Fuente + color del texto del banner: Establece el tipo de letra, las propiedades de fuente y el color del cuerpo del texto en los banners.

Estilo del botón del banner: Selecciona entre botones sólido, delineado y con relieve.

Estilo de esquina de botón del banner: Selecciona entre esquinas cuadradas, esquinas redondeadas o un botón en forma de “píldora”.

Color del botón del banner : Establece el color de fondo del botón (color de texto y delineado si se selecciona el estilo de botón "delineado").

Fuente + color del botón de banner: Establece el tipo de letra, las propiedades de fuente y los colores del botón de banner.

Contenido principal

Fondo de la página: Determina el fondo para el área de contenido principal.

Fuente + color del texto de la página: Establece el tipo de letra, las propiedades de fuente y el color del cuerpo de texto.

Color del enlace de la página: Establece el color de los enlaces del cuerpo de texto.

Metacolor de la página: Establece el color del metatexto (autores del blog, fechas de publicación...)

Controla el tipo de letra, las propiedades de fuente y los colores deTítulo 1,Título 2,yTítulo 3.

Fuente + color de cita: Establece el tipo de letra, las propiedades de fuente y el color de los Bloques de cita.

Barra lateral

Ocultar barra lateral de la página: No muestra la navegación por carpetas de la izquierda en las páginas de una carpeta.

Ocultar barra lateral de productos: No muestra la navegación por categorías de la izquierda en la vista de lista de productos.

Ocultar el título de la barra lateral: No muestra el título en la barra lateral.

Fuente + color del título de subnavegación: Establece el tipo de letra, las propiedades de fuente y el color de los títulos en la navegación de la carpeta de páginas y en la navegación de la categoría de productos.

Fuente + color del vínculo de subnavegación: Establece el tipo de letra, las propiedades de fuente y el color de los vínculos de las subnavegaciones.

Pre-pie de página

Fondo del pre-pie de página: Establece el color de fondo del área del pre-pie de página directamente encima del pie de página.

Color de texto del pre-pie de página: Define el color del texto en el pre-pie de página.

Pie de página

Fondo del pie de página: Establece el color de fondo para el área del pie de página al final de la página.

Color de Texto del Pie de página – Define el color del texto en el pie de página.

Fuente + color de navegación del pie de página: Establece el tipo de letra, las propiedades de fuente y el color de los vínculos de la navegación del pie de página.

Enlace de navegación del pie de página (activo): Define el color de los vínculos de navegación del pie de página cuando se posiciona el cursor sobre ellos.

Centrar Navegación/Información: Elige entre la navegación de pie de página y la información del sitio alineadas a la izquierda o centradas.

Ocultar información del sitio: Oculta la información del sitio en el pie de página.

Blog

Prioridad de los metadatos: Selecciona si la fecha o categoría de una publicación aparece sobre su título en la vista de lista del blog.

Ocultar el autor de la entrada: No muestra la línea de autor en las publicaciones de blog. Es útil para blogs con un solo autor.

Ocultar el pie de página de la lista de entradas: No muestra el pie de página (comentarios + Me gusta + Veces que se comparte) en la vista de lista del blog.

Estilos de la galería

Navegación por la Galería: Determina el tipo de navegación por las imágenes de la galería que se proporciona en la página.

Superposición de información de la galería: Selecciona el tipo de visualización utilizado para el título y la leyenda de la imagen.

Relación de Aspecto de la Galería: Controla la relación de aspecto (ancho:alto) para la diapositiva activa de la galería.

Estilo de flecha de la galería: Determina el estilo de las flechas que se usan para pasar por las diapositivas.

Transiciones de la galería:  Selecciona los estilos de transición usados para animar entre las diapositivas que se están viendo.

Mostrar flechas de la galería: Elige utilizar flechas para desplazarse por las diapositivas.

Recorte automático en la galería: Elige recortar automáticamente las imágenes de las diapositivas según la proporción seleccionada.

Reproducción Automática de la Galería: Elige pasar las imágenes automáticamente sin la interacción del usuario.

Repetición de la galería: Habilita una galería para que, después de la última diapositiva, pase a la primera.

Velocidad de la Reproducción Automática de la Galería: Especifica la velocidad a la que se pausa la galería en la diapositiva activa.

Tamaño de Imagen Miniatura de la Galería: Controla la altura de las imágenes miniatura cuando las usas para navegar por la galería.

Fondo de la flecha de la galería: Especifica el color que se utiliza para la forma de las flechas de la galería.

Color de la flecha de la galería: Especifica el color que se utiliza para la flecha en sí.

Color del círculo de la galería: Especifica el color que se utiliza para las flechas de la galería con forma de círculo.

Fondo de la Información de la Galería: Especifica el color que se usa en el fondo del título y la leyenda de la imagen.

Estilos de evento

Formato de horario del evento: Alterna entre el formato de horario de 24 horas o a. m./p. .m para el evento.

Íconos del evento: Habilita los íconos en la visualización de dirección y hora del evento.

Miniaturas de eventos: Muestra una miniatura de una imagen en la vista de lista.

Tamaño de miniatura del evento: Controla el tamaño (proporción ancho:altura) de la imagen en miniatura del evento.

Etiqueta de fecha del evento: Habilita la superposición de la fecha arriba de la miniatura del evento.

Hora en la etiqueta de fecha del evento: Incluye la hora del evento con la superposición de fecha.

Fragmentos de eventos: Muestra el fragmento de texto opcional de los eventos en la vista de lista cuando están presentes.

Fecha de la lista de eventos: Muestra la fecha completa del evento (día, mes, año) en la vista de lista.

Hora del evento en la lista: Muestra el intervalo de tiempo (hora de inicio y fin) del evento en la vista de lista.

Dirección de la lista de eventos: Muestra la dirección de la ubicación del evento cuando está presente.

Vínculos del evento a iCal/gCal: Muestra vínculos para añadir eventos a los calendarios de Apple o Google.

Botones de Me gusta y Compartir evento: Muestra botones simples de Me gusta y Compartir de Squarespace en los eventos.

Vista compacta de la lista de eventos: Permite una vista apilada simple en hileras de los eventos en la vista de lista.

Vista compacta del calendario del evento: Permite una vista más sencilla y optimizada del calendario para áreas más pequeñas.

Estilos del producto

Color de fondo del producto: Establece el color detrás de la imagen del producto.

Color de superposición del producto: Establece el color de la superposición cuando los títulos de la lista de productos se establecen en “superposición”.

Productos por fila: Determina la cantidad de productos que se muestran por línea en la lista de productos.

Títulos de la lista de productos: Controla la posición del título del producto en la lista de productos.

Alineación de la lista de productos: Establece la alineación del texto del título del producto en la lista de productos.

Tamaño del producto: Selecciona una proporción de imagen para la foto del producto en la lista de productos.

Recorte automático de imágenes de productos: Determina si las imágenes de productos llenan el área de la imagen o se ajustan a ella.

Tamaño de la galería de productos: Selecciona una proporción de imagen para la galería de productos en la página de elemento del producto.

Recorte automático de galería de productos: Determina si las imágenes de productos llenan el área de la galería o se ajustan a ella.

Mostrar precio del producto: Muestra el precio en la página de la lista de productos cuando está habilitado.

Mostrar navegación en el producto: Muestra el enlace “Volver a la tienda” en la página de elemento del producto.