Progettazione della pagina dell'elenco delle cartelle

Migliori cartella ti consente di creare una raccolta delle tue pagine come pagina di elenco o come menu a discesa.

Pensa a una cartella come a un contenitore che contiene più voci di menu e le mostra in un layout visivo (griglie, presentazioni, scorrimenti verticali o orizzontali e molti altri layout).

Guarda una cartella demo.

Una volta che avete creato una cartella, puoi gestirne il design come mostrato di seguito.


Gestisci stile cartella:

  • Inserire il cartella titolo (1) nella barra di ricerca.
  • Clicca sul cartella (2) sotto Voci del menu del sito. 

  • In alternativa, dal Sito web sezione, è possibile fare clic su tre punti (1) icona che vedrai quando passi il cursore sulla cartella.
  • Fare clic su Impostazioni profilo (2) opzione.
  • Questo ti porterà al impostazioni della cartella pagina da cui è possibile fare clic su Design (3) scheda per aprire il file Design delle cartelle cassetto.


Vedrai le seguenti opzioni di progettazione qui: 


Disposizione delle cartelle

  1. disposizione – Scegli un layout che verrà applicato alla cartella. Puoi scegliere tra oltre 20 layout per mostrare gli elementi secondari di una cartella sul tuo sito. Per saperne di più.
  2. Larghezza – Impostare la larghezza della cartella su Larghezza intera, Riquadro o Larghezza sito.
    • 'Intera larghezza' visualizzerà la cartella coprendo l'intera larghezza senza lasciare alcun margine.
    • 'Boxed' visualizzerà la cartella lasciando una certa quantità di riempimento a destra ea sinistra dello schermo.
    • 'Larghezza del sito' può essere specificato nel file Design sezione. Puoi specificare una larghezza fissa lì.
      Visualizzerà la cartella aderendo alla larghezza fissa specificata.
  3. Spaziatura della griglia – Specificare lo spazio tra gli elementi secondari nei layout della griglia. (0-250 pixel)
  4. Raggio dell'angolo – Personalizza gli angoli degli elementi della griglia all'interno della cartella regolando il raggio dell'angolo per renderli arrotondati o quadrati.
  5. Mostra filtro per tag – Controlla questo per abilitare il filtro per tag sugli elementi secondari della cartella.
  6. Allineamento dei tag – Imposta l’allineamento dei tag sullo schermo.


Titoli

Mostra Titolo (1): è possibile abilitare i titoli degli elementi secondari sotto le immagini della griglia con titoli e tag.

  • off: Seleziona questa opzione per disattivare i titoli e i tag della griglia.
  • Al passaggio del mouse: Seleziona questa opzione per mostrare il titolo al passaggio del mouse. Puoi scegliere l'allineamento per il titolo.
  •  Sotto l'immagine: Seleziona questa opzione per mostrare il titolo e i tag sotto le immagini della griglia. Puoi scegliere l'allineamento di titoli e tag (2) e scegliere di mostrare i tag (3).


Carattere del titolo

  1. Clicca sul Cambia stile di testo pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri. 
  2. Impostare il Titolo stile del carattere per gli elementi all'interno della cartella.
  3. Font Color: Specificare un colore per il carattere del titolo.


Bordo dell'immagine

Scopri come per gestire il bordo dell'immagine.


Griglia di stile

  1. Effetto al passaggio del mouse: L'effetto al passaggio del mouse può essere utilizzato solo in un layout a griglia. Puoi mostrare le seguenti opzioni al passaggio del mouse in modalità griglia.
    • Nessun effetto: Per nessun effetto sugli elementi secondari in modalità griglia.
    • Colore: Per sovrapporre solo il colore sui tuoi sotto-elementi in modalità griglia.
    • Colore e icona: Per il colore di sovrapposizione degli elementi secondari con un'icona.
  2. Colore al passaggio del mouse: Specifica il colore al passaggio del mouse.
    • Per specificare un colore, selezionare Colore selezionato. Se selezioni questa opzione, troverai un'opzione di seguito per specificare il colore.
    • Seleziona Colore dell'accento dell'immagine in modo che il colore principale dell'immagine appaia al passaggio del mouse. Se selezioni questa opzione, di seguito troverai un'opzione per specificare l'opacità del colore principale dell'immagine.
  3. Colore di base: Specificare il colore della base della griglia.
    • Per specificare un colore, selezionare Colore selezionato. Se selezioni questa opzione, troverai un'opzione di seguito per specificare il colore.
    • Seleziona Colore dell'accento dell'immagine in modo che il colore principale dell'immagine diventi il ​​colore di base. Se selezioni questa opzione, di seguito troverai un'opzione per specificare l'opacità del colore principale dell'immagine.
  4. Icona griglia: Selezionare un Plus, Arrow, Attraversare, or Occhio icona. Questa icona apparirà al passaggio del mouse sulle immagini della griglia.
  5. Icona Colore: Specificare il colore dell'icona della griglia.


Per esempio, controlla questa cartella dove è selezionato 'Layout cartella grande quadrato' con 'Etichette griglia – Titolo e tag':

Navigazione breadcrumb

Conoscere la navigazione breadcrumb in dettaglio.


Display mobile

  1. specificare la spazio tra i sottoelementi nei layout a griglia per dispositivi mobili. (tra 0 e 250 pixel)
  2. Scegliere il numero di colonne per visualizzare gli elementi all'interno della cartella sui dispositivi mobili.


Slideshow (solo per il layout 'Full-Image Slider')

  1. Comportamento: Abilita la presentazione da qui.
  2. Velocità presentazione: Imposta la velocità di transizione della presentazione (da 1 a 10 secondi).
  3. Transizione presentazione: Specifica il tipo di transizione della presentazione. Puoi applicare l'opzione "Scorrimento orizzontale" o "Dissolvenza".


Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.