Zum Inhalt

Dynamic Content

Überblick

Mit twtheme_dynamic_content() kannst du Inhalte lazy per AJAX nachladen. Statt sofortigem HTML-Ausgabe wird ein Placeholder gerendert, der später den echten Inhalt und optional ein Script einsetzt.

Anwendung

// Placeholder erzeugen (HTML + optionales Script)
echo twtheme_dynamic_content(
  'hero',
  '<div class="hero">…</div>',
  '<script>/* Init Slider */</script>',
  'lazy'
);

Parameter

| Parameter | Typ | Beschreibung | | ---------- | -------- | ---------------------------------------------------------- | ----------------------------------------------- | | $key | string | Schlüssel zur Identifikation (data-dynamic_key). | | $html | string | HTML-Inhalt, wird Base64 kodiert gespeichert. | | $script | string | Optionales Script, wird Base64 + JSON kodiert gespeichert. | | $loading | string | Ladeverhalten, z. B. lazy oder eager. | | $attr | array | string | Zusätzliche HTML-Attribute für den Placeholder. |

Ablauf

  1. twtheme_dynamic_content() erzeugt einen <div>‑Placeholder mit data-dynamic_*.
  2. Das Frontend‑Script dynamic-content lädt später html und script nach.
  3. twtheme_dynamic_content_response() liefert die Daten als JSON zurück.

Hooks & Filter

Hook/Filter Typ Parameter Zweck
twtheme_dynamic_content_response_html Filter ($html, $args) HTML vor der Ausgabe anpassen.
twtheme_dynamic_content_response Filter ($response, $args) Gesamte Antwort (HTML/Script) modifizieren.

Hinweise

  • Der Placeholder enthält automatisch twtheme_spinner() als Ladeanzeige.
  • Für Skripte: nur String übergeben, das Script wird in der Antwort ausgeliefert.