Inhalte einbauen: Elementor, Shortcodes und Gutenberg

Easy Club Seitenaufbau ab Version 3.4.190 Einsteiger

Easy Club speichert deine Vereinsdaten zentral. Damit Besucher sie sehen, baust du die Daten auf einer WordPress-Seite ein.

Einbau mit Elementor

  1. Öffne die gewünschte Seite.
  2. Klicke auf Mit Elementor bearbeiten.
  3. Suche in Elementor die Kategorie Easy Club.
  4. Ziehe das passende Widget auf die Seite.
  5. Stelle im Widget ein, was angezeigt werden soll.
  6. Passe das Design im Stil-Bereich des Widgets an.
  7. Speichere und prüfe die Seite im Frontend.

Easy Club Widgets in Elementor

Beispiel: Easy-Club-Widget in Elementor einfügen

Einbau mit Shortcode

Ein Shortcode ist ein kurzer Code in eckigen Klammern. Beispiel:

[easy_club_kalender]

So baust du ihn ein:

  1. Öffne die gewünschte WordPress-Seite.
  2. Füge einen Shortcode-Block oder Textbereich ein.
  3. Kopiere den Shortcode hinein.
  4. Speichere die Seite.
  5. Prüfe das Ergebnis im Frontend.

Beispiel: Shortcode in eine Seite einfügen

Einbau mit Gutenberg-Block

Easy-Club-Gutenberg-Blöcke sind in Version 3.4.190 noch nicht enthalten. Die Doku nennt sie trotzdem schon mit, weil das spätere Prinzip gleich bleibt:

  1. Seite im WordPress-Blockeditor öffnen.
  2. Easy-Club-Block auswählen.
  3. Einstellungen rechts anpassen.
  4. Seite speichern und prüfen.

Bis die Blöcke verfügbar sind, nutzt du Elementor-Widgets oder Shortcodes.

Wo finde ich die passende Ausgabe?

Öffne Easy Club → Einstellungen → Shortcodes & Widgets. Dort siehst du, welche Widgets und Shortcodes für die aktiven Module verfügbar sind.

Zentrale Widget-Referenz in Easy Club

Zentrale Shortcode-Referenz in Easy Club

Styling

Elementor: Design direkt im Widget einstellen.
Shortcode: Parameter nutzen, wenn der Shortcode sie anbietet, zum Beispiel layout, limit, show_image oder class.
Eigene CSS-Klasse: Viele Shortcodes unterstützen class. Beispiel:

[easy_club_blogbeitraege post_type="esv_angebot" class="meine-angebote"]

Danach kannst du im Theme oder Customizer eigenes CSS für .meine-angebote ergänzen.