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.

Technische Dokumentation

Überblick

Dieses Kapitel fasst den aktuellen Stand zu dynamic content direkt aus dem Theme-Code zusammen.

Entwicklertipps

Relevante Funktionen

Funktion Parameter Zweck
twtheme_dynamic_content($key = '', $html = '', $script = '', $loading = 'lazy', $attr = '') $key: Funktionsparameter (Standard: ''); $html: Ausgabe-/Textinhalt (Standard: ''); $script: Funktionsparameter (Standard: ''); ... +2 weitere Steuert den Bereich dynamic content.
twtheme_dynamic_content_response() — Steuert den Bereich dynamic content response.

Hooks & Filter

Hook/Filter Typ Parameter Zweck
twtheme_dynamic_content_response apply_filters - Hook twtheme_dynamic_content_response wird via apply_filters eingebunden.
twtheme_dynamic_content_response_html apply_filters - Hook twtheme_dynamic_content_response_html wird via apply_filters eingebunden.
wp_ajax_nopriv_twtheme_dynamic_content_response add_action Callback: 'twtheme_dynamic_content_response' Hook wp_ajax_nopriv_twtheme_dynamic_content_response wird via add_action eingebunden.
wp_ajax_twtheme_dynamic_content_response add_action Callback: 'twtheme_dynamic_content_response' Hook wp_ajax_twtheme_dynamic_content_response wird via add_action eingebunden.

Stand: 2026-03-11