# Gallery template<no value>

{{< meta-buttons >}}
  {{< meta-button icon="outline/git-merge" text="Template V1.0" >}}
  {{< meta-button icon="outline/clock-hour-4" text="17-8-24" >}}
{{< /meta-buttons >}}
 
Net als bij het [wiki-template]({{< ref "reference/references/markdown-gebruiken/#links" >}} "gerelateerde post") 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 *{{< abbr "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]({{< ref "/gallery/" >}} "Gallery List Page"). 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 *{{< abbr "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
```bash {title="index.md"}
---
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.