Kategorie: WordPress

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

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

Bilder der Kategorie zuweisen

3. 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

4. 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:

.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

Hier ist ein Beispiel für einen WordPress Shortcode, der das Alter einer Person basierend auf einem eingegebenen Geburtsdatum berechnet und das Alter in Jahren und Monaten zurückgibt.

Füge diesen Code in die functions.php Datei deines WordPress-Themes ein:

function berechne_alter($atts) {
    // Attribute des Shortcodes extrahieren
    $atts = shortcode_atts(array(
        'geburtsdatum' => '01.01.1970', // Standardwert, falls kein Geburtsdatum angegeben wird
    ), $atts, 'alter_berechnen');

    // Geburtsdatum in ein DateTime-Objekt umwandeln
    $geburtsdatum = DateTime::createFromFormat('d.m.Y', $atts['geburtsdatum']);
    $heute = new DateTime('now');

    if (!$geburtsdatum) {
        return 'Ungültiges Datum';
    }

    // Alter berechnen
    $interval = $heute->diff($geburtsdatum);
    $jahre = $interval->y;
    $monate = $interval->m;

    return "{$jahre} Jahre und {$monate} Monate";
}

// Shortcode registrieren
add_shortcode('alter_berechnen', 'berechne_alter');

Du kannst diesen Shortcode in deinem WordPress-Beitrag oder deiner Seite wie folgt verwenden:

[alter_berechnen geburtsdatum="12.03.1980"]

Dieser Shortcode nimmt das Geburtsdatum im Format dd.mm.yyyy und gibt das Alter der Person in Jahren und Monaten zurück.

Erklärung des Codes:

1. shortcode_atts: Diese Funktion extrahiert die Attribute des Shortcodes und setzt standardmäßige Werte, falls diese nicht angegeben wurden.
2. DateTime::createFromFormat: Konvertiert das Geburtsdatum aus dem String-Format d.m.Y in ein DateTime-Objekt.
3. new DateTime('now'): Erstellt ein DateTime-Objekt für das aktuelle Datum und die aktuelle Uhrzeit.
4. $heute->diff($geburtsdatum): Berechnet den Unterschied zwischen dem aktuellen Datum und dem Geburtsdatum.
5. $interval->y und $interval->m: Extrahiert die Anzahl der Jahre und Monate aus dem Intervall.