hallowebsite Media Folders & Downloads

Überblick

hallowebsite Media Folders & Downloads bringt mit virtuellen Ordnern Ordnung in die WordPress-Mediathek und macht aus jedem Ordner eine saubere, CSS-freundliche Downloadliste für deine Website. Dateien werden nie verschoben und URLs ändern sich nie – Ordner sind nur eine Zuordnung. Dateien sortierst du per Drag & Drop, vergibst schöne Download-Titel und Beschreibungen und gibst sie per Shortcode oder Block aus. Ein optionaler, datenschutzfreundlicher Download-Zähler ist dabei.

Funktionen

• Ordner-Seitenleiste in Medien → Mediathek (Raster- und Listenansicht), mit verschachtelten Ordnern.
• Dateien oder Mehrfachauswahlen auf einen Ordner ziehen. Auf Unassigned ziehen entfernt die Zuordnung.
• Dateien im Ordner per Drag & Drop sortieren – das legt die Reihenfolge der Downloadliste fest.
• Ordner per Ziehen umsortieren oder zu Unterordnern machen.
• Uploads landen automatisch im geöffneten Ordner. In jedem Medien-Dialog gibt es einen Ordnerfilter.
• Pro Datei: Download-Titel, Beschreibung, Download-Dateiname, Position, anzeigen/ausblenden, herunterladen oder im neuen Tab öffnen.
• Shortcode [hw_downloads] und Block Download list (gleiche Ausgabe).
• Inline-SVG-Dateisymbole mit der echten Dateiendung, dazu eigene Icons und eigene Dateitypen.
• Download-Zähler: aus, nur Backend oder Backend + Website – ohne Speicherung personenbezogener Daten.

Schnellstart

1. Medien → Mediathek öffnen und in der Seitenleiste Ordner anlegen.
2. Dateien in einen Ordner ziehen und sortieren.
3. Am Ordner auf den Button [/] klicken, um seinen Shortcode zu kopieren.
4. Den Shortcode einfügen – oder den Block Download list einfügen und den Ordner wählen.

Shortcode

[hw_downloads folder="12"]
[hw_downloads folder="formulare" children="1" show="icon,ext,size,button" button="Herunterladen"]
[hw_downloads folder="12" type="pdf" orderby="date" order="desc" limit="5"]

Attribut	Standard	Beschreibung
folder	–	Ordner-ID oder Slug (Pflicht).
children	0	1 = Dateien aus Unterordnern einbeziehen.
orderby	order	order (Position), title, date, size, name.
order	asc	asc / desc
limit	0	Maximale Anzahl Dateien (0 = alle).
show	icon,ext,size,desc	Beliebige Auswahl aus icon,ext,size,date,desc,button.
type	alle	Nur diese Endungen, z. B. pdf,docx.
link	item	item = ganze Zeile ist der Link, button = nur der Button.
button	–	Button-Text für diese Liste.
class / empty	–	Zusätzliche Klassen an der Liste / Text bei leerer Liste.

Einstellungen

Unter Einstellungen → Medien → Download lists: Icon-Stil, Icon-Farben, eigenes Icon pro Typgruppe, eigene Dateitypen (z. B. dwg, dxf), Download-Zähler und Standard-Button-Texte.

Markup & Gestaltung

<ul class="hwd">
  <li class="hwd__item hwd--pdf">
    <a class="hwd__row hwd__link" href="…" download>
      <svg class="hwd__icon">…</svg>
      <span class="hwd__title">Titel</span>
      <span class="hwd__meta"><span class="hwd__ext">PDF</span><span class="hwd__size">1,2 MB</span></span>
    </a>
    <p class="hwd__desc">Beschreibung</p>
  </li>
</ul>

.hwd { --hwd-icon: 3em; }
.hwd--pdf .hwd__icon { color: var(--global-palette1); --hwd-paper: var(--global-palette9); --hwd-label: #fff; }
.hwd__button { background: var(--global-palette1); color: var(--global-palette9); padding: .4em .9em; }

Alle Layout-Regeln nutzen :where() (Spezifität null) – dein CSS gewinnt also immer. Breite Listen richten sich als Spalten aus, schmale Listen (unter 30em) brechen per Container Query automatisch um.

Hinweise

• Der Zähler zählt höchstens einen Klick pro Besucher und Datei alle 10 Minuten. Eingeloggte Nutzer werden nicht gezählt.
• Die vollständige Dokumentation steht auch im Backend unter Medien → Hallo Media Manager.