Sección de Vídeos

Añade la sección de vídeos a una página para añadir fácilmente los vídeos de YouTube/Vimeo que se reproducirán en ella. Es una excelente manera de mantener a los visitantes de tu sitio web interesados.

Pixpa admite la inserción de vídeos de YouTube o Vimeo. No puedes subir un vídeo directamente a tu sitio web. Aparte de esta sección, también puedes agregar tus videos a Ver galería Banner.

Pixpa te permite compartir tu perfil de YouTube o Vimeo en el vínculos sociales. También puedes agregar tus archivos de música alojados en Soundcloud en la sección Música.

Puntos a tener en cuenta:

Puede cargar un archivo .gif dondequiera que se admitan videos.
En caso de que el video que ha agregado cargue mucho, haga clic en el botón de reproducción y pause por unos minutos. Luego, reanude el video. De esta manera, se carga mejor con menos almacenamiento en búfer.

En este artículo hablaremos de:

¿Qué es la sección Videos?
Agregar una sección de video
Agregar y editar elementos de la lista
Elementos de la lista de secuencias
Eliminación de elementos de la lista
Administrar elementos
Cambiar el diseño de la sección
Opciones de estilo
La tarjeta completa y la tarjeta de texto

Sección de vídeos

La lista de videos es una colección de videos donde puede agregar una descripción para el video y agregar un enlace o botón para conectar la lista de videos con cualquier otra página del sitio web o cualquier otro enlace.

Sección Agregar Videos

Se puede agregar una sección a una página. Puede agregar una sección a una página ya existente o crear una nueva página dentro de su sitio web.
En tu pagina, Haga clic en el azul + icono para agregar un Nueva sección a tu página.

Ahora verá el categorías de sección en el lado izquierdo.
Haga clic en el elemento Contenido (1) opción y Videos (2) pestaña.
Ahora, verás diferentes diseños de Sección de vídeos (3).

Elija cualquier diseño de sección y haga clic en él para agregarlo a su página.

Agregar y editar elementos de la lista

Una vez que haya agregado la sección

Haga clic en el elemento Contenido editado (1) botón para abrir el Panel de elementos de lista.

Haga clic en el botón Añadir artículo (2) botón para agregar un nuevo elemento de la lista.
Tendrás la opción de Duplicar y eliminar (3) los elementos de la lista.

Haga clic en el elemento de la lista que desea editar. Se abrirán las opciones de edición de elementos de la Lista en particular.

Agregar su enlace de vídeo de YouTube/Vimeo (1).

Nota:

Para agregar un video a su sitio web Pixpa, debe cargar su video a YouTube o Vimeo e ingresar la URL aquí.

Configure el video para que se reproduzca en un lightbox o solo en la página (2).

Subir o Eliminar (3) la imagen en miniatura del elemento de la lista.

Agregue un Título (4), Subtítulo (5)y Descripción (6) del Artículo de Lista. Es posible que no encuentre la opción de Subtítulo y Descripción en determinados elementos de la lista según el diseño que elija.

7. Acción al hacer clic

Puede personalizar el comportamiento de clic de elementos individuales en el Vídeos Sección. A continuación se muestran las opciones disponibles:

Ir a un enlace
Al seleccionar esta opción se abre el Creador de enlaces, lo que le permite agregar un hipervínculo a este elemento. El vínculo puede dirigir a los usuarios a otra página dentro de su sitio web o a una URL externa. Más información ¡Hola! Creador de enlaces.
No Acción
Seleccione esta opción para que no se pueda hacer clic en el elemento. Cuando se selecciona, hacer clic en el elemento no activará ninguna acción.

8. Abrir enlace en nueva ventana: Configure el vínculo para que se abra en un nueva pestaña o en la misma pestaña. Esto sólo será visible cuando Ir a un enlace La opción está seleccionada debajo de Acción al hacer clic .

9. Botones y enlaces: Agrega cualquier tipo de Enlace al elemento de la lista. Puede agregar un botón, un enlace de imagen, un icono social o un enlace de texto. Más información.

10. Anulación del estilo de la tarjeta

Puede anular la configuración global del estilo de la tarjeta desde la sección Ajustes Personaliza la tarjeta de cada elemento individualmente en la sección Lista de videos. Esto te permite aplicar estilos únicos a diferentes elementos de la lista para una mejor personalización.

Más información Acerca de la opción Tarjetas en secciones dinámicas.

11. Anulación del estilo de forma

Utilice la opción Anular para asignar una forma diferente a cada miniatura individualmente dentro de la sección Lista de videos, lo que le brinda un mayor control sobre el estilo visual de cada elemento. Más información Acerca de Shape Mask.

12. Guardar: Después de realizar las personalizaciones, guarde los cambios.

Elementos de la lista de secuencias

Puede arrastrar y soltar fácilmente los elementos de la lista para cambiar la secuencia.

Eliminar un elemento de la lista

