27 layout per portfolio
Griglie e masonry. Stili per filtri e caricamento. In più, i layout dei singoli progetti che stanno alla base.
Aggiornato il
Griglie 5
Ogni griglia qui è un unico blocco Canvas Posts con Layout impostato su Portfolio. Columns stabilisce quanti progetti condividono una riga e Portfolio Gutter imposta lo spazio tra di loro, fino ad azzerarlo. La versione a una colonna attiva Alternating Split Cards, così ogni progetto si trova accanto alla sua descrizione e l'immagine cambia lato a ogni seconda scheda.
- 1 colonna (si apre in una nuova scheda)
- 2 colonne (si apre in una nuova scheda)
- 3 colonne (si apre in una nuova scheda)
- 5 colonne (si apre in una nuova scheda)
- 6 colonne (si apre in una nuova scheda)
Masonry 6
Stesso blocco, Grid Engine diverso. Scegli una modalità masonry e le card mantengono la propria altezza, disponendosi in colonne senza righe da rispettare. Card Shape è ciò che crea il ritmo: ritaglia ogni immagine in un'unica forma oppure lascia che ogni progetto conservi la sua. La versione mista sposta anche il titolo all'interno dell'overlay al passaggio del mouse.
- Colonne miste (si apre in una nuova scheda)
- 2 colonne (si apre in una nuova scheda)
- 3 colonne (si apre in una nuova scheda)
- 4 colonne (si apre in una nuova scheda)
- 5 colonne (si apre in una nuova scheda)
- 6 colonne (si apre in una nuova scheda)
Stili in caricamento 5
Queste opzioni decidono come un visitatore raggiunge il resto del tuo lavoro. Pagination Style offre, tra le sue scelte, un paginatore lato client e lo scorrimento infinito. Open Projects In-Page carica un progetto sopra la griglia senza lasciare la pagina, e Open Project In può mostrarlo in una finestra modale lightbox. Filter Styles imposta il blocco Canvas Grid Filter, la riga di pulsanti per categoria, in ciascuno dei suoi stili, con e senza pulsante Shuffle.
- jQuery Pagination (si apre in una nuova scheda)
- Scorrimento infinito (si apre in una nuova scheda)
- AJAX nella pagina (si apre in una nuova scheda)
- AJAX in modal (si apre in una nuova scheda)
- Stili filtro (si apre in una nuova scheda)
Progetto singolo 5
Una pagina progetto prende il layout da un template che scegli nell'impostazione Template mentre modifichi il progetto. I template coprono quattro tipi di media: un'immagine grande, uno slider di galleria, una griglia di miniature e un video. Ognuno include una barra laterale su un lato o su entrambi, a larghezza piena oppure sotto un hero a tutto schermo. Le pagine collegate qui sono un esempio di questo insieme.
- Parallax Image (si apre in una nuova scheda)
- Slider Gallery (si apre in una nuova scheda)
- HTML5 Video (si apre in una nuova scheda)
- Miniature masonry (si apre in una nuova scheda)
- Incorpora video (si apre in una nuova scheda)
Layout 6
Dove si trova la griglia nella pagina. Le versioni con barra laterale collocano lo stesso blocco in una colonna principale accanto a una barra laterale di widget, come gli articoli recenti e un modulo di contatto rapido. 100% Larghezza estende la griglia da bordo a bordo, senza spaziatura. Parallax attiva Parallax Cards, che trasforma ogni immagine in un livello di sfondo che si muove mentre la pagina scorre.
- Predefinito (si apre in una nuova scheda)
- Barra laterale destra (si apre in una nuova scheda)
- Barra laterale sinistra (si apre in una nuova scheda)
- Doppia sidebar (si apre in una nuova scheda)
- Larghezza 100% (si apre in una nuova scheda)
- Parallax (si apre in una nuova scheda)
Ogni link apre una pagina reale della vetrina online, realizzata con lo stesso tema e gli stessi blocchi che installi.
Crea qualsiasi di queste con un unico blocco
La vetrina serve per essere guardata. I blocchi e i template alla base sono inclusi in Canvas, quindi ogni layout qui sopra può essere ricreato sul tuo sito.
I progetti sono record
I tuoi lavori risiedono nel tipo di contenuto portfolio, con un record per progetto e con categorie che il Grid Filter legge per creare i suoi pulsanti. Aggiungi un progetto e ogni griglia del sito che elenca quella categoria lo include. La pagina stessa non richiede mai modifiche.
La griglia si configura dalle impostazioni
Inserisci Canvas Posts, scegli il layout Portfolio, poi lavora sui pannelli Layout e Paginazione usando i nomi di questa pagina. Per la pagina del progetto vera e propria, Canvas aggiunge 8 blocchi portfolio, dal titolo all'elenco dei metadati fino ai progetti correlati.
Oppure importane uno già pronto
21 dei 88 siti demo si importano con i progetti del portfolio già inseriti, pensati per un'agenzia, un fotografo o un illustratore. Parti da uno di questi e modifica i progetti, non il layout.
Ogni piano, ogni layout
Non esiste un componente aggiuntivo per il portfolio. Griglie, filtro, stili di caricamento e template dei singoli progetti sono nel piano Annuale così come nel piano A vita, perché ogni piano include ogni blocco.
Quale layout di portfolio si adatta al tuo lavoro
Parti dalle immagini, perché il layout esiste per mostrarle. Le fotografie scattate con un solo orientamento si adattano bene a una griglia regolare, dove le righe sono allineate. Un mix di lavori in verticale e in orizzontale va in una masonry, dove ogni scheda può mantenere la forma della propria immagine.
I case study si leggono in modo diverso. Quando ogni progetto richiede un paragrafo di contesto, la griglia a una colonna di schede divise gli dà spazio, mentre una versione con barra laterale va bene per un'agenzia che vuole i propri dati di contatto accanto ai lavori.
Conta anche i tuoi progetti. Un piccolo insieme di lavori entra in una sola schermata, con un filtro sopra. Da qualche riga in su, scegli uno stile di caricamento così la pagina resta veloce da aprire: la paginazione per i visitatori che amano sapere dove si trovano, lo scorrimento infinito per chi sfoglia. Per un singolo progetto, scegli prima il template in base ai suoi contenuti multimediali: uno slider a galleria per un servizio fotografico o un video per un film, e decidi per ultime le sidebar.
Il resto della libreria
Parti da una pagina già pronta
Tutti i 141 layout sono inclusi in ogni piano, insieme a ogni blocco e a ogni sito demo.