Zola in de praktijk: shortcodes en moderne HTML

Accordions en callouts zonder één regel JavaScript.

Met moderne HTML5 heb je voor accordions geen JavaScript meer nodig. Het <details>-element doet al het werk.

Accordions

Hoe werkt een accordion in Zola?

Je maakt een shortcode-template dat een <details>-element rendert. In markdown roep je die aan met een blok-shortcode — geen HTML in je content.

Waarom is dit beter dan JavaScript?

Minder code, betere toegankelijkheid, en het werkt zelfs zonder JavaScript aan. De browser doet het standaard al goed.

Callouts