Bilderkarussell (amp-carousel) mit AMP und Jekyll
Jun 12, 2017 TWEET LINK

In meinem Blog habe ich schon beschrieben, wie man eine Seite mit Jekyll und AMP baut.
Wie man einfache Bildergalerien für AMP erstellt, beschreibe ich hier.

Für mein Beispiel benutze ich die vorgefertigte AMP-Komponente amp-carousel.

Als erstes muss man die Komponente in den HTML-Kopf (Achtung: muss zwingend im <head> sein) hinzufügen. In dem Code-Beispiel wird gecheckt, ob es sich um das Layout post handelt, damit Jekyll die AMP-Komponente nur da einsetzt, wo sie auch gebraucht wird.

Im nächsten Gist sieht man, wie ein Karussell mit AMP aussieht. Einfach den Code in das Layout post einfügen.

(Update) Wenn man nun eine Bildergalerie erstellen möchte, muss man einfach nur in das front matter des Posts ein Array mit dem Namen images festlegen.

amp jekyll html