Sección de lista de texto

Utilice la sección Lista de texto cuando desee mostrar un conjunto de texto en columnas. Puedes agregar un Sección de lista de texto a una página para vincular fácilmente diferentes páginas dentro del sitio web o para agregar enlaces con sus descripciones.

A medida que agregue los elementos de la lista a esta sección, se le aplicarán la configuración y el estilo que haya especificado. Esta sección será útil para mostrar el equipo, los diferentes productos que vende y para muchos otros propósitos.


En este artículo hablaremos de:

  1. ¿Qué es una lista de texto?
  2. Agregar una sección de lista de texto 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.
  8. El estilo carrusel
  9. Ejemplo vivo.

Lista de texto

  • Si está buscando agregar texto o agregar un enlace en un texto sin imágenes, puede agregar una sección de lista de texto.

Agregar una sección de lista de texto

  • 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 panel izquierdo.
  • Elija el Sección de lista (1) opción y haga clic en el Lista de texto pestaña (2) donde puede elegir entre diferentes diseños (3).

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

  1. Puede administrar el ancho de la sección desde el configuración de la sección y el ancho del contenido desde el estilo de contenido.
  2. Mantenga los títulos, subtítulos y descripciones breves y nítidas.
  3. En el campo de descripción, presione el botón Participar botón para dar un salto de línea y el Shift + Enter para comenzar desde la siguiente línea.


Agregar y editar elementos de la lista

Agregar elemento de lista

Una vez que haya agregado la sección: 

  • Haga clic en el Editar lista de texto (1) para abrir el panel de elementos de la lista.

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


Editar elemento 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.

  • Agrega una Título (1), Subtítulo (2)y Descripción (3) 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.
    Antes de añadir la descripción, compruebe así .

  • Haga clic en el icono de Link Builder de la Enlace de título (4) para abrir el generador de enlaces para vincular el título del elemento de la lista a cualquier página.
  • Configure el vínculo para que se abra en un pestaña nueva o en la misma pestaña (5).
  • Agrega cualquier tipo de Enlace (6) al elemento de la lista. Puede agregar un botón/enlace de imagen/icono social/enlace de texto. Más información.
  • Guardar (7) sus cambios.


Vea la edición de un elemento de la lista de texto en acción:


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 o eliminarlo.

  • Haga clic en el Borrar junto al elemento de la lista.
  • Haga clic en el Borrar botón en la ventana emergente de confirmación.
  • Guardar los cambios.
Note

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


Diseño de sección

  • Haga clic en el Administrar lista de texto del botón.
  • Elija el Disposición .
  • Seleccione cualquier diseño y guarde sus cambios.

Dale estilo a tu sección

  • Haga clic en el Administrar lista de texto (1) del botón.
  • Elija el Estilo (2) .
  • Cambie el estilo de los elementos de la lista y Guardar (3) tus cambios


Tendrá varias opciones de estilo para esta sección: 

Opciones de estilo

Objetos 

  1. Elija Mostrar artículos in filas y columnas or carrusel 
    • Los elementos de la lista se organizarán en filas y columnas si ha elegido la opción de 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. Conozca más.
  2. Seleccione las  número de columnas para la lista de texto. Puede elegir de 1 a 10 columnas.
  3. Especifica el Espacio entre columnas de los elementos de la lista.
  4. Alinear el contenido en la Lista de Texto. Puede configurarlos para que estén alineados a la izquierda, a la derecha o al centro.
  5. Elija hacer un bucle en el carrusel o no.
  6. En el caso del Carrusel, elija Navegación Control S. Puede elegir entre Sin controles, Flechas: Centro inferior/Derecha superior/Derecha inferior, Chevron o Puntos.

Tamaño y espacio 

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

Texto 

  1. Haga clic en el Cambiar estilo de texto botón para visitar el Diseño sección y administre sus tamaños y estilos de fuente. 
  2. Seleccione las Título estilo de fuente para los elementos de la lista de la sección.
  3. Seleccione las Subtítulo estilo de fuente para los elementos de la lista de la sección.
  4. Establecer el valor predeterminado Descripción estilo de fuente para los elementos de la lista de la sección.
    También verifique: Estilo de texto del sitio web.

Tarjetas 

  1. Descubre cómo para gestionar tarjetas.

Shadow 

  1. Pantalla – Elija mostrar la sombra detrás de los elementos de la lista siempre o solo al pasar el mouse por encima.
  2. Estilo – 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.

  1. En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra Desde el desplegable.

Nota:

La configuración de estilo se aplicará a todos los elementos de la sección. No se pueden modificar para cada elemento de la lista individualmente.

  1. Descubre cómo para administrar el estilo de botones y enlaces.


El estilo carrusel

El estilo Carrusel muestra los elementos de la lista como una presentación de diapositivas, es decir, los elementos de la lista se alternarán entre sí.

Vea cómo funciona el estilo carrusel: 


Mostrar elemento de lista de texto como Tarjeta

  • Cuando usted elige mostrar tarjeta sobre su lista de texto, los elementos de la lista tendrán un fondo con el color de la tarjeta que haya especificado en el Diseño .
    Ver también: Colores y espaciado del sitio web.

Echa un vistazo: 


Aquí hay una lista de texto en vivo: 

Ver un sitio de demostración en vivo. 

¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.