Diseño de página de listado de carpetas

El carpeta le permite crear una colección de sus páginas como una página de listado o como un menú desplegable.

Piense en una carpeta como un contenedor que contiene varios elementos de menú y los muestra en un diseño visual (cuadrículas, presentaciones de diapositivas, desplazamientos verticales u horizontales y muchos más diseños).

Ver una carpeta de demostración.

Una vez que tenga creó una carpeta, puede administrar su diseño como se muestra a continuación.


Administrar estilo de carpeta:

  • Escriba el carpeta título (1) en la barra de búsqueda.
  • Haga clic en el elemento  carpeta (2) bajo Elementos del menú del sitio. 

  • Alternativamente, desde el sitio web sección, puede hacer clic en el tres puntos (1) icono que verá al pasar el cursor sobre la carpeta.
  • Haga clic en  Configuración Opción (2).
  • Esto le llevará a la configuración de carpeta página desde donde puede hacer clic en Diseño (3) pestaña para abrir el Diseño de carpeta cajón.


Verás las siguientes opciones de diseño aquí: 


Diseño de carpeta

  1. Diseño – Elija un diseño que se aplicará a la carpeta. Puede elegir entre más de 20 diseños para mostrar los subelementos de una carpeta en su sitio. Saber más.
  2. Ancho – Establezca el ancho de la carpeta como ancho completo, en caja o ancho del sitio.
    • 'Ancho completo' mostrará la carpeta mientras cubre todo el ancho sin dejar ningún margen.
    • "Encajonado' mostrará la carpeta mientras deja una cierta cantidad de relleno a la derecha y a la izquierda de la pantalla.
    • "Ancho del sitio' se puede especificar en el Diseño sección. Puede especificar un ancho fijo allí.
      Mostrará la carpeta adhiriéndose al ancho fijo especificado.
  3. Espaciado de la cuadrícula – Especifique el espacio entre los subelementos en los diseños de cuadrícula. (0- 250 píxeles)
  4. Radio de Esquina – Personalice las esquinas de los elementos de la cuadrícula dentro de la carpeta ajustando el radio de las esquinas para hacerlas redondeadas o cuadradas.
  5. Mostrar filtro por etiquetas – Marque esto para habilite el filtro por etiquetas en los subelementos de su carpeta.
  6. Alineación de etiquetas – Establecer la alineación de las etiquetas en la pantalla.


títulos

Mostrar título (1): puede habilitar títulos de subelementos debajo de las imágenes de la cuadrícula con títulos y etiquetas.

  • Apagado: Seleccione esto para desactivar los títulos y las etiquetas de la cuadrícula.
  • En vuelo estacionario: Seleccione esto para mostrar el título al pasar el mouse. Puede elegir la alineación para el título.
  •  Debajo de la imagen: Seleccione esto para mostrar el título y las etiquetas debajo de las imágenes de la cuadrícula. Puede elegir la alineación de títulos y etiquetas (2) y elegir mostrar las etiquetas (3).


Fuente del titulo

  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 dentro de la carpeta.
  3. Color de fuente: Especifique un color para la fuente del título.


borde de la imagen

Descubre cómo para administrar el borde de la imagen.


estilo de cuadrícula

  1. Efecto Hover: El efecto de desplazamiento solo se puede utilizar en un diseño de cuadrícula. Puede mostrar las siguientes opciones al pasar el mouse en el modo de cuadrícula.
    • Sin efecto: Para ningún efecto en los subelementos en el modo de cuadrícula.
    • Color: Solo para superponer color en sus subelementos en modo de cuadrícula.
    • Color e icono: Para el color de superposición de subelementos con un icono.
  2. Color de libración: Especifique el color al pasar el mouse.
    • Para especificar un color, seleccione Color seleccionado. Si selecciona esto, encontrará una opción a continuación para especificar el color.
    • Seleccione Color de acento de la imagen para que el color de acento de la imagen aparezca al pasar el mouse. Si selecciona esto, encontrará una opción a continuación para especificar la opacidad del color de acento de la imagen.
  3. Color de base: Especifique el color de la base de la cuadrícula.
    • Para especificar un color, seleccione Color seleccionado. Si selecciona esto, encontrará una opción a continuación para especificar el color.
    • Seleccione Color de acento de la imagen para que el color de énfasis de la imagen se convierta en el color base. Si selecciona esto, encontrará una opción a continuación para especificar la opacidad del color de acento de la imagen.
  4. Icono de cuadrícula: Seleccione un Más, flecha, Cruzar or Ojo icono. Este ícono aparecerá al pasar el mouse sobre las imágenes de la cuadrícula.
  5. Color del icono: Especifique el color del icono de la cuadrícula.


Por ejemplo, echa un vistazo a esta carpeta donde se selecciona 'Diseño de carpeta grande cuadrada' con 'Etiquetas de cuadrícula - Título y etiquetas':

Navegación Breadcrumb

Saber sobre la navegación de migas de pan en detalle.


Pantalla móvil

  1. Especifica el espacio entre los subelementos En diseños de cuadrícula para dispositivos móviles. (entre 0 y 250 píxeles)
  2. Elija el número de columnas para mostrar elementos dentro de la carpeta en dispositivos móviles.


Presentación de diapositivas (solo para el diseño 'Control deslizante de imagen completa')

  1. Comportamiento: Habilite la presentación de diapositivas desde aquí.
  2. Velocidad de presentación de diapositivas: Configure la velocidad de transición de la presentación de diapositivas (entre 1 y 10 segundos).
  3. Transición de presentación de diapositivas: Especifique el tipo de transición de presentación de diapositivas. Puede aplicar la opción 'Deslizamiento horizontal' o 'Desvanecimiento'.


¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.