Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Familia de plantillas Pacific

La familia de plantillas Pacific (Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific) usa superposiciones de texto y una Página de índice con desplazamiento y sin bordes para concentrar todo tu contenido con una voz única.

Esta guía se refiere a las funciones y a las opciones de diseño de la familia Pacific. Los ajustes de Estilos del sitio están en negritas y vinculan a la lista de todos los ajustes de Pacific para ayudarte a navegar por el panel.

Consejo: Las páginas de Vista previa en vivo de CharlotteFultonHorizonNaomi y Pacific muestran sitios reales de clientes que usan estas plantillas.

Páginas compatibles

Pacific admite estos tipos de páginas:

Encabezado

Los visitantes usan el encabezado de la parte superior para navegar por el sitio. En Pacific, el encabezado tiene el título o el logotipo del sitio web (personalización de la marca) y los enlaces de navegación.

  • La personalización de la marca está centrada.
  • Las páginas de inicio de los Índices pueden tener navegación fija.

Modifica el estilo de las fuentes y los colores del encabezado en Encabezado del sitio.

  • Selecciona el color del encabezado con Color del encabezado.
  • Muestra banners detrás del encabezado con Transparente en las imágenes del banner.
  • Cambia el tamaño del título del sitio web con el control deslizante de Tamaño de fuente en el ajuste Fuente del título del sitio web. Para evitar distorsiones, no excedas los 72 píxeles.
  • Cambia el tamaño del logotipo con Ancho del logotipo.

Modifica el estilo de los enlaces de navegación en Navegación del sitio. Elige si la navegación aparecerá en la página o detrás de un icono ☰ con Usar siempre la navegación en superposición.

  • Cuando no está seleccionado, los enlaces de navegación aparecen detrás de la personalización de la marca o divididos a cada lado de esta. Esto depende de la cantidad de páginas y del ancho del navegador.
  • Cambia el Color del enlace y selecciona un fondo para la superposición con Color del fondo.
  • En la superposición de ☰, el tamaño de los enlaces se ajusta automáticamente para adaptarse mejor al menú. El ajuste Fuente del enlace: Tamaño de fuente no los afecta.

pacific-header.png

Cabeceras

Los banners crean un elemento visual que puede marcar el estilo de tu página. Añade videos e imágenes en miniatura de la página para crear banners.

  • Aparecen los banners en las páginas de álbum, blog, eventos, galería (solo imágenes), productos y diseño. 
  • Apila varios banners en vertical en un Índice.
  • El título y la descripción de la página y el encabezado del sitio pueden superponerse al banner.
  • Agrega un filtro de color con Color de la superposición en Banner de página. Las secciones de índice tienen distintos colores de superposición.

pacific-banner.png

Texto del banner

Pueden aparecer el título y la descripción de la página sobre los banners.

  • Modifica el estilo de las fuentes en Banner de página. Oculta todos los títulos con Mostrar título de la página.
  • Para quitar las descripciones de página, bórralas en la Configuración de página. Si deseas quitarlas sin afectar la altura del banner, reemplázalas con saltos de línea.
  • Para usar diferentes textos para los resultados de la búsqueda, agrega títulos y descripciones para SEO.

Altura del banner

Para cambiar la altura, puedes hacer lo siguiente:

  • Modificar el Relleno en Banner de página.
  • Agregar altura a la descripción de página añadiendo saltos de línea.

Más ayuda con los banners

Ten en cuenta lo siguiente:

  • A veces, los banners de video no aparecen en los 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. 
  • Si una Página de galería no tiene una imagen en miniatura, la primera imagen automáticamente pasará a ser el banner cuando hagas un cambio en la Galería. Si no quieres un banner en tu Página de galería, abre la Configuración de página para quitar la miniatura.

Fondo

Configura el color del fondo del sitio con Color del fondo en Contenido principal.

  • El encabezado y los pies de página tienen sus propios colores de fondo.
  • Puedes configurar colores de fondo que se alternen para las secciones de un Índice.

Pies de página

Personaliza el pie de página del todo el sitio en las plantillas de Pacific usando bloques. El pie de página puede incluir enlaces de navegación, información de contacto y una segunda área de contenido denominada "pre-pie de página".

Modifica el estilo del pie de página, la información de contacto y los enlaces de navegación del pie de página en la sección Pie de página.

  • Muestra la información de contacto y modifica su estilo con los ajustes de Información del sitio. Cambia la información con los campos de Ubicación física, dirección de correo electrónico de contacto y Número de teléfono de contacto en Información empresarial.
Consejo: si no ves el retoque Información del sitio, obtén una vista previa de una plantilla diferente en tu sitio y, a continuación, cancela la vista previa.

