Redakteursschulung

Einstieg in das neue Vereins-CMS

Ein Leitfaden für Sektionsleiter & Redakteure

Die Vorteile des neuen Systems

Technischer Sprung

100% Responsiv: Endlich perfekte Darstellung auf Smartphones.
Kein Code nötig: Modernes “Drag-and-Drop” Baukasten-System (WPBakery).
Zentrale Wartung: Sicherheit & Updates direkt durch die Bundesführung.

Inhaltliche Power

SUVW-Schnittstelle: Trainingsangebote kommen vollautomatisch in den Kalender.
Digitale Formulare: Anmeldung für Camps oder Mitgliedschaft direkt via Website.
Marken-CI: Einheitlicher, hochprofessioneller, österreichweiter Look.

Die vier großen Inhalts-Säulen

In WordPress unterscheiden wir nach Einsatzzweck:

1. Seiten

Langfristige Basisinfos. Sektions-Startseite, Leitbild, Kontakt, Geschichte. Selten geändert.

2. News

Das Tagebuch. Matchberichte, Ankündigungen, Erfolge. (Chronologisch sortiert).

3. M.E. Calendar

Veranstaltungen. Weihnatsfeier, Turniere, Ausfahrten. Mit Datum & Startzeit im Kalender.

4. Formulare

Datensammlung: Mitgliedschaft oder Kurs-Anmeldungen. Per GravityForms.

WPBakery: Die 3 Editor-Modi

Welchen Editor soll ich beim Bearbeiten einer Seite verwenden?

1. Classic Mode: Nur für absolut simple, unformatierte Texte (ohne Farben/Raster). Ähnelt dem alten Word-Format. Zu vermeiden für Startseiten!
2. Backend Editor: Für Strukturliebhaber. Man sieht graue Boxen (Zeilen/Spalten/Elemente). Perfekt, um das Gerüst der Elemente im “Maschinenraum” zu sortieren.
3. Frontend Editor (Die Lösung!): Die absolute Empfehlung für Redakteure. Du siehst das echte Layout deiner Seite live (Live-Vorschau) und kannst fast wie in Word direkt reinklicken und Texte überschreiben.

Der Seitenbau (WPBakery Boxen)

Seiten bestehen immer aus Zeilen (horizontal), die wiederum in Spalten (z.B. ½ + ½) unterteilt sind. Darein ziehst du einfach deine Elemente:

Textbereich: Für Überschriften, Fließtext, Tabellen.
Leerer Bereich: Der wichtigste Abstandshalter! Verhindert, dass alles klebt.
Tabs / Akkordeon: Versteckt lange Texte übersichtlich hinter Klick-Reitern.

HTML & PDFs (Geheimtipp!)

Im Text-Editor kannst du rechts oben auf “Text” (Quelltext) umschalten.

Dort kannst du HTML wie <iframe> für YouTube oder folgendes einfügen, um PDFs direkt einzubetten:

<object data="pfad.pdf" type="application/pdf" width="100%" height="500"></object>

Die Mediathek (Das Archiv)

Die Mediathek ist das zentrale Archiv deiner Website. Hier liegen alle visuellen Elemente und Dateien zum Download.

Bilder: Logos, Fotos von Spielen, Hintergrundbilder (JPG, PNG).
Dokumente: PDFs (Ausschreibungen, Nennformulare), Word-Dokumente.
Zentraler Zugriff: Du erreichst sie links im Menü unter Medien.

Wichtig: Nur eigene Bilder!

Lade niemals fremde Bilder aus der Google-Suche hoch. Nutze nur selbst geschossene Fotos oder Bilder, bei denen du das Urheberrecht hast. Verstöße können extrem teuer werden!

Dateien richtig hochladen

Es gibt zwei Wege, neue Bilder oder PDFs ins System zu bringen:

Der Upload

Weg 1 (Drag & Drop): Ziehe die Dateien direkt von deinem PC in das Browserfenster der Mediathek.
Weg 2 (Knopf): Klicke oben auf Datei hinzufügen und wähle die Dateien aus.

Tipp: Metadaten pflegen!

Klicke nach dem Upload auf ein Bild und fülle rechts die Infos aus:

Alternativer Text: Was sieht man? Wichtig für Suchmaschinen (Google) und Sehbehinderte.
Copyright / Beschriftung: Wer hat das Foto gemacht? (z.B. © Hans Müller)

Pixel-Diät: Bilder verkleinern!

Handy-Fotos sind oft riesig (über 5 Megabyte und 4000×3000 Pixel). Lädst du 10 solcher Bilder hoch, bringt das die Website auf Handys deiner Besucher zum Absturz!

Die goldene Regel: Ein Bild muss auf der Website niemals breiter als 1200 Pixel sein.
Vorher verkleinern: Nutze am PC kleine Tools (z.B. Paint) oder Apps vorm Upload, um Bilder kleiner zu machen.

Notfall-Schnitt in WP

Falls ein riesiges Bild schon hochgeladen wurde: Klicke in der Mediathek auf das Bild → Bild bearbeiten. Hier kannst du das Bild zuschneiden (z.B. ins Format 2:1 für News) und über “Bild skalieren” direkt im Browser verkleinern.

Pro-Tipp: Ordner (FileBird)

Die Mediathek wird ohne Struktur schnell chaotisch. Die Lösung: Ordner!

