Shortcode bouton
Cet article fait partie de la série: Hugo
Table des matières
J’avais besoin d"un bouton pour ouvrir des liens.
Le shortcode
A déposer dans /themes/VOTRETHEME/layouts/shortcodes/bouton.html.
On peut personaliser l’icône grace a Uikit
{{ $url := .Get "url" }}
{{ $titre := .Get "titre" }}
{{ $icone := .Get "icone" | default "link"}}
<a class="uk-button uk-button-default uk-box-shadow-medium" target="_blank" href="{{ $url }}"><span uk-icon="icon: {{ $icone }}"></span> {{ $titre }}</a>Exemples
{{< bouton titre="Voir sur overleaf" url="https://www.overleaf.com/read/dgnpzyngzbqk" icone="forward" >}}{{< bouton titre="Uikit" url="https://getuikit.com" icone="uikit" >}}