Schrek.fr

Attention cette article date depuis plus d'un an (545 jours).
Table des matières

Ce shortcode liste les fichiers dans une dossier pour permettre leurs téléchargements.

Dans le dossier de l’article, il faut creer un dossier files/ pour y deposer les fichiers.

Attention, le shortcode ne marche pas si il y a des espaces dans le nom du dossier de l’article

<–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 />}}

Téléchargement

  • pj.txt
  • Émile_Zola_(Maupassant).epub
  • Émile_Zola_(Maupassant).mobi
  • Émile_Zola_(Maupassant).pdf

    • Liens

    http://oostens.me/posts/hugo-attachment-shortcode/

    https://fr.wikisource.org/wiki/%C3%89mile_Zola_(Maupassant)

    Métadonnées

    Posté le: 15.07.2023
    Nombre de mots: 168
    Temps de lecture: 1 minutes
    Cet article fait partie de la série: Hugo