El pre-pie de página aparece arriba del pie de página.

  • Modifica sus colores de fondo y de texto en la sección Pre-pie de página.
  • Para que se vea el pre-pie de página, elige Contenido: personalizado. Para ocultarlo, elige Contenido: vacío.

Ten en cuenta lo siguiente:

  • El contenido precargado de algunas plantillas incluye un Bloques de enlaces a las redes sociales. Borra el bloque para que desaparezcan los iconos de las redes sociales.
  • Los enlaces a texto en el pie de página y el pre-pie de página aparecen subrayados.

pacific-footers.png

Páginas de Blog

Las Páginas de blog en Pacific incluyen una lista de publicaciones apiladas en vertical.

En la página de aterrizaje:

  • Añade una navegación por categorías para mostrar filtros por categorías en la parte superior de la página.
  • Las miniaturas de publicación se muestran debajo del título para las publicaciones que tienen fragmentos.
  • 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.

En publicaciones individuales:

  • Cada publicación tiene una navegación para la publicación anterior y posterior debajo de los comentarios.
  • Los Bloques de texto de una sola columna son recuadros a cada lado. Variar el diseño agrega interés gráfico a tus publicaciones. No hay opciones para modificar el ancho del margen.

Modifica el estilo de los metadatos en la sección Blog:

  • La fecha, las categorías y los nombres de los autores aparecen arriba de la publicación. Usa Prioridad de los metadatos para mover cualquiera de ellos arriba del título de la publicación.
  • Para ocultar el nombre del autor, elige Ocultar el autor de la entrada. Este ajuste no está disponible si se ha seleccionado Prioridad de metadatos: autor.
  • Algunas URL, tags, comentarios, Me gusta y botones Compartir aparecen debajo de la publicación. Marca Ocultar el pie de página de la lista de la entrada para ocultarlos.

Modifica el estilo del texto en Contenido principal:

  • Cambia el estilo de los metadatos con los ajustes de Metadatos.
  • Los títulos de la publicación tienen los mismos ajustes que el Encabezado 1.
  • El cuerpo del texto tiene los mismos ajustes que Fuente del texto y Color del texto.

pacific-blog.png

Páginas de Índice

Las Páginas de índice de Pacific convierten el contenido de varias páginas en secciones apiladas para que puedas destacar diferentes imágenes e información en una sola ubicación.

  • Las secciones de contenidos se forman a partir de las Páginas de diseño. Estas son una buena opción para añadir texto, botones y otros bloques.
  • Las secciones de índice de galería se realizan a partir de páginas de galería y se pueden mostrar en una cuadrícula o presentación de diapositivas.
  • Las secciones de álbum se forman a partir de las Página del álbum.
  • Las miniaturas de la página aparecen como fondo de las secciones de contenido y álbum.

pacific-index.gif

Secciones del Índice de galería

Modifica el estilo de las secciones de índice de galería en la sección Galería del índice. Establece el diseño de todas las secciones de índice de galería con el retoque Diseño.

Para los diseños en diapositivas:

  • Elige si las galerías Se reproducen automáticamente y selecciona la Transición de la presentación para que se Difumine o se Desplace.
  • Añade u oculta elementos de la navegación con los Controles de la galería.
  • Agrega un icono del ojo que los visitantes pueden usar para activar o desactivar las leyendas con el Control de superposición de galería.
  • El título y la descripción de las imágenes se centran sobre la imagen.

Para los diseños en cuadrícula:

  • Elige cuántas imágenes aparecerán horizontalmente con Máximo de columnas de la cuadrícula.
  • El título de las imágenes se muestra cuando se posiciona el cursor sobre ellas. No aparece la descripción de las imágenes.

Los videos que se incluyen en una galería:

Fondos de las secciones

En las secciones de contenidos y de álbum:

  • Las miniaturas de la página se muestran como fondo.
  • Las secciones sin miniaturas tienen el color del fondo.
  • Usa el Separador de secciones en el Índice para elegir qué sucede cuando hay dos secciones consecutivas sin imágenes de fondo. Puedes tener colores de fondo que se alternen o secciones divididas por bordes.

Para secciones de índice de galería:

  • Diseño en diapositivas: Las imágenes se ven sin bordes.
  • Diseño en cuadrícula: El Color de la superposición de galería en la Galería del Índice aparece completamente opaco en los espacios vacíos de la cuadrícula.

Superposiciones de color

