# Dokumentation: Lectures-Kartenblock (Fancoolo)

**Erstellt:** 2026-04-29
**Aufgabe:** H1 auf H3 aendern im Card-Symbol fuer Lecture-Titel auf dfatt.de/schulungen/

—

## Recherche-Ergebnisse

### Seite
– **URL:** https://dfatt.de/schulungen/
– **Block-Klasse im DOM:** wp-block-fancoolo-lectures
– **Theme:** dfatt (Author: Florian Schommertz, Version 1.0.1)
– **Plugin:** FanCoolo WP v1.3.0 (Pfad: /wp-content/plugins/fancoolo/)

### DOM-Analyse (vor der Aenderung)
Lecture-Titel im Browser-DOM hatten diese Struktur:

tag: H1 (nicht H2 wie urspruenglich vermutet)
class: „text-xl hyphens“
context: eingebettet in article.contents > div.has-corner-clipped > div.flex > div.p-lg

### Template-Lokation

Das Rendering erfolgt zweistufig:
1. Der Lectures-Block holt die Daten und iteriert
2. Das Card-Symbol rendert die einzelne Card

| Komponente | Typ | ID in Fancoolo | Pfad im Editor |
|—|—|—|—|
| Lectures | Block | 1589 | WP Admin > FanCoolo WP > Editor > Blocks > Lectures |
| Card | Symbol | 64 | WP Admin > FanCoolo WP > Editor > Symbols > Card |

### Lectures-Block (ID 1589) – NICHT GEAENDERT
– Holt Lecture-Daten aus der Datenbank
– Iteriert ueber Lectures und ruft das Card-Symbol auf
– Template liegt in der WordPress-Datenbank (Fancoolo Custom Post Type)
– Bearbeitbar unter: WP Admin > FanCoolo WP > Editor > Blocks > Lectures
– Kein H1/H3 direkt im Template – Headline-Rendering erfolgt im Card-Symbol

### Card-Symbol (ID 64) – GEAENDERTE KOMPONENTE
– Rendert eine einzelne Card mit: Teaser-Bild, Kategorie, Headline, Textarea, Arrow
– Parameter u.a.: $headline, $headline_size, $attachment_id, $haspx, $href
– Template liegt in der WordPress-Datenbank
– Bearbeitbar unter: WP Admin > FanCoolo WP > Editor > Symbols > Card

—

## Durchgefuehrte Aenderung

### Datei/Ort
**FanCoolo Symbol „Card“ (ID 64)**
Editor: https://dfatt.de/wp-admin/admin.php?page=fancoolo-app#/?id=64

### Code-Aenderung
**Zeilen 146-148 im Card-Symbol-Template:**

VORHER:
<h1 class=“text-xl hyphens“>
<?php echo esc_html( $headline ); ?>
</h1>

NACHHER:
<h3 class=“text-xl hyphens“>
<?php echo esc_html( $headline ); ?>
</h3>

### Gespeichert via
FanCoolo Editor > Save-Button (obere Toolbar)
Datum: 2026-04-29

—

## Hinweise und Nebenwirkungen

– Die CSS-Klasse text-xl bleibt erhalten – die visuelle Groesse der Schrift aendert sich NICHT
– Es verbessert sich nur die semantische HTML-Hierarchie
– Korrekte Ueberschriften-Hierarchie: H2 „Schulungen“ > H3 Card-Titel
– Das Card-Symbol wird potenziell auch in anderen Bloecken genutzt (Generic Card, Three Teaser from Lectures etc.)
Pruefe ob diese Aenderung dort gewuenscht ist oder ein separates Symbol benoetigt wird.

—

## Verifikation

Nach der Aenderung: DOM-Check auf https://dfatt.de/schulungen/ bestaetigte:
tag: H3 (geaendert)
class: „text-xl hyphens“ (unveraendert)
Beispiel-Text: „Das ABC der Feuerschutzabschluesse und Feststellanlagen“