Shortcode les fichiers
Cet article fait partie de la série: Hugo
Table des matières
Dans le dossier de l’article, il faut creer un dossier files/ pour y deposer les fichiers.
<–more–>
Le shortcode
On va créer dans le dossier des shortcodes /themes/VOTRETHEME/layouts/shortcodes un fichier pj.html
pj.html
{{ $_hugo_config := `{ "version": 1 }` -}}
<div class="attachments-files uk-card uk-card-small uk-width-1-3@m uk-padding">
<h3 class="attachments-files-titre">Téléchargement <span uk-icon="icon: cloud-download;ratio:2"></span></h3>
<div class="attachments-files">
{{- $filesName := "files" }}
{{- if ne .Page.File.BaseFileName "index" }}
{{- $filesName = printf "%s.files" .Page.File.BaseFileName }}
{{- end}}
{{- $fileDir := replace .Page.File.Dir "\\" "/" }}
{{- $pattern := .Get "pattern" | default "" }}
{{- range (readDir (printf "content/%s%s" .Page.File.Dir $filesName) ) }}
<li>
<a href="{{ (printf "%s%s/%s" $fileDir $filesName .Name) | relLangURL }}">{{.Name}}</a>
</li>
{{- end}}
</div>
{{- .Inner}}
</div>le CSS pour uikit
.attachments-files{
background-color: #dbe6eb;
}Résultat
{{< pj />}}