Zum Inhalt

Dynamic Content

Diese Seite ist noch im Aufbau

Der Bestand ist übernommen und die Angaben sind gegen den Code geprüft. Beispiele und Erläuterungen werden noch ergänzt.

Wozu

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.

Wie der nachgeladene Inhalt erscheint, steht unter Theme → Einstellungen → PageSpeed → Dynamic Content:

Der Abschnitt Dynamic Content im Reiter PageSpeed

Zwei Felder: ob der Inhalt eingeblendet wird und über welche Dauer in Millisekunden. Das Ladesymbol selbst kommt aus Allgemein → AJAX — siehe Theme-Optionen.

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.