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, Horizon, Naomi, Pacific) utiliza superposiciones de texto y una página de índice de imágenes sin bordes de desplazamiento para vincular todo el contenido en una sola voz.

Esta guía incluye las funciones y opciones de diseño de la familia Pacific. 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

Pacific admite estos tipos de páginas:

Encabezado

Quienes visitan el sitio 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 con los ajustes de Encabezado del sitio:

  • Selecciona el color del encabezado con Color de fondo.
  • 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 con los ajustes de Navegación del sitio. Elige si la navegación aparece en la página o detrás de un ícono ☰ con Usar siempre navegación de 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 de 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 el ajuste Color de superposición en Banner de página. Las secciones de índice tienen colores de superposición separados.

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 con los ajustes Banner de página. Oculta todos los títulos con Mostrar título de 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:

  • Cambia 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

Establece el color de fondo del sitio con el ajuste Color de fondo en Contenido principal.

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 con los ajustes 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 Ubicación física, Correo electrónico de contacto y Número de teléfono de contacto en información comercial.
Consejo: si no ves el ajuste 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 el estilo de sus colores de fondo y texto en la sección Pre-pie de página de Estilos del sitio.
  • 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 con los ajustes 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, etiquetas, 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 con estos ajustes 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 de estilos del sitio. Establece el diseño de todas las secciones de índice de galería con el ajuste 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 quienes visitan el sitio 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 de fondo.
  • Usa el ajuste Separador de secciones debajo de Índice para elegir qué sucede cuando hay dos secciones consecutivas sin imágenes de fondo. Puedes tener colores de fondo alternos o un borde que divida secciones.

Para secciones de índice de galería:

  • Diseño en diapositivas: Las imágenes se ven sin bordes.
  • Diseño de cuadrícula: el ajuste Color de superposición de galería en Galería de índice se muestra completamente opaco en cualquier espacio vacío 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 álbum: usa el ajuste Color en Superposición de índice.
  • Secciones de índice de galería: usa el ajuste Color de superposición de galería en Galería de índice. El color solo se muestra en imágenes con títulos o descripciones. Para los diseños de cuadrícula, el color se muestra al desplazar el cursor.

Altura de Sección

