cigolla.ch

Dynamische Galerie

—

by

tci
in

Hier mal ein Beispiel für eine dynamische Galerie.

Um eine dynamische Galerie mit dem WordPress Plugin Media Library Assistant (MLA) zu erstellen, die automatisch aktualisiert wird, wenn ein Bild zu einer Kategorie hinzugefügt wird, kannst du die folgenden Schritte befolgen:

Installation und Einrichtung des Media Library Assistant

  1. Plugin installieren:
    • Gehe zu deinem WordPress-Dashboard.
    • Navigiere zu Plugins > Installieren.
    • Suche nach „Media Library Assistant“.
    • Installiere und aktiviere das Plugin.

Erstellen einer Kategorie für Bilder

  1. Kategorie erstellen:
    • Gehe zu Medien > Kategorien.
    • Erstelle eine neue Kategorie (z. B. „Galerie“).

Bilder der Kategorie zuweisen

  1. Bilder zuweisen:
    • Gehe zu Medien > Medienübersicht.
    • Wähle die Bilder aus, die du zur Galerie hinzufügen möchtest.
    • Klicke auf „Bearbeiten“ und weise die Bilder der zuvor erstellten Kategorie zu.

Galerie mit Shortcode erstellen

  1. Galerie-Shortcode erstellen:
    • Erstelle eine neue Seite oder einen neuen Beitrag oder bearbeite eine bestehende Seite/einen bestehenden Beitrag.
    • Füge den folgenden Shortcode ein, um eine dynamische Galerie anzuzeigen:
[mla_gallery attachment_category="berge" ]

Ersetze «berge» mit dem Namen (slug) der Kategorie, die du für deine Bilder erstellt hast.

Anpassen des Shortcodes

Der mla_gallery Shortcode bietet viele Anpassungsmöglichkeiten. Hier sind einige Beispiele:

Anzahl der Spalten:

[mla_gallery category="Galerie" columns="4"]

Anzahl der Bilder pro Seite:

[mla_gallery category="Galerie" posts_per_page="12"]

Bildgrösse festlegen:

[mla_gallery category="Galerie" size="medium"]

Galerie automatisch aktualisieren

Die Galerie wird automatisch aktualisiert, wenn du neue Bilder der entsprechenden Kategorie hinzufügst. Es sind keine weiteren Schritte erforderlich, da der Shortcode die Bilder dynamisch basierend auf der Kategorie lädt.

Zusammenfassung

  1. Installiere und aktiviere das Media Library Assistant Plugin.
  2. Erstelle eine Kategorie für die Galerie.
  3. Weise die Bilder der Kategorie zu.
  4. Erstelle einen Shortcode auf einer Seite oder einem Beitrag, um die Galerie anzuzeigen.

Mit diesen Schritten hast du eine dynamische Galerie, die sich automatisch aktualisiert, wenn du Bilder zur entsprechenden Kategorie hinzufügst.

Grundlegende Parameter

  1. taxonomy: Bestimmt die Taxonomie, die für die Filterung der Galerie verwendet wird.
    • Beispiel: taxonomy="attachment_category"
  2. term: Der Name des Terms (Kategorie), den du anzeigen möchtest.
    • Beispiel: term="Galerie"
  3. columns: Die Anzahl der Spalten in der Galerie.
    • Beispiel: columns="3"
  4. posts_per_page: Die Anzahl der Bilder pro Seite.
    • Beispiel: posts_per_page="9"
  5. size: Die Größe der angezeigten Bilder (thumbnail, medium, large, full).
    • Beispiel: size="large"

Zusätzliche Parameter

  1. mla_caption: Bestimmt das Template für die Bildunterschriften.
    • Beispiel: mla_caption="{+title} - {+caption}"
  2. mla_alt: Bestimmt das Template für den Alt-Text.
    • Beispiel: mla_alt="{+alt}"
  3. mla_link: Bestimmt das Template für den Link um das Bild herum.
    • Beispiel: mla_link="{+file_url}"
  4. mla_itemwidth: Bestimmt die Breite der einzelnen Galerie-Items in Pixeln.
    • Beispiel: mla_itemwidth="200"
  5. mla_itemheight: Bestimmt die Höhe der einzelnen Galerie-Items in Pixeln.
    • Beispiel: mla_itemheight="150"
  6. mla_columns: Bestimmt die Anzahl der Spalten in der Galerie (ähnlich wie columns).
    • Beispiel: mla_columns="4"
  7. mla_align: Bestimmt die Ausrichtung der Galerie (none, left, center, right).
    • Beispiel: mla_align="center"
  8. mla_class: Fügt eine CSS-Klasse hinzu, um die Galerie zu stylen.
    • Beispiel: mla_class="custom-gallery-class"

Erweiterte Parameter

  1. orderby: Bestimmt die Reihenfolge der Bilder (title, date, menu_order, rand, etc.).
    • Beispiel: orderby="date"
  2. order: Bestimmt die Reihenfolge der Sortierung (ASC für aufsteigend, DESC für absteigend).
    • Beispiel: order="DESC"
  3. mla_output: Bestimmt das Template für das Galerie-Output.
    • Beispiel: mla_output="file_url"
  4. mla_debug: Aktiviert den Debug-Modus, um zusätzliche Informationen anzuzeigen.
    • Beispiel: mla_debug="true"

Anpassung und Styling

Du kannst die CSS-Klasse (mla_class) verwenden, um zusätzliche Stile über dein Theme’s CSS-Datei hinzuzufügen. Hier ist ein Beispiel für CSS:

CSS
.custom-gallery-class {
  margin: 0 auto;
  text-align: center;
}
.custom-gallery-class img {
  border: 2px solid #ccc;
  padding: 5px;
}

Weitere Ressourcen

Für eine vollständige Liste der verfügbaren Parameter und deren Anwendung kannst du die offizielle MLA Dokumentation konsultieren.

Beispiel Gallerie