27 portfolio-layouts
Grids en masonry. Filter- en laadstijlen. Plus de layouts voor losse projecten die erbij horen.
Laatst bijgewerkt
Grids 5
Elk raster hier is één Canvas Posts-blok met Layout ingesteld op Portfolio. Met Columns bepaal je hoeveel projecten naast elkaar in één rij staan, en met Portfolio Gutter stel je de ruimte ertussen in, tot en met nul. De versie met één kolom schakelt Alternating Split Cards in, zodat elk project naast de beschrijving staat en de afbeelding bij elke tweede kaart van kant wisselt.
- 1 kolom (opent in een nieuw tabblad)
- 2 kolommen (opent in een nieuw tabblad)
- 3 kolommen (opent in een nieuw tabblad)
- 5 kolommen (opent in een nieuw tabblad)
- 6 kolommen (opent in een nieuw tabblad)
Masonry 6
Zelfde blok, andere Grid Engine. Kies een masonry-modus en de kaarten behouden hun eigen hoogte, waarbij ze in kolommen worden gestapeld zonder rijlijn waarmee rekening moet worden gehouden. Card Shape bepaalt het ritme: snijd elke afbeelding bij tot één vorm, of laat elk project zijn eigen vorm behouden. De gemengde versie verplaatst de titel ook naar binnen de hover-overlay.
- Gemengde kolommen (opent in een nieuw tabblad)
- 2 kolommen (opent in een nieuw tabblad)
- 3 kolommen (opent in een nieuw tabblad)
- 4 kolommen (opent in een nieuw tabblad)
- 5 kolommen (opent in een nieuw tabblad)
- 6 kolommen (opent in een nieuw tabblad)
Stijlen laden 5
Deze bepalen hoe een bezoeker de rest van je werk bereikt. Met Paginastijl kies je onder meer een client-side paginator en oneindig scrollen. Met Projecten in de pagina openen laad je een project boven het raster zonder de pagina te verlaten, en Project openen in kan het tonen in een lightbox-modal. Met Filterstijlen bepaal je de opmaak van het Canvas Grid Filter-blok, de rij met categorieknoppen, in elke stijl, met of zonder Shuffle-knop.
- jQuery Pagination (opent in een nieuw tabblad)
- Oneindig scrollen (opent in een nieuw tabblad)
- AJAX in pagina (opent in een nieuw tabblad)
- AJAX In Modal (opent in een nieuw tabblad)
- Filterstijlen (opent in een nieuw tabblad)
Enkel project 5
Een projectpagina haalt zijn lay-out uit een sjabloon dat je kiest bij de instelling Sjabloon terwijl je het project bewerkt. De sjablonen omvatten vier soorten media: een grote afbeelding, een galerijslider, een miniatuurraster en een video. Elk sjabloon heeft een zijbalk links, rechts of aan beide kanten, een variant op volledige breedte, of een variant onder een hero over de volledige breedte. De pagina's die hier zijn gelinkt, vormen een voorbeeld van die set.
- Parallax Image (opent in een nieuw tabblad)
- Slider-galerij (opent in een nieuw tabblad)
- HTML5-video (opent in een nieuw tabblad)
- Masonry-miniaturen (opent in een nieuw tabblad)
- Video insluiten (opent in een nieuw tabblad)
Layouts 6
Waar het raster op de pagina staat. De zijbalkversies plaatsen hetzelfde blok in een hoofdkolom naast een zijbalk met widgets, zoals recente berichten en een snel contactformulier. 100% Breedte laat het raster van rand tot rand lopen zonder tussenruimte. Parallax Cards zet Parallax aan, waarmee elke afbeelding een achtergrondlaag wordt die beweegt terwijl de pagina scrollt.
- Standaard (opent in een nieuw tabblad)
- Rechter zijbalk (opent in een nieuw tabblad)
- Linker zijbalk (opent in een nieuw tabblad)
- Beide zijbalken (opent in een nieuw tabblad)
- 100% breedte (opent in een nieuw tabblad)
- Parallax (opent in een nieuw tabblad)
Elke link opent een echte pagina in de live showcase, opgebouwd met hetzelfde thema en dezelfde blokken die je installeert.
Bouw elk van deze met één blok
De showcase is er om naar te kijken. De blokken en sjablonen erachter worden meegeleverd met Canvas, zodat elke indeling hierboven op jouw site opnieuw gebouwd kan worden.
Projecten zijn records
Je werk staat in het contenttype portfolio, met één record per project en categorieën waarmee de Grid Filter zijn knoppen opbouwt. Voeg een project toe en elk raster op de site dat die categorie vermeldt, pikt het automatisch op. De pagina zelf hoeft nooit bewerkt te worden.
Het raster is instelbaar
Voeg Canvas Posts in, kies de Portfolio-layout en werk daarna van boven naar beneden de panelen Layout en Pagination af, met de namen op deze pagina. Voor de projectpagina zelf voegt Canvas 8 portfolioblokken toe, van de titel en de metalijst tot gerelateerde projecten.
Of importeer een kant-en-klare demo
21 van de 88 demowebsites worden geïmporteerd met portfolioprojecten erin, ingericht voor een bureau, een fotograaf of een illustrator. Begin met één daarvan en je past de projecten aan, niet de opmaak.
Elk abonnement, elke indeling
Er is geen portfolio-add-on. De rasters, het filter, de laadstijlen en de sjablonen voor afzonderlijke projecten zitten in het jaarlijkse abonnement net als in het levenslange abonnement, omdat elk abonnement elk blok bevat.
Welke portfolio-lay-out past bij jouw werk
Begin met de afbeeldingen, want de layout bestaat om ze te tonen. Foto's met dezelfde oriëntatie passen goed in een vast raster, waarin de rijen gelijk lopen. Een mix van staand en liggend werk hoort thuis in masonry, waarbij elke kaart de vorm van zijn afbeelding kan behouden.
Casestudy's lezen anders. Wanneer elk project een alinea context nodig heeft, geeft het raster met één kolom van gesplitste kaarten daar ruimte voor, en een versie met zijbalk werkt voor een bureau dat zijn contactgegevens naast het werk wil tonen.
Tel ook je projecten mee. Een klein werkoverzicht past op één scherm met een filter erboven. Vanaf een paar rijen kies je een laadstijl zodat de pagina snel te openen blijft: de paginering voor bezoekers die graag weten waar ze staan, oneindig scrollen voor mensen die gewoon rondkijken. Voor één project kies je eerst het sjabloon op basis van de media: een galerijslider voor een shoot of een video voor een film, en beslis als laatste over de zijbalken.
De rest van de bibliotheek
Start met een kant-en-klare pagina
Alle 141 layouts zitten in elk abonnement, naast elk blok en elke demowebsite.