EN
Buscando...

Sección Insertar medios y aplicaciones

Utilice la sección Sección de medios y aplicaciones para agregar contenido externo a su sitio, como el tablero de Pinterest, Youtube, Tumblr, Spotify, Vimeo y más.

Antes de empezar
Los bloques de inserción extraen contenido de servicios que utilizan el estándar de inserción o configuran códigos de inserción manualmente.

En este artículo hablaremos de:

  1. ¿Qué es una sección de Medios y Aplicaciones?
  2. Agregar la sección de Medios y aplicaciones a la página
  3. Agregar y editar elementos de la lista
  4. Elementos de la lista de secuencias
  5. Eliminación de elementos de la lista
  6. Cambiar el diseño de la sección
  7. Opciones de estilo

1. La sección de Medios y Aplicaciones

  • Puede incluir fácilmente una sección de Medios y Aplicaciones en su sitio web donde puede mostrar el tablero de Pinterest, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, publicaciones de Instagram, Giphy, Twitch. y cualquier código incrustado personalizado.

2. Agregar sección de Medios y aplicaciones

  • Para agregar una sección, debe añadir una página a su sitio web primero.
  • 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.
  • Elija el Social e incrustaciones (1) categoría y haga clic en el embeds pestaña (2) donde puede elegir diferentes diseños de embeds (3) sección.

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

3. Agregar y editar elementos de la lista

Agregar elemento de lista

Una vez que haya agregado la sección:

  • Haga clic en el elemento  Administrar la sección Insertar (1) para abrir el Panel de elementos de la lista.

  • Haga clic en el elemento  Añadir artículo (2) botón para agregar un nuevo elemento de lista.

Editar elemento de la lista

  • Abrirá las opciones de edición de elementos de la lista.
  • Agregue una URL (1) o agregue un código de inserción (2) para el elemento de la lista.
  • En caso de que seleccione la opción Agregar enlace, puede agregar su enlace aquí (3), título (4), Subtítulo (5), Descripción 6) y agregar el tipo de Enlace (7) al elemento de la lista. Puede agregar un botón/enlace de imagen/icono social/enlace de texto. Más información.
  • En caso de que seleccione la opción Agregar código incrustado, puede agregar su código incrustado aquí (3), título (4), Subtítulo (5), Descripción 6) y agregar un tipo de Enlace (7) al elemento de la lista.

4. Elementos de la lista de secuencias

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

5. Eliminar un elemento de la lista

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

  • Haga clic en el elemento  Eliminar icono junto al elemento de la lista de inserción.
  • Haga clic en el elemento  Eliminar botón en la ventana emergente de confirmación.
  • Guardar tus cambios

6. Diseño de la sección

  • Haga clic en el elemento Editar sección para insertar (1) para abrir el panel de edición de lista.

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

7. Dale estilo a tu sección

  • Haga clic en el elemento Editar sección para insertar (1) Botón para abrir el panel de edición.

  • Elija el Estilo (2) .
  • Cambie el estilo de los elementos de la sección y Guardar (3) tus cambios

Tendrá múltiples opciones de estilo para la sección: 

  1. Opciones de artículos
  2. Opciones de tamaño de texto
  3. Opciones de espaciado
  4. Título de la sección
  5. Incrustar Recortar
  6. Máscara de forma
  7. Opciones de tarjetas 
  8. Opciones de sombra
  9. Botones y enlaces

Opciones de artículos

  1. 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.
  2. Configure  Número de columnas Para la lista de incrustaciones, puede elegir entre 1 y 10 columnas.
  3. Especifica el Espacio entre columnas de los elementos de la lista.
  4. Especifica el Espacio entre filas de los elementos de la lista.
  5. Elija el Orden de contenido es decir, si la parte incrustada de los elementos de la lista se mostrará primero o el texto asociado.
  6. Alineación el contenido horizontalmente en la Lista de imágenes. Puede configurarlos para que estén alineados a la izquierda, a la derecha o al centro.

Opciones de tamaño de texto

  1. 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.
  2. Configure  Título estilo de fuente para los elementos de la lista.
  3. Configure  Subtítulo estilo de fuente para los elementos de la lista.
  4. Establecer el valor predeterminado Descripción estilo de fuente para los elementos de la lista.

Opciones de espaciado

  1. Especifica el Ancho de inserción para elementos de lista (en %).
  2. Especifica el Ancho del contenido para los elementos de la lista (en %).
  3. Especifica el Espacio debajo del título de la sección (en píxeles).
  4. Especifica el Espacio debajo de la parte incrustada (en %).
  5. Especifica el Espacio debajo de los títulos de los elementos de la lista (en %).
  6. Especifica el Espacio debajo del subtítulo de los elementos de la lista (en %).

Título de la sección

  1. Alinear horizontalmente El texto del título de la sección. Puede configurarlo a la izquierda, al centro o a la derecha.
  2. Habilitar/Deshabilitar el Divisor entre el título de la sección y el contenido de la sección.
  3. Configure  Grosor del divisor (en píxeles).
  4. Especifica el Color del divisor del selector de color.
  5. Elige un preferido Estilo divisor.

Incrustar Recortar

  • Elija Incrustar RecortarPuede configurarlo como Cuadrado 1:1, Horizontal 2:1, Horizontal 3:2, 4:3, 3:4, 16:9, 2.4:1 y Recorte incrustado original.

Máscara de forma

  1. Máscara de forma: Active este interruptor para aplicar una máscara de forma a la imagen en la sección Incrustar. Una vez activado, la forma seleccionada recortará visualmente la imagen en esa forma.
  2. Seleccionar forma: Elige entre varias formas predefinidas para aplicar a tu imagen. Esto te permite estilizar tu contenido de forma creativa, mostrando la imagen en una forma única, como redondeada, 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 – incluidas las configuraciones de tamaño de imagen, alineación y recorte definidas 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 tarjetas

Opciones de sombra

  1. Mostrar – Elija mostrar la sombra detrás de los elementos de la lista siempre o solo al pasar el mouse por encima.
  2. 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.
  3. En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra desde el desplegable.

Botones y enlaces

  1. Descubre cómo para administrar el estilo de botones y enlaces.
  2. Guardar los cambios.

etiquetado:

¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.

Contáctenos