Para cambiar la altura de las secciones de contenido y álbum, modifica el relleno con los siguientes ajustes:

  • 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 la galería con los ajustes de Galería de í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 se puede bloquear para que aparezca en la parte superior de la ventana del navegador cuando te desplazas hacia abajo, más allá de la primera sección de la página de índice (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 bloquear la navegación, elige Navegación de desplazamiento del índice: mostrar al desplazarse en la sección Navegación del sitio de Estilos del sitio. Establece el color de fondo de navegación con Color de fondo en Encabezado del sitio.

Ten en cuenta lo siguiente:

  • La personalización de la marca del sitio no aparecerá.
  • Debes tener más de una sección en el índice para que aparezca el navegador bloqueado.

charlotte-fixed-nav.png

Para crear enlaces de navegación para las secciones de contenido y álbum, marca el ajuste Expandir 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

Quienes visitan el sitio 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ías y modifica su estilo en la parte superior de páginas de blog y de tienda en la sección Navegación por categorías de Estilos del sitio. Los cambios de estilo se aplican a todas las navegaciones por categorías 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. Cambia el color de fondo del botón Carrito y los ajustes Color de fuente del botón 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 deshabilitar 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 en las páginas de índice no muestran 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:

Solución de problemas de Pacific

Agregar enlaces de lista de regalos o para confirmar asistencia

Para agregar estos enlaces:

pacific1.png

Pacific2.png

Cambiar los encabezados y el texto de las páginas de índice

Dentro de un índice, la forma de ajustar el color y el tamaño del encabezado y del texto depende del tipo de página y de si hay una imagen de banner o no. Dale estilo en Estilos del sitio.

Para secciones de contenido y álbumes con imágenes de fondo:

  • Cambia la fuente y la tipografía utilizando los ajustes de la sección Contenido principal.
  • Modifica el color y el tamaño mediante los ajustes de la sección Superposición de índice.

Para secciones de contenido y álbum sin imágenes de fondo:

  • Cambia la fuente, la tipografía, el color y los tamaños con los ajustes de la sección Contenido principal.

Para páginas de galería, utiliza la sección Galería de índice.

Crear un banner sin recorte con un índice

Los banners de página en cualquier plantilla siempre tienen algunos recortes, especialmente en dispositivos móviles.

Con la página de índice de la familia Pacific, puedes crear el aspecto de un encabezado que no se recorte:

  1. Agrega una página de índice.
  2. Agrega una página de galería al índice.
  3. Agrega tu imagen de banner preferida a la página de galería. No agregues más de una imagen, ya que esto afectará al recorte.
  4. Agrega texto a los campos Título de imagen y Descripción. Este texto se mostrará sobre la imagen.
  5. En Estilos del sitio, desplázate hacia abajo hasta Galería de índice y selecciona Diseño: Diapositivas y Relación de aspecto de diapositivas: automático.
  6. Agrega cualquier contenido de página que desees mostrar debajo del banner como una segunda página dentro del índice.

Utiliza estos retoques de Estilos del sitio para ajustar aún más el modo en que se muestra la imagen de la página de galería:

  • Transparente sobre imágenes de banner: muestra el encabezado del sitio sobre la imagen.
  • Color de superposición de galería: ajusta el filtro de color sobre la imagen.
  • Título de la galería y Descripción de la galería: ajusta la fuente y el color del texto de la imagen de la galería.

A continuación, se muestra un ejemplo de cómo podría verse la página:

Pacific4.png

Las imágenes de la galería son más oscuras de lo normal en el índice

La página de índice puede mostrar la sección de índice de galería con un filtro parcialmente opaco.

Para cambiar o quitar este color de superposición, utiliza el retoque Color de superposición de galería en la sección Galería de índice de Estilos del sitio. Utiliza el control deslizante de opacidad para cambiar la transparencia.

Los colores de superposición de la galería no se muestran

El color de superposición de la galería aparece cuando hay una descripción o un título para esa imagen. Si no hay descripción ni título, el color de superposición no se mostrará.

Para obtener más información sobre cómo agregar un título o una descripción de imagen, visita Cómo usar páginas de galería.

¿Cómo puedo cambiar el estilo del pre-pie de página

Si el pre-pie de página no tiene contenido, no estará visible cuando esté abierto Estilos del sitio. Para verlo:

  1. Sal de Estilos del sitio.
  2. Agrega contenido al pre-pie de página.
  3. Vuelve a abrir Estilos del sitio para continuar realizando cambios.

No puedo encontrar el pre-pie de página

Es posible que hayas establecido Pre-pie de página en Contenido: vacío en Estilos del sitio. Esto oculta el pre-pie de página de los visitantes y de la edición. Para que el pre-pie de página vuelva a ser visible:

  1. En el Menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio.
  2. Desplázate hasta Prefooter (Pre-pie de Página).
  3. Usando el menú desplegable, configura el Content (Contenido) como Content: Custom (Contenido: Personalizado).
  4. Haz cambios de estilo, si fuera necesario, como configurar el fondo, el encabezado y los colores de texto.
  5. Haz clic en Guardar en la parte superior del panel.

No puedo ver el borde de separación

Si no puedes ver los bordes de separación entre las secciones sin imágenes de banner:

  1. Abre Estilos del sitio en la página de índice.
  2. En la sección Índice, marca Separador de sección: borde.
  3. Cambia el ajuste Color del borde. Es posible que tengas que cambiar la transparencia.

La página de índice no se desplaza hasta la parte superior

Cuando la página de índice está configurada como página de inicio, los enlaces de página de índice de la navegación te llevan a la parte superior de cada sección de la página de índice. Para que el enlace de la sección superior te lleve a la parte superior del sitio:

  1. Ve a tu página de índice.
  2. Desde el Menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio.
  3. En la sección Encabezado del sitio, marca Transparente en imágenes de banner.

Esto muestra el título del sitio y la navegación sobre los banners de tu sitio, incluida la sección superior del índice. Al hacer clic en el enlace de la sección superior del índice (por ejemplo, el enlace Inicio en el sitio de demostración Pacific), te llevará a la parte superior del sitio.

Si la página de índice sigue sin desplazarse hasta la parte superior, asegúrate de que la primera página del índice sea una página de diseño y no una página de galería o álbum, ya que estas no aparecen en la navegación de la página de índice.

La página de índice tiene colores de fondo alternos

Dos o más secciones sin imágenes de banner en una página de índice pueden mostrar colores de fondo alternos.

Para deshabilitar esta función, elige el retoque Separador de sección: Borde en la sección Índice de Estilos del sitio. Esto añade un borde entre dos secciones consecutivas sin imágenes de banner.

Se muestra el ícono de navegación en lugar de los enlaces de navegación principales

Para deshabilitar esta función, desmarca Usar siempre navegador superpuesto en la sección Navegación del sitio de Estilos del sitio. La navegación volverá a aparecer como texto.

En ciertos navegadores limitados, como los dispositivos móviles, la navegación siempre se contrae detrás de un ☰, incluso si está deshabilitada. Esto forma parte del diseño de la plantilla.

Faltan enlaces de navegación

En primer lugar, confirma que las páginas que deseas en la navegación se encuentran en la sección Navegación principal del panel Páginas.

A continuación, en el menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio. Desplázate hacia abajo hasta la sección Navegación del sitio y prueba con estos consejos para solución de problemas:

  • Si una página de índice se establece como página de inicio, confirma que está marcada la opción Enlaces Expandir índice de página de inicio.
  • Si la navegación se muestra como ícono de menú en la esquina superior izquierda, desmarca Usar siempre navegador superpuesto.
  • Comprueba que el color del enlace no sea transparente.

Las secciones de índice de galería no crean enlaces en la navegación. Agrega una sección de contenido justo sobre la sección de índice de galería para presentarla o añade enlaces ancla de Índice.

El menú de navegación se muestra detrás del título del sitio

Esto puede suceder cuando desmarcas por primera vez Enlaces Expandir índice de página de inicio en Estilos del sitio. Guarda los cambios y actualiza la página. La navegación aparecerá debajo del título de tu sitio web.

El título del sitio cambia de tamaño después de cargarlo

Esto sucede cuando el título del sitio es demasiado grande para caber en su contenedor. Para solucionar este problema:

  • Haz clic en el retoque Fuente del título del sitio en la sección Encabezado del sitio de Estilos del sitio para asegurarte de que el tamaño de fuente sea de 72 píxeles o menos.
  • Utiliza el retoque Ancho del contenedor del título del sitio para cambiar el tamaño del contenedor y se ajuste al título del sitio.

Para obtener el mejor diseño, limita el tamaño del título del sitio a 72 píxeles o menos. Un tamaño más grande distorsionará el título, sin importar cuán ancho sea su contenedor.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 21 de 43