Net als bij het wiki-template vind je hier de code waarmee je een gallery post kunt maken. Het genereren van een gallery werkt iets anders dan bij een blog/wiki dus lees de beschrijving hieronder goed.
Gallery #
De gallery wordt vanzelf gegenereerd op basis van de afbeeldingen die je in de root van je post folder zet (‘content/gallery/deze-post/’). De volgorde is gebaseerd op de namen van de afbeeldingen. Standaard is dit ‘ascending’, maar je kan dit in de frontmatter ook aanpassen naar ‘descending’. In de meeste gevallen zul je de afbeeldingen dus gewoon nummeren als volgt:
- 001.jpg
- 002.jpg
- 003.jpg
- 011.jpg
- 012.jpg etc.
Cover Image #
In de frontmatter kun je een ‘cover’ image instellen. Dit is de afbeelding die zichtbaar is op de ’list’ page, oftewel fablabarnhem.nl/gallery. Standaard wordt de eerste afbeelding (bijv. 001.jpg) gebruikt, maar je kunt bij ‘featured_image’ ook een alternatieve afbeelding instellen. Het beste kun je hier ‘cover.jpg’ instellen en een extra ‘cover.jpg’ afbeelding uploaden. De ‘cover.jpg’ wordt namelijk opzettelijk uitgesloten bij het genereren van de gallery. Het grote voordeel van deze aanpak is dat de ‘cover.jpg’ dan ook automatisch gebruikt wordt voor de SEO en dus bijvoorbeeld zichtbaar is bij het delen van links op social-media.
Folder Structure #
.
âââ content/
âââ gallery/
âââ my-gallery/
âââ index.md
âââ 001.jpg
âââ 002.jpg
âââ 003.jpg
âââ cover.jpg Frontmatter #
---
title: "My Gallery Title"
description: "Search engine description" # Important description for SEO. 120-150 characters is optimal
date: 2024-05-29T16:27:22+02:00
featured_image: "cover.jpg" # Select cover image (empty == first)
sort_by: "Name" # or Exif.Date for example
sort_order: "asc" # or desc
---Content #
Alles wat je typt onder de frontmatter in je markdown file wordt verwerkt als gewone markdown. Dit is de tekst die zichtbaar is boven de automatisch gegenereerde gallery. Hier kun je dus alles invoegen wat je bij normale posts ook kunt.