Personaliseer de portfoliopagina's en projecten van je site.

Portfoliopagina's zijn gestileerde landingspagina's die bezoekers via links naar projecten doorverwijzen. Je kunt portfoliopagina's aanpassen aan je merk en stijl. Gebruik deze gids om de stijlopties te vinden voor portfoliopagina's en hun individuele projecten. Zie Portfoliopagina's om een portfoliopagina aan te maken en inhoud toe te voegen.

Portfoliopagina's versus portfolioprojecten

Portfoliopagina's bestaan uit twee delen: de hoofdportfoliopagina, die een raster van uitgelichte afbeeldingen of een lijst met links creëert waarop bezoekers klikken om je portfolio te verkennen, en de individuele projecten waar deze links naartoe leiden en waar je content aan toevoegt.

Open je stijlopties

Je kunt de portfoliopagina en de projecten op twee plekken stijlen:

• Portfoliopagina - Klik op Bewerken op de portfoliopagina en vervolgens op het potloodpictogram in het portfoliogedeelte.
• Projecten - Klik op het project op de portfoliopagina om het te openen, klik op bewerken en vervolgens op het potloodpictogram in het gedeelte dat je wilt stijlen. Elk project bestaat uit gedeelten, en elk gedeelte heeft eigen stijlopties.

Portfoliopagina

Op je portfoliopagina worden al je projecten weergegeven als uitgelichte afbeeldingen of tekstlinks waarop bezoekers kunnen klikken om individuele projecten te openen.

In de stijlen van het portfoliogedeelte kun je de volgende details aanpassen:

• Opmaak - Stel de lay-out van de portfoliopagina in. Elke rasterlay-out en zweeflay-out heeft unieke opmaakopties.
• Achtergrond - Voeg een achtergrondafbeelding, een achtergrondvideo of achtergrondcreaties toe achter de projectlinks.
• Kleuren – Stel de kleuren van je site in of wijzig het thema van het gedeelte van de portfolio.

Houd rekening met het volgende:

• Deze wijzigingen betreffen alle portfoliopagina's die dezelfde lay-out gebruiken.
• Alle wijzigingen die je in een specifieke lay-out maakt, worden opgeslagen, zelfs als je naar een nieuwe lay-out gaat. Als je terugkeert naar een vorige lay-out, worden je instellingen hersteld.
• Afhankelijk van het aantal projecten op je portfoliopagina, hebben sommige stijlaanpassingen mogelijk geen invloed op je lay-out. Als je bijvoorbeeld een zweven: achtergrondlay-out hebt met een groot aantal projecten, heeft de hoogteaanpassing mogelijk geen zichtbaar effect, omdat het gedeelte een bepaalde hoogte nodig heeft om alle projectlinks weer te geven. Gebruik in plaats daarvan de aanpassing verticale linkafstand.

Rasterlay-outs opmaken

In rasterlay-outs worden je projecten weergegeven in een raster van uitgelichte afbeeldingen. Bezoekers klikken op de afbeelding of titeltekst om het project te openen. Je opties op het tabblad opmaak van gedeeltestijlen verschillen afhankelijk van de rasterlay-out die je kiest.

Zweeflay-outs opmaken

Bij zweeflay-outs worden je projecten weergegeven als een lijst met links, waarbij de uitgelichte afbeeldingen verschijnen als je eroverheen zweeft. Bezoekers klikken op de link om het project te openen. De opties in het tabblad opmaak van de gedeeltestijlen verschillen afhankelijk van de zweeflay-out die je kiest. De zweeflay-outs hebben een semi-transparante overlay op de uitgelichte afbeeldingen van het project. Het is niet mogelijk om dit te verhogen of te vewijderen:

Projecttiteltekst

De titel van elk project verschijnt op de hoofdportfoliopagina, ofwel onder de uitgelichte afbeelding, over de uitgelichte afbeelding heen of in een lijst met links, afhankelijk van je lay-out. Je kunt de titeltekst bewerken in de projectinstellingen. De titeltekst volgt het lettertype en de kleurstijlen van de hele site.

Titellettertype

Stijl als volgt het lettertype van de projecttitel:

1. Tijdens het bewerken van een pagina, open sitestijlen en klik op lettertypen.
2. Klik op koppen.
3. Kies een lettertypefamilie en verander andere stijlinstellingen.
4. Gebruik onder grootte de schuifregelaar voor de kop om de titelgrootte aan te passen.

Welke schuifregelaar je gebruikt, hangt af van de lay-out van je portfoliopagina:

• Raster: eenvoudig - kop 4
• Raster: overlay - kop 3
• Zweeflay-outs - Kop 1

Houd er rekening mee dat het wijzigen van de kopopmaak alle tekst op je site met die opmaak beïnvloedt. Om het lettertype en de grootte van de titeltekst afzonderlijk te stijlen, klik je op stijlen toewijzen, zoek je de aanpassing titel voor jouw lay-out en wijzig je de stijl en grootte in aangepast.

