Hosted Document Library Pro include uno stile integrato che funziona bene fin da subito e ti offre controlli di design per adattare le librerie al tuo brand senza toccare codice.
Dove si trovano le opzioni di stile
Ci sono due punti in cui impostare l'aspetto delle tue librerie di documenti ospitate. La scheda Branding copre il logo e il brand generale, mentre la scheda Design libreria controlla l'aspetto degli elenchi di documenti.
Lo stile viene impostato una volta per l'intero account, non per singola libreria. Il fatto che i link di download e anteprima appaiano come pulsanti, icone o testo semplice si imposta nelle opzioni di visualizzazione di ciascuna libreria, non nella scheda Design libreria.
Branding
La scheda Branding include questi controlli a livello di account:
- Logo. Mostrato nella dashboard e in alto nella pagina della libreria pubblicata.
- Icona sito. La piccola icona nella scheda del browser. Usa un'immagine quadrata, di almeno 512 per 512 pixel.
- Colore brand. Imposta il colore di accento per la dashboard e per le parti delle pagine pubblicate che si trovano fuori dalla libreria stessa, come la schermata password, il menu della pagina e il modulo di libreria email.
- Font. Il carattere usato nella pagina della libreria pubblicata e nella libreria incorporata. Scegli uno dei font elencati, oppure scegli Personalizzato e indica qualsiasi Google Font.
Scegliere un modello
La scheda Design libreria include una serie di template predefiniti sia per il layout tabella sia per il layout griglia. Scegli il template più adatto come punto di partenza, poi modificalo per adattarlo al tuo brand. Poiché l'aspetto è impostato a livello di account, lo stile che scegli si applica in modo coerente a tutte le tue librerie.
I sette template disponibili sia per i layout tabella sia per i layout griglia sono Predefinito, Minimal, Delicato, Neutro, Scuro, Blu e Natura.
Personalizzare l'aspetto
Dalla stessa scheda Design libreria puoi rifinire lo stile, come colori e altri dettagli visivi, per allineare le librerie al tuo branding. Le modifiche vengono mostrate in anteprima mentre le fai, così puoi vedere il risultato prima di salvare.
I controlli dettagliati appaiono quando imposti Design su Personalizzato per quel layout, e ogni layout ha il proprio pulsante Ripristina predefinito.
Layout tabella
- Template e stili dei bordi per bordo esterno, intestazione, bordi orizzontali, verticali e inferiori, ciascuno con colore e larghezza
- Colori di sfondo per intestazione, righe principali, righe alternate, pulsanti, passaggio del mouse sui pulsanti e pulsanti disattivati
- Colore e dimensione del font per intestazione, testo principale, link, pulsanti e pulsanti disattivati
- Ombreggiatura di righe alternate o colonne alternate, oppure nessuna
- Stile angoli: quadrati, arrotondati o completamente arrotondati
- Sfondo, colore del testo e bordo della casella di ricerca
- Sfondo, colore del testo e bordo del menu a tendina filtro
- Colore bordo casella di controllo
- Spaziatura righe: compatta, normale o ampia
Layout griglia
- Template
- Colori di sfondo per immagine del documento, badge categoria, scheda, pulsanti e passaggio del mouse sui pulsanti
- Colore e dimensione del font per testo principale, link e pulsanti
- Bordi per scheda, pulsanti, casella di ricerca e menu a tendina dei filtri
- Sfondo, colore del testo e bordo di casella di ricerca e menu a tendina dei filtri
- Colore bordo casella di controllo
- Stile angoli
Cartelle
- Colore delle icone delle cartelle di primo livello
- Colore delle icone delle sottocartelle
- Le tue icone di cartella aperta e chiusa, aggiunte come codice SVG
Mantenere un aspetto coerente
Poiché il modello e le opzioni di design vengono applicati a tutto l'account, ogni libreria che crei condivide automaticamente lo stesso stile. Questo mantiene le tue raccolte coerenti ovunque le incorpori, che sia su un sito WordPress, Squarespace, Shopify, Wix o sulla pagina della libreria ospitata.
Ti serve qualcosa che le impostazioni non coprono?
Il nostro team di supporto può applicare uno stile personalizzato per te. Ti invitiamo a contattaci descrivere ciò che vuoi, idealmente con un link alla tua libreria e uno screenshot che indichi la parte a cui ti riferisci.
Esempi di stile personalizzato con cui possiamo aiutarti:
- Abbinare un font di brand specifico o un colore che non è nelle impostazioni
- Regolare le larghezze delle colonne o nascondere una colonna su schermi più piccoli
- Cambiare forma o spaziatura di casella di ricerca, filtri e pulsanti
- Nascondere un controllo che non usi, come il menu a tendina della lunghezza pagina
- Ridurre o aumentare lo spazio tra le righe