basis portfolio bestanden voor sage theme
-Voorbeeld in assets/JS, main.js -Voorbeeld in assets/Less om standaard vormgeving aan te passen op de website styling.
- Custom post type 'portfolio';
- Custom Taxonomy 'portfolio-categorie'
- Variabelen om single-post te vullen.
Pas de main.js aan om op alle pagina's (of als dat niet nodig is de home-page),fancybox op anchors van images met de toevoeging 'fancybox' uit te voeren. Voorbeeld in assets
Geintegreerde CSS is die van hover effectideas set 1 en 2: http://tympanus.net/Development/HoverEffectIdeas/
Om de less bestanden te gebruiken moet de volgende regel worden toegevoegd aan de main.less files:
@import "components/_portfolio";
Verplaats vervolgens de less bestanden naar de components folder en geef het gulp commando.
De opbouw van de bestanden in de template is als volgt:
- Sectie op de Homepage
| pakket | Overrides | |----------|-----------|-------------| | fancybox | Yes |
Kopieer alle image files uit de fancy box naar de asset folder
Fancy box mist wel eens (vaak) de bower.json, die moet dan met de hand worden toegevoegd: Voordeel daarvan is dat de overrides in 1x goed staan dan:
{ "name": "fancybox", "version": "2.1.5", "main": [ "source/jquery.fancybox.js", "source/jquery.fancybox.css" ], "ignore": [ "**/.*", "fancybox.jquery.json", "demo" ], "dependencies": { "jquery": ">=1.10" } }