Una vez que haya agregado un elemento de la lista, puede editarlo y eliminarlo.

Haga clic en el elemento Eliminar junto al elemento Lista de videos.
Haga clic en el elemento Eliminar botón en la ventana emergente de confirmación.
Guardar tus cambios

Nota:

El elemento de la lista una vez eliminado no se puede recuperar.

Administrar elementos de la lista de videos

La sección Lista de videos incluye una Pestaña Elementos que le permite administrar la visibilidad de varios elementos dentro de la sección con facilidad. Con simples interruptores, puede habilitar o deshabilitar elementos específicos sin tener que eliminar o modificar los elementos en sí.

Haga clic en el elemento Contenido editado Botón (1).

Elija el Elementos (2) pestaña.
Después de realizar los cambios, presione el botón Guardar Botón (3).

Opciones de sección

Mostrar título:Habilita o deshabilita la visibilidad del título de la sección Lista de videos.
Mostrar Botones:Controla si los botones se muestran en el nivel de sección.

Opciones de artículos

Mostrar video:Activa y desactiva la visibilidad de los vídeos.
Mostrar título:Controla si se muestra el título.
Mostrar subtítulo:Habilitar o deshabilitar subtítulos.
Mostrar descripcion:Administrar la visibilidad de las descripciones de los artículos.
Mostrar Botones:Decide si se deben mostrar los botones de elementos individuales.

Diseño de sección

Haga clic en el elemento Contenido editado (1) para abrir el panel de edición de la Lista de videos.

Elija el Diseño (2) pestaña.
Seleccione el diseño para su sección y Guardar (3) sus cambios.

Dale estilo a tu sección

Haga clic en el elemento Contenido editado (1) para abrir el panel de edición de la Lista de videos.

Elija el DE ESTILO RESORT Opción (2).
Cambie el estilo de los elementos de la sección y Guardar (3) sus cambios.

Tendrá varias opciones de Estilo para la sección:

Mostrar

Elija Mostrar artículos in filas y columnas or carrusel
- Si ha elegido el filas y columnas opción, los elementos de la lista se organizarán en filas y columnas. En este caso, debe especificar el número de filas y columnas.
- Si ha elegido el carrusel opción, los elementos de la lista se presentarán como una presentación de diapositivas. Más información.
Configure Número de columnas para la lista de videos. Puede elegir de 1 a 10 columnas.
Especifica el Espacio entre columnas de los elementos de la lista.
Especifica el Espacio entre filas de los elementos de la lista.

Si se selecciona la opción Carrusel en el Paso 1, verá las siguientes opciones adicionales:

Habilitar desplazamiento suave:Permite el desplazamiento continuo de elementos dentro del carrusel para una experiencia fluida y visualmente atractiva.
Deslizamiento automático:Rota automáticamente las diapositivas sin interacción del usuario.
Mostrar el progreso de la reproducción automática:Muestra un indicador de progreso mientras la reproducción automática está activa para una mejor visibilidad.
Retraso de reproducción automática:Establece el intervalo de tiempo entre cada transición de diapositiva cuando la reproducción automática está habilitada.
Bucle de carrusel:Permite la repetición continua de diapositivas, de modo que el carrusel se reinicie sin problemas después de la última diapositiva.
Controles de carrusel: Elegir el Controles de NavegaciónPuede elegir entre Sin controles, Flechas: Abajo al centro/Arriba a la derecha/Abajo a la derecha, Chevron, Puntos y Desplazamiento horizontal.

Pantalla móvil

Establecer el número de Columnas de cuadrícula para dispositivos móviles. Puede configurarlo en un máximo de 3 columnas.
Definir el Espaciado entre cuadrículas (en píxeles).

Diseño de columnas específico del dispositivo según la configuración de Studio:

Alineación

Alineación el contenido horizontalmente en la lista de videos. Puede configurarlos para que estén alineados a la izquierda, a la derecha o al centro.
Alineación el contenido verticalmente en la lista de videos. Puedes configurarlos para que se alineen en la parte superior, central e inferior.
Elija el Orden de contenido es decir, las imágenes de los elementos de la lista que se mostrarán primero o el texto asociado.

Tamaño del texto

Haga clic en el elemento Cambiar estilo de texto botón para visitar el Diseño sección y administre sus tamaños y estilos de fuente.
Configure Título estilo de fuente para los elementos de la lista de la sección.
Configure Subtítulo estilo de fuente para los elementos de la lista de la sección.
Establecer el valor predeterminado Mareas Ideales para Lecciones estilo de fuente para los elementos de la lista de la sección.
Habilitar esta opción para animar cualquier número Presente en el Título y Subtítulo campos. Cuando se activa, los valores numéricos aparecerán con una animación de conteo dinámica, lo que los hace más atractivos visualmente.

Espaciado