1. Ordner anlegen

Wir nutzen ein Plugin dafür. Du siehst links in der Mediathek einen Ordner-Baum. Lege dort z.B. Saison 2025/26 → Trainingslager an und schiebe deine Bilder hinein.

2. Galerie-Zauberei

Baust du mit WPBakery eine externe Fotogalerie (Element: Medien-Kacheln), musst du nun nicht 50 Bilder einzeln markieren. Wähle einfach den Ordner als Quelle aus! Das System baut dir sofort eine saubere Bilderwand.

News verfassen (Aktuelles)

Der Newsbereich ist das Aushängeschild der aktiven Sektion.

Der größte Anfängerfehler: Vergessen, in der rechten Leiste die korrekte Kategorie anzuhaken! Sonst landet eure News irgendwo, nur nicht auf eurer Sektionsseite.

Die Checklist für perfekte News:

Spannender Titel
Einleitungssatz fett formatieren (Teaser).
Lange Texte mit “Überschrift 3” gliedern.
Rechts zwingend: Kategorie deiner Sektion!
Rechts zwingend: Beitragsbild im 2:1 Format einpflegen.

Texte aus Word kopieren

Oft schreiben wir Berichte zuerst bequem in Microsoft Word. Doch beim rüberkopieren droht Gefahr!

Das Problem (Die Formatierungs-Falle)

Kopierst du einen Text einfach mit Strg+C / Strg+V aus Word direkt in WordPress, kopierst du unsichtbaren Microsoft-Code (falsche Schriftarten, fremde Abstände) mit! Das zerschießt das saubere Layout der gesamten Website.

Die Lösung: “Als Text einfügen”

Damit der Text sauber im System ankommt, nutzen wir einen simplen Trick:

Der “Plain Text” Trick

Text in Word ganz normal kopieren (Strg+C).
Ins WordPress-Textfeld klicken.
WICHTIG: Anstatt normal einzufügen, benutze den Shortcut Strg + Shift + V (bzw. Cmd + Shift + V am Mac).

Dadurch wird strikt nur der reine Text eingefügt! Alle bösartigen Word-Formatierungen werden automatisch gelöscht. Alternativ gibt es auch einen “Als Text einfügen” Button mit einem unscheinbaren “T”-Symbol im Editor.

Beispiel: Von Word auf die Website

1. Rohbau einwerfen

Wir fügen den Word-Bericht mit Strg+Shift+V in den Text-Editorblock ein. Alles ist nun im reinen Sportunion-Standard Layout, aber eben noch ein völlig flacher, unstrukturierter Blindtext.

2. Redigieren in WP

Nun formatieren wir ihn neu im Frontend Editor: Eine Teilüberschrift markieren wir und wählen oben “Überschrift 3”. Spannende Sätze machen wir im gleichen Atemzug mit dem Button Fett (das dicke B).

3. Auflockern

Als letzten Schritt setzen wir den Cursor an die passenden Stellen, drücken Enter, und fügen über den Button Dateien hinzufügen lokale Bilder zwischen unsere Absätze ein.

GravityForms: Formulare

Die Zeit der Zettelwirtschaft ist vorbei. Formulare sind jetzt digital.

1. Formular bauen

Per simplem Drag & Drop ziehst du Textfelder, Checkboxen oder Datumsfelder (für Geburtsdatum) herein. Sportunion Österreich bietet hier bereits perfekte Vorlagen!

2. E-Mails & Export

Unter Einstellungen -> Benachrichtigungen stellst du ein, wer ein Info-Mail bei Neuanmeldungen kriegt.

Unter dem Tab Einträge ziehst du dir dann kurz vor dem Trainingslager die fertige Liste als Excel heraus.

Pro-Tipps (Für Ambitionierte)

Nutze die volle Power des Systems mit diesen Kniffen:

Zeitmaschine (Revisionen)

Seite zerschossen? Kein Problem! Klicke beim Bearbeiten einer Seite rechts im Kasten “Veröffentlichen” auf “Revisionen”. Dort kannst du jeden alten Speicherstand mit einem Klick wiederherstellen.

Das Menü verwalten

Wenn du eine neue Seite erstellst, taucht sie nicht magisch in der Navigation auf. Gehe links im Admin-Panel auf Design → Menüs (bzw. Navigationsmenüs), wähle links deine Seite aus und klicke auf “Zum Menü hinzufügen”.

Ankerlinks (Sprungmarken)

Willst du, dass ein Klick direkt zu einem bestimmten Textbereich weiter unten scrollt? Setze im Text-Editor über Einfügen > Anker eine ID (z.B. “preise”). Verlinke dann einen Text einfach auf #preise.

Hilfe, ich stehe an!

Jeder fängt mal klein an. Wenn etwas absolut nicht klappen will:

1. Interner Support (Johannes)

Kontaktiert mich jederzeit gerne direkt, bevor ihr euch grün und blau ärgert. Meistens ist es nur ein falscher Klick!

E-Mail: johannes.gebert@gmail.com
Telefon: 0676 612 92 11

2. Verbands-Wissen

Wenn auch ich nicht mehr weiter weiß, habe ich einen direkten Draht zum Support der SPORTUNION.

Tipp für Neugierige: Die Union stellt unzählige Detailanleitungen & Erklärvideos bereit!