hallowebsite Filter Gallery

DE | EN

Erstellt filterbare Bildergalerien aus deiner Mediathek – als Masonry, festes Raster oder Justified Rows. Besucher filtern nach beliebigen Medien-Taxonomien, du sortierst per Drag & Drop, überschreibst alles per Shortcode und nutzt die Kadence-Lightbox.

Download v1.1.7
Version
1.1.7
Aktualisiert
14. November 2026
Dateigröße
17,7 KB
Autor
hallowebsite

Überblick

hallowebsite Filter Gallery erstellt filterbare Bildergalerien direkt aus deiner Mediathek. Du stellst Bilder zu einer Galerie zusammen, sortierst sie per Drag & Drop und gibst sie als Masonry, festes Raster oder Justified Rows aus. Besucher filtern nach beliebigen Taxonomien deiner Medien (Farbe, Stil, Projektart …). Ist die Kadence-Lightbox vorhanden, wird sie genutzt – sonst springt eine eigene Lightbox ein.

Funktionen

  • Inhaltstyp Galleries mit Bildauswahl per Drag & Drop.
  • Drei Layouts: Masonry, Festes Raster (mit Seitenverhältnis und cover/contain), Justified Rows (Mosaik).
  • Multi-Taxonomie-Filter: ODER innerhalb einer Gruppe, UND zwischen Gruppen (oder rein ODER / rein UND).
  • Filter-Buttons können ein Hintergrundbild aus Term-Meta zeigen (JetEngine, ACF oder jedes Term-Meta-Feld).
  • Bildunterschriften aus Titel, Beschriftung, Beschreibung und/oder Alt-Text – beim Hover oder immer sichtbar.
  • Globale Standards auf der Einstellungsseite, jeder Wert lässt sich pro Shortcode überschreiben.
  • Bilder auch per ID ohne Galerie-Beitrag wählen sowie Terme einschließen, ausschließen oder vorauswählen.

Voraussetzungen

  • Für Filter: mindestens eine Taxonomie, die für attachment registriert ist (z. B. mit JetEngine, ACF oder CPT UI angelegt).
  • Optional: Kadence Blocks für die native Lightbox.

Schnellstart

  1. Galleries → Neu hinzufügen, Add / Choose Images klicken und die Bilder sortieren.
  2. In der Mediathek den Bildern Terme deiner Medien-Taxonomie zuweisen.
  3. Unter Einstellungen → Hallo Filter Gallery die Standards festlegen (Layout, Spalten, Filter).
  4. Den Shortcode [hfg_gallery id="123"] auf einer beliebigen Seite einfügen.

Shortcode-Beispiele

[hfg_gallery id="123"]
[hfg_gallery images="55,12,99,101"]                  (Reihenfolge bleibt erhalten)
[hfg_gallery id="123" only_images="99,101,12"]       (Teilmenge + neue Reihenfolge)
[hfg_gallery id="123" add_images="55,12"]            (Bilder anhängen)
[hfg_gallery id="123" only_terms="farbe:rot,blau;stil:minimal"]
[hfg_gallery id="123" exclude_terms="farbe:gruen"]
[hfg_gallery id="123" preselect_terms="farbe:rot,blau"]
[hfg_gallery id="123" display_mode="justified" row_height_desktop="260"]
[hfg_gallery id="123" filter_btn_bg_enabled="1" filter_btn_bg_meta_key="image" filter_btn_bg_size="large"]

Shortcode-Attribute

AttributWerteBeschreibung
idGalerie-IDDer Galerie-Beitrag, der ausgegeben wird.
images / only_images / add_imagesAnhang-IDsEigene Bildliste, Teilmenge der Galerie oder zusätzliche Bilder.
only_terms / exclude_termstax:term,term;tax2:termFest einschließen/ausschließen nach Termen.
preselect_termsgleiche SyntaxFilter-Buttons, die beim Laden aktiv sind.
display_modemasonry, fixed_grid, justifiedLayout.
gappxAbstand zwischen Bildern (Standard 16).
columns_desktop/tablet/mobileZahlSpalten pro Breakpoint (Standard 4/3/2).
grid_ratio, grid_ratio_custom, grid_fit1:1, 4:3, 3:2, 16:9, custom · cover/containOptionen für das feste Raster.
row_height_desktop/tablet/mobile, justify_last_rowpx · left/center/justifyOptionen für Justified Rows (Standard 220/200/160).
image_sizeWP-BildgrößeStandard large.
filters_enabled, taxonomies1/0, Taxonomie-SlugsFilter anzeigen und Filtergruppen wählen.
filter_modeand_groups_or_within, or_everything, and_everythingFilterlogik.
reset_position, reset_endbeginning/end, 1/0Position des Reset-Buttons, optional zusätzlicher Reset unter der Galerie.
captions_displayhover/alwaysWann Bildunterschriften sichtbar sind.
filter_btn_bg_enabled, filter_btn_bg_meta_key, filter_btn_bg_size1, Meta-Key, BildgrößeHintergrundbilder für Filter-Buttons aus Term-Meta.

Hinweise

  • Shortcode-Attribute überschreiben immer die globalen Einstellungen.
  • Bilder werden nie kopiert – die Galerie verweist nur auf Einträge der Mediathek.

Changelog

Changed:
- Rebranding: neuer Name „hallowebsite Filter Gallery“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/filter-gallery/
- Keine funktionalen Änderungen.