Especifica el Ancho de imagen para los elementos de la lista.
Especifica el Ancho del contenido para los elementos de la lista.
Especifica el Espacio debajo del título de la sección en píxeles
Especifica el Espacio debajo de las imágenes de los elementos de la lista (en %).
Especifica el Espacio debajo de los títulos de los elementos de la lista (en %).
Especifica el Espacio debajo de los subtítulos de los elementos de la lista (en %).

Título de la sección

Alinear horizontalmente El texto del título de la sección. Puede configurarlo a la izquierda, al centro o a la derecha.
Habilitar/Deshabilitar el Divisor entre el título de la sección y el contenido de la sección.
Configure Grosor del divisor (en píxeles).
Especifica el Color del divisor del selector de color.
Elija un Estilo divisor desde el desplegable.
Configure Ancho del titular para definir qué tan ancho aparecerá el título de la sección, comenzando desde un mínimo del 50%.

Opciones de imagen

Elija el recorte de imagen para los elementos de la lista. Puede configurar las imágenes como Cuadrado, Círculo, Paisaje, Retrato y Dinámico.
Elija tener un radio de esquina común o un radio de esquina diferente para cada lado de los elementos de la lista y establezca un número (en px) para el radio de esquina de las imágenes de elementos de la lista. Más información.

Tip

Usando el radio de esquina campo, puede crear diferentes formas de imágenes de elementos de lista. En caso de que especifique 500 px aquí, las imágenes se mostrarán en forma de círculo.

En caso de que haya elegido esquinas divididas, puede establecer un radio de esquina diferente para cada esquina.

Máscara de forma

Máscara de forma: Activa este interruptor para aplicar una máscara de forma a las miniaturas de vídeo en la sección Lista de vídeos. Una vez activado, la forma seleccionada recortará visualmente la miniatura en esa forma.
Seleccionar forma: Elige entre varias formas predefinidas para tus miniaturas. Esto te permite estilizar tu contenido de forma creativa mostrando imágenes con formas únicas, como redondeadas, en forma de diamante, en forma de gota, etc.

Notas

La opción Máscara de forma depende del diseño – Es posible que no aparezca en diseños en los que se muestra texto como título o subtítulo sobre la imagen.
La configuración de estiramiento depende de varios factores - Incluyendo tamaño de la imagen, alineación, y ajustes de recorte definido en la pestaña Estilo.
Si el recorte de imagen está configurado en OriginalLas dimensiones reales de la imagen determinarán si se estirará vertical u horizontalmente.

Opciones de desplazamiento de imagen

Elija el Color de desplazamiento de la imagen ser el acentuar el color o ser especificado. Si ha elegido el acentuar el color, luego especifique el opacidadPuede especificar el color de acento para cada elemento desde Editar elemento .
Si ha elegido el especificar color luego configure la opción Superposición de color y opacidad.
Configure Color de texto superpuesto que aparece al pasar el mouse sobre el elemento.
Elija Animar las imágenes de elementos de la lista. al pasar el mouse haciendo clic en Sí. Verifique esta característica en una página en vivo.
Elija una Estilo de animación para imágenes cuando el cursor pasa sobre ellas.

borde de la imagen

Activar/Desactivar borde alrededor de las imágenes cambiando el interruptor.
Elige tener un frontera común en todos los lados de las imágenes o puede especificar el fronteras por separado para cada lado.
Especifica el ancho de la frontera. Si se establece en 0, el borde no aparecerá. También tiene la opción de establecer el ancho del borde individualmente para cada lado de la imagen.
Seleccione el elemento Color del borde del selector de color.
Seleccione un preferido Estilo de Borde desde el desplegable.
Determina el ancho de borde para movil dispositivos, alineándolo con el ancho elegido para escritorio.

Opciones de tarjetas

Descubre cómo para gestionar tarjetas.

Opciones de sombra

Mostrar – Elija mostrar la sombra detrás de los elementos de la lista siempre o solo al pasar el mouse por encima.
DE ESTILO RESORT – Elija entre los ajustes preestablecidos existentes o cree una sombra personalizada.
En caso de que haya elegido la opción Personalizada, visite este Generador de sombras de caja para crear una sombra personalizada. Finalmente, copie y pegue el caja sombra CSS.
En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra desde el desplegable.

Botones y enlaces

Descubre cómo para gestionar el estilo de Botones y enlaces.
Guardar Todo el estilo cambia.

La tarjeta completa y la tarjeta de texto

Cuando enciendes el Tarjeta completa/de texto sobre su lista de videos, los elementos de la lista tendrán un contorno y un fondo con el color de la tarjeta que haya seleccionado en la Diseño .
Ver también: Colores y espaciado del sitio web.

Tarjeta completa

Cuando se selecciona la opción de tarjeta completa, el color de la tarjeta se aplica a toda la tarjeta, es decir, la miniatura del video y el texto que la acompaña.

Echa un vistazo:

Tarjeta de texto

Cuando se selecciona la opción de tarjeta de texto, el color de la tarjeta se aplica solo al texto presente con la miniatura del video.