Puedes agregar un filtro de color a las imágenes y a los videos. Así se destacan los contenidos de las superposiciones.

  • Secciones de contenido y de álbum: Usa Color en Superposición de Índice.
  • Secciones del Índice de galería: Emplea Color en superposición de Galería dentro de Galería de índice. El color solo aparece en las imágenes que tienen título o descripción. En los diseños en cuadrícula, el color aparece cuando se posiciona el cursor sobre las imágenes.

Altura de Sección

Para cambiar la altura de las secciones de contenido y de álbum, ajusta el relleno.

  • Secciones con imágenes de banner: Usa Relleno de página en Superposición de índice.
  • Secciones sin imágenes de banner: Usa Relleno de página en Índice.
  • En las secciones de contenido, también puedes agregar altura incorporando saltos de línea adicionales en el contenido de la página.

Cambia la altura de las secciones de índice de galería en Galería del índice:

  • Diseño de diapositivas: Cambia la relación de aspecto de las diapositivas.
  • Diseño en cuadrícula: Modifica la Relación de aspecto de la cuadrícula y el Máximo de columnas en la cuadrícula.

En las Páginas de índice, se configuran como la página de inicio:

  • La navegación del encabezado puede fijarse para que aparezca arriba en la ventana del navegador cuando te desplazas hacia abajo en la página (navegación fija). 
  • Puedes incluir enlaces a las secciones de contenidos y de álbum en la navegación. Cuando haces clic en el enlace, la página se desplaza hasta la sección correspondiente.

Para fijar la navegación, elige Navegación de desplazamiento del Índice: Mostrar con el desplazamiento en Navegación del sitio.

  • Selecciona el color del fondo de la navegación con Color de fondo en Encabezado del sitio.
  • La personalización de la marca del sitio no aparecerá.

charlotte-fixed-nav.png

Para crear enlaces de navegación para las secciones de contenidos y de álbum, marca Ampliar los enlaces del índice de la página de inicio en Navegación del sitio.

  • Las secciones de Índice de galería no aparecen en la navegación. Usa Enlaces ancla del índice para crear enlaces para ellas.

index-nav-links.jpg

Más ayuda con las Páginas de índice

  • Las notas de edición podrían no aparecer en las secciones en blanco. Para editar una página en blanco, quítala del índice, agrega contenido y vuelve a colocarla.
  • Para cambiar el color de los Bloques de botón, formulario y cita que estén sobre imágenes, usa los ajustes de Superposición de índice.
  • Siempre aparecen los botones Compartir en las secciones de álbum.

Navegación por categorías

Los visitantes usan los enlaces de navegación por categorías para filtrar las páginas por categorías de publicaciones o de productos.

Agrega las navegaciones por categoría y modifica su estilo en la parte superior de las Páginas de blog y de productos dentro de la sección Navegación por categorías. Los cambios de estilo se aplican a todas las navegaciones por categoría de tu sitio.

pacific-category-nav.png

Carrito de compras

Aparece un botón de carrito de compras en la esquina superior derecha de todas las páginas cuando un cliente agrega un producto en su carrito de compras. Para modificar el estilo del botón:

  1. Agrega, al menos, un producto al carrito para que aparezca el botón del carrito de compras.
  2. Modifica el Color de fondo del botón del carrito y el Color de la fuente del botón del carrito en Encabezado del sitio.

pacific-shopping-cart.png

Móvil

Gracias al diseño adaptativo integrado en Squarespace, tu sitio se adapta para lucir fantástico en cualquier dispositivo.

  • La navegación se contrae en un ☰ en la esquina superior izquierda, y puede permanecer bloqueada en su lugar mientras te desplazas en las páginas de índice establecidas como la página de inicio.
  • El título o el logotipo del sitio aparece arriba en el centro con una altura máxima de 50 píxeles.
  • El botón del carrito de compras aparece en la esquina inferior derecha.
  • Puedes desactivar los estilos para dispositivos móviles, pero no recomendamos que lo hagas. 
  • Las galerías en cuadrícula tienen dos imágenes por fila. Si tienes un número impar de imágenes, habrá un espacio vacío al lado de la última imagen.

No aparecen los encabezados cuando se exceden estos espacios máximos en los dispositivos móviles:

  • Encabezado 1: 34 píxeles.
  • Encabezado 2: 26 píxeles.
  • Encabezado 3: 20 píxeles.

En los teléfonos inteligentes:

  • Aparece un enlace Volver arriba en la parte inferior, arriba del pie de página.
  • Las galerías de las Páginas de índice no incluyen las descripciones de las imágenes.

pacific-mobile.png

Opciones de idioma

Dentro de esta familia, las plantillas Charlotte, Naomi y Pacific admiten dos opciones de idioma: 

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 17 de 36
Familia de plantillas Pacific