Estilos y funciones de la familia de plantillas Montauk.
La familia de plantillas Montauk (Julia, Kent, Montauk, Om) incluye banners de página y un versátil Índice de navegación en miniatura que destaca tu información, tus productos o tu historia de amor.
Esta guía cubre las características y las opciones de diseño de la familia Montauk. Los ajustes de Estilos del sitio y la sección en la que aparecen en el panel Estilos del sitio están en negrita.
Páginas compatibles
Montauk admite los siguientes tipos de páginas:
- Páginas de Álbum
- Páginas de blog: Lista
- Páginas de Portada
- Páginas de eventos
- Páginas de galería: apiladas
- Páginas de índice: cuadrícula
- Páginas de Diseño
- Páginas de tienda: Clásicas
Encabezado
Los visitantes usan el encabezado de la parte superior para navegar por el sitio. En Montauk, el encabezado tiene el título o el logotipo del sitio web, los enlaces a la navegación superior y un área personalizable denominada "subtítulo del encabezado".
- Establece el diseño con el ajuste Estilo lienzo en Opciones.
- Para los diseños de izquierda y derecha, usa el ajuste Navegación apilada en Opciones para apilar los enlaces de navegación.
- Cambia el espaciado en el encabezado y entre los enlaces de navegación con los ajustes Tamaños y valores.
Elige lo que se muestra en el subtítulo del encabezado con el ajuste Subtítulo de encabezado en Opciones.
- Dirección muestra la dirección y el número de teléfono de los campos de Ubicación física de la Información comercial.
- Eslogan muestra el eslogan de tu sitio.
- Elige Personalizar para agregar texto y otros contenidos. Sal de estilos del sitio y haz doble clic en el marcador de posición "Tu texto personalizado aquí" para reemplazarlo por bloques.
Borde
Añade un borde alrededor de todo tu sitio y arriba y debajo del contenido principal.
- Establece el color con el ajuste Color del borde de página en Colores.
- Establece el grosor con el ajuste Bordes de página en Opciones.
- Para ocultar el borde, elige el ajuste Bordes de página: ninguno en Opciones.
- Si el estilo Lienzo se establece en el logotipo de cabecera a la izquierda o a la derecha, el borde exterior no se mostrará.
Fondo
En la sección Colores de Estilos del sitio:
- Establece el color de fondo del sitio con Fondo del sitio o agrega una imagen de fondo con Imagen de fondo del sitio.
- Configura el fondo de tu área de contenido principal y del encabezado del sitio con Fondo del lienzo.
- El color del fondo del sitio puede aparecer brevemente antes de que se cargue la imagen de fondo.
- Usa el control deslizante de opacidad del fondo del lienzo para que aparezca el fondo, tal como se muestra a continuación.
Consejo: El borde aparece alrededor del lienzo.
Pies de página
Montauk tiene tres pies de página que puedes personalizar con bloques.
Los pies de página de cada página son exclusivos de cada una.
- Cada elemento de una colección (por ejemplo, una publicación de blog) tiene su propio pie de página.
- Los pies de página de una página no aparecen en las Páginas de galería y de Diseño que se abren desde un Índice.
Hay dos pies de página para todo el sitio:
- Pie de página de información: elige si esto se muestra con el ajuste Ocultar pie de página de información en Opciones. Oculta sus íconos de redes sociales integrados con Ocultar íconos de redes sociales.
- Pie de página inferior
Banners de página
Puedes crear un banner con una superposición de texto en la parte superior de páginas de blog, eventos, índice y diseño. Agrega banners en la configuración de la página con imágenes destacadas o URL de videos.
- Usa la sección Opciones de Estilos del sitio para elegir si aparecen banners, títulos de página y líneas divisorias.
- Cuando se abren las Páginas de diseño desde un Índice, no aparecen los banners.
- Los banners con videos deben incluir una imagen de reserva para dispositivos móviles.
Ancho y altura
El ancho y la altura son fijos:
- Ancho: Los banners de página siempre aparecen con el ancho del área del lienzo.
- Altura: la altura depende de la imagen (o de la imagen alternativa para dispositivos móviles para los banners con videos). Puedes cambiarla con el editor de imágenes integrado. Para crear un aspecto uniforme, verifica que todas tus imágenes de banner tengan la misma relación de aspecto.
Texto del banner
Pueden aparecer el título y la descripción de la página sobre los banners.
- La página debe tener una imagen o video de banner para que aparezca el texto.
- Las descripciones no aparecerán en los navegadores que tengan menos de 767 píxeles de ancho.
- El color del texto coincide con el fondo de lienzo (Fondo de lienzo en Colores).
- Modifica el estilo de las fuentes con los ajustes de Título de página y Descripción de página en Tipografía.
- Los títulos de página tienen un tamaño fijo en los navegadores más estrechos.
- Si deseas usar diferentes textos para los resultados de búsqueda, añade un título y una descripción para SEO.
Para ocultar el texto de todas las páginas, marca el ajuste Ocultar banners de página. También puedes eliminar descripciones de páginas individuales de la configuración de página.
Páginas de blog
Las páginas de blog de Montauk se muestran como una lista de entradas apiladas verticalmente.
En la página de aterrizaje:
- La imagen destacada de la página crea una imagen de banner.
- La fecha y el nombre de los autores aparecen arriba de cada publicación. Otros metadatos aparecen abajo.
- Los bloques de imagen, video y galería destacados se muestran debajo del título de las entradas con extractos.
- Los fragmentos muestran enlaces "Leer más".
- El contenido completo de las publicaciones individuales se muestra debajo del título para las publicaciones sin fragmentos.
- Las páginas de blog admiten una barra lateral, un banner y un pie de página.
En publicaciones individuales:
- La imagen destacada de la página de blog crea una imagen de banner.
- La fecha y el nombre de los autores aparecen arriba de cada publicación. Otros metadatos aparecen abajo.
- La navegación para las publicaciones anteriores y siguientes se muestra debajo de los comentarios.
Aplicar estilo a páginas de blog
Cambia los colores del título, el texto y los metadatos de la entrada con los ajustes Color de encabezado 1, Color del texto y Color de metadatos de blog en Colores.
En la sección Estilos de blog de Estilos del sitio:
- Elige si aparecerá el autor con Ocultar el autor del artículo.
- Cambia el espacio de entradas con Espaciado de entradas de blog.
- Cambia la fuente del título por Título de la entrada de blog.
Barra lateral del blog
Aparece una barra lateral en las páginas de aterrizaje y en las publicaciones. Personalízala con bloques. Si tienes varios blogs en tu sitio, aparecerá la misma barra lateral en todos. La barra lateral se desplaza al mismo tiempo que la página.
En la sección Estilos de blog de Estilos del sitio:
- Habilita la barra lateral y elige dónde aparecerá con Diseño del blog.
- Para ocultar la barra lateral, elige Diseño del blog: centro.
- Establece el tamaño de la barra lateral con Ancho de la barra lateral del blog.
Consejo: Si tu barra lateral está en blanco cuando la habilitas por primera vez, sal de Estilos del sitio, posiciona el cursor en la esquina superior de la Página de blog y haz clic en la nota Editar contenido de la barra lateral.
Páginas de Galería
Las páginas de galería de Montauk apilan imágenes y videos verticalmente. El título y la descripción de página se muestran en un lado, con imágenes en el otro. Modifica el estilo de páginas de galería con los ajustes Estilos de índice:
- Invierte el diseño con Diseño de proyecto.
- Cambia el tamaño de imagen ajustando el ancho de la barra lateral de índice.
Texto de la Galería
Para los títulos y las descripciones de página:
- Establece la fuente del título con el ajuste Títulos de imágenes en miniatura de índice en Estilos de índice.
- Controla el tamaño del título con el ajuste Encabezado 2 en Tipografía.
- El texto de la descripción tiene los mismos ajustes que el Cuerpo del texto.
- Si deseas usar diferentes textos para los resultados de búsqueda, añade un título y una descripción para SEO.
- Para ocultar el texto, borra el título o la descripción de la configuración de página. Si lo haces, añade una descripción y un título para SEO. Estos no aparecerán en tu sitio, pero son útiles para la SEO.
El título y la descripción de las imágenes aparecen debajo de cada imagen.
- El texto tiene los mismos ajustes que el Cuerpo del texto.
- El título de las imágenes siempre están en negritas.
- Para ocultar el texto, borra el título o la descripción en el editor de la imagen.
Más ayuda para las Páginas de galería
- Añade contenido personalizado en la parte inferior con pies de página.
- La navegación aparece abajo cuando se abre la página desde un Índice.
- Montauk no admite URL clickthrough, URL de enlaces profundos ni funciones de lightbox.
- No aparecen los banners de la página.
- Para crear otro diseño, usa una Página de diseño con un bloque de galería.
Páginas de Índice
Las Páginas de índice de Montauk crean cuadrículas de miniatura que los visitantes pueden utilizar para explorar las distintas páginas.
- La cuadrícula de navegación muestra las imágenes destacadas de la página. Incluso si una página tiene un banner de video, su imagen destacada aparece en la cuadrícula.
- Los Títulos de la página aparecen debajo de las miniaturas.
- Puedes agregar un banner de páginay un pie de página para cada página.
- En los dispositivos móviles, las Páginas de índice muestran una miniatura por fila.
Páginas compatibles
Puedes agregar las siguientes páginas en un Índice:
- Páginas de Diseño
- Páginas de Galería
- Páginas de blog
- Páginas de eventos
- Páginas de la tienda
- Páginas de Álbum
Modificar el estilo del Índice
Modifica el estilo de páginas de índice con los ajustes Estilo de índice:
- Seleccionar el color del título de la página con Color del título de las miniaturas del índice.
- Elige cuántas miniaturas se mostrarán en horizontal con Miniaturas por fila.
- Establece la altura de las imágenes en miniatura con Relación de miniaturas.
- Elige cuánto del color de fondo se verá con Opacidad de la miniatura.
- Define cuánto se difuminará la miniatura cuando el visitante posicione el cursor sobre ella con Opacidad de la miniatura con el posicionamiento del cursor.
Páginas de galería y diseño en índices
Las páginas de galería y las páginas de diseño abiertas desde un Índice tienen un formato especial:
- La parte superior de la página aparece en el sector superior del navegador. Los visitantes pueden desplazarse hacia arriba para ver el encabezado del sitio.
- Las miniaturas en las que se puede hacer clic de las demás páginas del Índice aparecen debajo del contenido de la página, junto con los elementos de la navegación.
- No aparecen los banners en las páginas de diseño. Si la página de índice tiene un banner, aparece este en su lugar. De lo contrario, no hay banner.
- La URL incluye un hashtag (#). El formato especial no aparece si la URL de la página no contiene el #.
Títulos y descripciones de páginas
El título y la descripción de una página pueden aparecer en estos lugares:
- Sobre el banner de la página para páginas de diseño, blog, eventos e índice
- En la página para las Páginas de galería.
Iconos de redes sociales
El pie de página informativo tiene iconos integrados de las redes sociales optativos.
Consejo: el contenido de muestra de Montauk incluye un bloques de enlaces a redes sociales que puedes eliminar en el pie de página inferior.
Fuentes
Para el texto de tu sitio:
- Modifica el estilo de las fuentes y tamaños con los ajustes Tipografía.
- Modifica el estilo de los colores con los ajustes Colores.
Barra lateral
Montauk tiene una barra lateral en las Páginas y las publicaciones de blog.
Móvil
Gracias al diseño adaptativo integrado en Squarespace, tu sitio se adapta para lucir fantástico en cualquier dispositivo.
- La navegación aparece como un enlace de Menú arriba al centro.
- El enlace del Menú aparece siempre en los dispositivos móviles, incluso si la Navegación superior está vacía.
- El fondo del menú sigue el ajuste Fondo de lienzo en Colores.
- Las imágenes de galería se apilan debajo del texto de descripción de la página.
- Puedes deshabilitar los estilos para dispositivos móviles, pero no recomendamos que lo hagas.
Los banners pueden verse distintos en los dispositivos móviles:
- La descripción de la página no aparecerá en los teléfonos inteligentes ni en los navegadores que tengan menos de 767 píxeles de ancho.
- A veces, los banners de video no se muestran en dispositivos móviles, dependiendo de la velocidad de conexión del visitante y de la versión del navegador. Configura que aparezca una imagen de reserva para dispositivos móviles cuando el banner de video no se pueda cargar.
- Consulta nuestros consejos para la solución de problemas si tienes inconvenientes con los banners para dispositivos móviles y el recorte de la imagen de fondo en dispositivos móviles.
Opciones de idioma
Dentro de esta familia, las plantillas Julia, Kent y Om admiten dos opciones de idiomas:
- Elige el idioma del texto incorporado en tu sitio, como los formularios enviados y el mensaje de Confirmación de Pedido.
- Crea un sitio nuevo con una plantilla enfrancés, alemán, italiano, portugués o español.
Solución de problemas de Montauk
Estos son algunos de los problemas con esta plantilla. Algunos son errores o problemas conocidos. Aunque seguimos brindando asistencia para la versión 7.0 de Squarespace, corregir errores o problemas es una prioridad menor para nosotros mientras nos concentramos en nuestra plataforma actual, la versión 7.1. Puedes cambiar tu sitio en la versión 7.0 a la versión 7.1 con nuestra herramienta para actualizar.
¿Las personas pueden confirmar su asistencia a través de nuestro sitio?
Puedes crear un botón de confirmación de asistencia en una página de diseño mediante un bloque de formulario, que recopila información de los visitantes. Verifica que la opción Activar modo lightbox esté marcada en la pestaña Avanzado del editor de bloques de formulario. El modo lightbox configura el formulario para que se abra cuando se hace clic en un botón en lugar de hacerlo en la propia página.
Para ver un ejemplo de esto en la práctica, consulta el contenido de muestra de la plantilla Naomi:
¿Cómo cambio la fuente del encabezado en la página de galería?
La fuente y el tamaño del encabezado de la página de galería se controlan mediante dos ajustes diferentes:
- Usa el ajuste Títulos de imágenes en miniatura de índice en la sección Estilos de índice de Estilos del sitio para ajustar la fuente.
- Usa Encabezado 2 en la sección Tipografía para ajustar el tamaño.
¿Cómo vuelvo a crear las páginas de clases o talleres a partir del contenido de muestra de Om?
La página de clases es una página de diseño personalizada con bloques de formulario. Para incorporar la reserva, consulta Cómo agregar reservas en línea a tu sitio.
La página de talleres que aparece en el contenido de muestra es una página de eventos. Visita Páginas de eventos para obtener más ayuda.
¿Cómo vuelvo a crear la página de lista de regalos a partir del contenido de muestra de Julia?
Los enlaces de lista de regalos en el contenido de muestra se crean en una página de diseño con un bloque de galería de cuadrícula utilizando imágenes con URL clickthrough.
¿Cómo actualizo la información de mi empresa?
La información de tu empresa puede mostrarse como un subtítulo en el encabezado del sitio. Esto proviene de la sección Ubicación física del panel de información de tu empresa.
Para editar esto:
- Abre el panel de Configuración y haz clic en Información de la empresa.
- Desplázate hacia abajo hasta Ubicación física y actualiza la información.
- Haz clic en Guardar.
Ten en cuenta que los cambios en los campos Dirección de la empresa no aparecerán en el subtítulo.
Mi menú móvil no se abre
El menú móvil no se abrirá si agregaste un banner de video a la página de inicio utilizando una URL no válida o un código de inserción. Para editar la URL del video:
- Abre el panel Páginas.
- Desplaza el cursor sobre el título de la página de inicio en el panel izquierdo y, a continuación, haz clic en
. - Haz clic en la pestaña Medios y, a continuación, en Video.
- Confirma que el campo URL de video contiene una URL válida.
.Mi imagen de fondo no está fija en dispositivos móviles
Muchos navegadores móviles, incluido iOS, no admiten imágenes de fondo fijas. Para obtener un efecto similar, experimenta con las opciones de estilo de imagen de fondo Tamaño: portada y Tamaño: contenido. Ten en cuenta que la configuración de estilo de imagen de fondo se aplica tanto a dispositivos móviles como equipos.
Para obtener más ayuda, consulta nuestros consejos de solución de problemas de diseño adaptable.
El pie de página de información desapareció
Si la anotación Editar del pie de página de información no aparece:
- Abre el panel Estilos del sitio.
- Desplázate hasta la sección Opciones.
- Desmarca Ocultar pie de página de información.
- Haz clic en Guardar.
- Sal de Estilos del sitio y actualiza la página. Debe aparecer la anotación.
El bloque de línea no se muestra
El color del bloque de línea se establece con el ajuste Color de borde de página en la sección Colores de Estilos del sitio. Asegúrate de que la transparencia sea opaca para mantener visibles todas las líneas y bordes.
La navegación se divide en dos líneas
Si los enlaces de la navegación superior no caben en una sola línea, la navegación superior pasará a una segunda línea.
Si seleccionaste Estilo de lienzo: logotipo de mástil a la derecha o Logotipo de mástil a la izquierda, y la navegación superior es demasiado larga para mostrarla junto al título o logotipo del sitio, la navegación superior se moverá por debajo.
Si no te gusta el aspecto de tu navegación superior, hay varias maneras de ajustar el formato:
- Reduce el número de páginas dentro de la navegación. Un método es usar una opción desplegable.
- Cambia el nombre de las páginas para que sean más cortas.
- En la sección Valores y tamaños de Estilos del sitio, reduce el espaciado de los enlaces de navegación para acercar los enlaces, o aumenta el ancho lateral para aumentar el ancho de todo el sitio.
El título y el tamaño de la descripción de mi página no cambian
Los títulos de las páginas y las descripciones de las páginas tienen un tamaño de fuente fijo en los navegadores inferior a 1041 píxeles. Dependiendo del tamaño de tu pantalla, es posible que la ventana de vista previa no sea lo suficientemente amplia mientras estés en Estilos del sitio para ver los cambios de tamaño que estás haciendo.
Si este es el caso, guarda los cambios, sal de Estilos del sitio y abre la vista previa completa para ver el título de la página y la altura de la descripción actualizados. También puedes guardar los cambios y ver tu sitio en una ventana privada independiente del navegador.
El título de mi página se ve más grande en navegadores más estrechos
Los títulos de páginas se muestran sobre los banners. Para los navegadores más estrechos que 1041 píxeles, tienen un tamaño fijo:
- 767 píxeles o más estrecho: tamaño de la fuente de 21px
- 768-1040 píxeles: tamaño de la fuente de 52px
En los navegadores de 1041 píxeles o más, establece el tamaño con el ajuste Título de página en la sección Tipografía de Estilos del sitio.
El título de mi página no se mostrará
El título de una página en Montauk debe aparecer sobre un banner de página. Si el título no se muestra:
- Verifica que hayas establecido una imagen destacada o una URL de video para esa página.
- En la sección Opciones de Estilos del sitio, verifica que Ocultar pie de página de información y Ocultar banner de página estén desactivados.
El banner de video no se mostrará
Si el banner de video no se muestra, agrega una imagen alternativa para dispositivos móviles:
- Abre Page Settings (Configuración de Página).
- En la pestaña Medios, haz clic en Video.
- Desplázate hacia abajo y agrega una imagen al cargador de imágenes.
- Haz clic en Guardar.
Ten en cuenta lo siguiente:
- La altura de la imagen alternativa para dispositivos móviles establece la altura del banner.
- Para las páginas de índice, el video crea un banner en la página de aterrizaje del índice; las imágenes en miniatura de la cuadrícula de índice no muestran videos.
Hay una línea horizontal a través de la navegación superior, y los botones Me gusta y para compartir
Esta línea es visible cuando el ajuste Fondo del lienzo en la sección Colores de Estilos del sitio es transparente o parcialmente opaco. Puedes cambiar el ajuste Fondo del lienzo o hacer que el color de borde de la página sea transparente para ocultar la línea por completo.
¿Por qué el pie de página tiene dos conjuntos de enlaces de redes sociales?
La plantilla Montauk tiene dos opciones integradas para mostrar íconos de redes sociales: como parte del pie de página de información y con un bloque de redes sociales en el pie de página inferior (parte del contenido de muestra).
De forma predeterminada, el pie de página de información y sus íconos de redes sociales están ocultos, y el bloque de redes sociales se muestra en el pie de página inferior.
- Pie de información: desmarca Ocultar pie de página de información en la sección Opciones de Estilos del sitio para mostrar los íconos. Luego, usa el ajuste Estilo del ícono de redes sociales para cambiar su aspecto, o usa el ajuste Ocultar ícono de redes sociales para ocultarlos.
- Pie de página inferior: edita el bloque de redes sociales para cambiar su aspecto o elimina el bloque para quitarlos.