Aplicar estilo a páginas de videos

Personaliza las páginas de videos y las páginas de detalles de videos de tu sitio.

Última actualización: 30 de enero de 2025

Puedes personalizar las páginas de videos para que coincidan con tu marca y estilo. Usa esta guía para encontrar las opciones de formato y estilo para tus páginas de videos y páginas de detalles de videos.

Las páginas de videos son una nueva función que estamos lanzando para nuestros clientes en tandas. Si no ves la página de videos como una opción en tu panel Páginas, vuelve a consultar más adelante.

Para obtener consejos sobre accesibilidad, visita Hacer que el audio, las imágenes y los videos sean más accesibles

Cómo acceder a esta función

Esta guía corresponde a la versión 7.1. Las páginas de videos no se admiten en la versión 7.0.

Página de videos vs. página de detalles de videos

Las páginas de videos se organizan en dos partes: la página principal de videos, que crea una página de aterrizaje navegable para la biblioteca de videos, y las páginas de detalles de videos individuales en las que los visitantes reproducen tus videos. Estas áreas comparten algunos ajustes de estilo y tienen sus propias opciones de estilo.

Abrir las opciones de estilo

Puedes cambiar las opciones de estilo de páginas de videos y páginas de detalles de videos de dos formas:

  • Páginas de videos: haz clic en Editar en la página de videos y, a continuación, en el ícono del lápiz que aparece en la sección de la página de videos.
  • Páginas de detalles del video: haz clic en el video al que quieras aplicar estilo en la página de videos para abrir la página de detalles del video. Presiona Editar y, a continuación, en el ícono del lápiz. Todas las páginas de detalles de videos de una página de videos comparten la misma configuración de estilo. Otras páginas de videos pueden tener distintos ajustes de estilo para sus páginas de detalles de videos.

Página de videos

Los visitantes de tu página de videos verán todas las imágenes destacadas de tus videos en una cuadrícula. En los estilos de la sección de videos, puedes personalizar los siguientes detalles.

Formato

  • Espaciado horizontal
  • Espaciado vertical
  • Espaciado del título
  • Espaciado meta: cambia el espacio entre el contenido meta de un video, como las categorías y las fechas.
  • Mostrar descripción: oculta o muestra la descripción de cada video.
  • Contenido meta principal: elige qué contenido meta se muestra primero (Categoría, Fecha o Ninguno).
  • Contenido meta secundario: elige qué contenido meta se muestra en segundo lugar (Categoría, Fecha o Ninguno).
  • Tipo de categorías: elige si la navegación por categorías aparece en una barra lateral o en la parte superior de la página de videos. No es posible ocultar la navegación por categorías.
  • Mostrar separador de categorías: oculta o muestra una línea entre cada categoría en la navegación por categorías. Esta opción solo aparece si Tipo de categorías está establecido en Superior.
  • Ubicación de la imagen: elige si la imagen destacada de cada video aparece por encima o por debajo del título, la descripción y el contenido meta del video.
  • Espaciado entre imágenes
  • Text Alignment (Alineación del texto)
  • Estilo del delimitador: aplica estilo al ícono que separa el contenido meta de un video (Viñeta, Barra vertical, Guion o Espacio).
  • Ancho del contenido del texto

Colores

Establece los colores de tu sitio o dale a la sección de videos un aspecto único eligiendo un tema de sección diferente.

Página de detalles del video

De forma predeterminada, el video se muestra en la parte superior de la página de detalles de videos, con el título, la descripción y el contenido meta del video a continuación. Si agregas una imagen destacada personalizada a un video cargado, se superpone al video antes de que se reproduzca. Tu video siempre muestra el ancho completo en la página de detalles del video. Puedes personalizar los siguientes elementos de estilo en las páginas de detalles de videos.

Formato

  • Text Alignment (Alineación del texto)
  • Posición meta: elige si el contenido meta aparece por encima o por debajo del título del video.
  • Mostrar categorías: oculta o muestra las categorías del video.
  • Mostrar fecha: oculta o muestra la fecha de publicación del video.
  • Estilo del delimitador: aplica estilo al ícono que separa el contenido meta de un video (Viñeta, Barra vertical, Guion o Espacio).
  • Espaciado del encabezado: cambia el espaciado vertical entre el título y la descripción del video. 
  • Visualización de flecha de paginación: muestra u oculta las flechas que enlazan a los videos siguiente y anterior.
  • Visualización del título de paginación: muestra u oculta los títulos que enlazan a los videos siguiente y anterior.
  • Videos relacionados: muestra u oculta videos relacionados en todas las páginas de detalles de esta página de videos.

Colores

Establece los colores de tu sitio o dale a tus páginas de detalles de videos un aspecto único eligiendo un tema de sección diferente.

Navegación por categorías

Al agregar categorías a tus videos, se crea un menú de navegación en la página de videos. Los visitantes pueden usar estos enlaces para filtrar los videos que les interesan. Ten en cuenta que la navegación por categorías:

  • Solo se muestra después de haber agregado al menos una categoría.
  • No se muestra al hacer clic en la página de detalles de un video.
  • Muestra todas las categorías que has agregado a la página, incluso las que no se han agregado actualmente a ningún video.

La navegación por categorías se muestra en la parte superior de la página de videos o en una barra lateral. Puedes cambiar la posición del menú de navegación abriendo los estilos de la sección de videos en tu página de videos y usando el control deslizante Tipo de categorías para elegir Barra lateral o Superior.

Para ocultar una categoría de la navegación por categorías, abre la configuración de la categoría y desactiva la opción junto a Visibilidad del filtro. Para ocultar la categoría superior (titulada Todo de forma predeterminada), abre la configuración de la página y desactiva la opción junto a Visibilidad del filtro en la pestaña General.

Para obtener más información sobre la creación y edición de categorías de videos, consulta Cómo organizar páginas de videos.

Fuentes y colores

Los colores y las fuentes de la página de videos y las páginas de detalles del video siguen los ajustes de fuente y color de todo el sitio. También puedes cambiar el tema de color de la página de videos y la página de detalles de videos en los editores de estilos de sección.

Usa los ajustes de Color en Videos: cuadrícula básica para aplicar estilo a las páginas de videos y los ajustes en Video: elemento para aplicar estilo a las páginas de detalles de videos.

Móvil

En dispositivos móviles o tabletas, los videos de las páginas de videos se apilan verticalmente. La navegación por categorías siempre se muestra en la parte superior de la página. Cuando la navegación no cabe en una línea, se muestra como una lista de desplazamiento horizontal por la que los visitantes pueden deslizarse.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Aplicar estilo a páginas de videos