Klik na het aanbrengen van wijzigingen op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.

Titelkleur

Stijl als volgt de titelkleur van het project:

1. Open sitestijlen tijdens het bewerken van een pagina en klik vervolgens op kleuren.
2. Klik op het potloodpictogram in het kleurenpalet van het portfoliogedeelte.
3. Scroll naar beneden en zoek het portfoliogedeelte dat bij jouw lay-out past.
4. Wijzig de kleur met de aanpassing van de projecttitel. Elke lay-out van het portfolio heeft zijn eigen aanpassing van de projecttitel.
5. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.

Scheidingstekens

Bij zweeflay-outs met in-line links kun je "scheidingstekens" of interpunctie toevoegen om je projectlinks visueel te scheiden.

Selecteer of verberg de scheidingstekens als volgt:

1. Klik op bewerken op de portfoliopagina.
2. Zweef over het portfoliogedeelte en klik op het potloodpictogram.
3. Op de tabblad opmaak zet je linkopmaak op in-line.
4. Scrol naar beneden en klik op scheidingsteken, selecteer een van de opties, of kies geen om ze te verbergen.
5. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.

Projecten

Projecten worden opgebouwd uit paginagedeelten, dus je stijlopties hangen af van welke gedeelten je toevoegt. Je kunt blokgedeelten, galeriegedeelten of automatische lay-outs toevoegen.

Stijl een gedeelte door op het potloodpictogram te klikken dat verschijnt wanneer je eroverheen zweeft. Zie voor meer informatie Stijlwijzigingen aanbrengen.

Projectpaginering

Links naar de volgende en vorige projecten in een portfolio verschijnen onderaan elk project. Alle portfoliopagina's hebben dezelfde pagineringsstijlen, ook als ze verschillende lay-outs gebruiken.

Pagineringslettertype

Stijl als volgt het paginerslettertype:

1. Tijdens het bewerken van een pagina, open sitestijlen en klik op lettertypen.
2. Klik op koppen.
3. Kies een lettertypefamilie en verander andere stijlinstellingen.
4. Gebruik onder grootte de schuifregelaar kop 3 om de titelgrootte aan te passen.

Houd er rekening mee dat het wijzigen van de kopopmaak alle tekst op je site met die opmaak beïnvloedt. Om het lettertype en de grootte van de titeltekst afzonderlijk te stijlen, klik je op stijlen toewijzen, zoek je de aanpassing paginering onder portfolio: Item en wijzig je de stijl en grootte in aangepast.

Klik na het aanbrengen van wijzigingen op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.

Pagineringskleur

De kleur van de paginering volgt het kleurenpalet van het onderste gedeelte van elk project. Als projecten verschillende kleurenpaletten gebruiken in de onderste gedeelten, kan de pagineringskleur tussen projecten verschillen.

Stijl als volgt de pagineringskleur:

1. Open de sitestijlen tijdens het bewerken van een pagina en klik vervolgens op Kleuren.
2. Klik op het potloodpictogram in het kleurenpalet van het portfoliogedeelte.
3. Scrol naar beneden en zoek naar de aanpassingen portfolio: item.
4. Wijzig de titeltekst met de aanpassing projectpagineringstitel en het pagineringspictogram met de aanpassing projectpagineringspictogram.
5. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.

Wijzigingen hebben invloed op alle gedeelten die hetzelfde kleurenpalet gebruiken.

Lettertypen en kleuren

Kleuren en lettertypen op de portfoliopagina en projecten volgen je sitebrede lettertype- en kleuraanpassingen. Je kunt ook het kleurenpalet van de portfoliopagina en de gedeelten in projecten aanpassen in de stijleditors van de betreffende gedeelten.

Gebruik in het kleurenpalet van je portfolio de kleuraanpassingen die passen bij je lay-out. Gebruik in het kleurenpalet van het laatste gedeelte van elk project de aanpassing portfolio: item om de paginering onderaan elk project te stylen. Dit kan per project verschillen, afhankelijk van het kleurenpalet dat voor het onderste gedeelte wordt gebruikt. 

Mobiel

Op mobiele apparaten of tablets stapelen portfoliolay-outs verticaal in één kolom, ongeacht het aantal kolommen of het de linkopmaak in grotere browsers.

Zweefeffecten worden op de meeste mobiele browsers niet ondersteund, dus als je de lay-out raster: overlay gebruikt waarbij de titels zo zijn ingesteld dat ze na zweven verschijnen, krijgen bezoekers via mobiele apparaten de titels mogelijk niet te zien.

Zorg er als volgt voor dat de titels op alle apparaten worden weergegeven in de lay-out raster: overlay:

1. Klik op bewerken op de portfoliopagina, zweef vervolgens over het portfoliogedeelte en klik op het potloodpictogram.
2. Selecteer op het tabblad opmaak de optie voor zweven in het uitklapmenu tekst tonen.
3. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op afsluiten en vervolgens op opslaan om de editor te sluiten.