Academy · Anleitungen
So bedienst, editierst und erweiterst du die Website
Acht kurze Lektionen mit Bildern – vom ersten Klick im Editor bis zu Events, Webinaren und dynamischen Bausteinen. Kein Vorwissen nötig.
Überblick
Die Lektionen
Spring direkt zur passenden Lektion – oder arbeite sie der Reihe nach durch.
Lektion 1 · Grundlagen
1 · Der Block-Editor
Jede Seite wird im Block-Editor bearbeitet. Oben die Werkzeugleiste mit dem + zum Einfügen, in der Mitte der Inhalt, rechts die Seiten-Einstellungen.
- Im WP-Admin links auf Seiten → gewünschte Seite Bearbeiten (oder Erstellen).
- Oben den Seitentitel eintippen.
- Einen Block anklicken, um ihn zu bearbeiten; die kleine Werkzeugleiste erscheint darüber.
- Links oben das + öffnet die Auswahl für neue Blöcke und Patterns.
- Mit Entwurf speichern sichern, mit Veröffentlichen live schalten.
Tipp: Oben rechts gibt es Rückgängig (Pfeil nach links) – Fehler sind also nie endgültig.
Lektion 2 · Bausteine
2 · Module einfügen (Patterns)
Die fertigen, markenkonformen Module heissen Patterns. Einfügen, Texte/Bilder austauschen – das Styling bleibt automatisch on-brand.
- Auf das + klicken und den Reiter Patterns öffnen.
- Eine Kategorie „Umantis …» wählen (Hero, Feature, Karten, CTA, Social Proof …).
- Das gewünschte Modul anklicken – es landet auf der Seite.
- Texte, Bilder und Links direkt anklicken und ersetzen.
- Reihenfolge per Drag & Drop (oder Pfeile in der Werkzeugleiste) ändern.
Tipp: Eine vollständige, klickbare Übersicht aller Bausteine findest du auf der Seite Elements.
Lektion 3 · Veröffentlichen
3 · Veröffentlichen & SEO
Rechts steuerst du, wie die Seite erscheint: Sichtbarkeit, Adresse (Permalink), Beitragsbild und SEO.
- Rechte Spalte auf den Reiter Seite stellen.
- Status & Sichtbarkeit prüfen (öffentlich / privat / passwortgeschützt).
- Permalink (Web-Adresse) lesbar setzen.
- Beitragsbild festlegen (wird in Teasern und beim Teilen genutzt).
- SEO (Yoast): Titel und Meta-Beschreibung ausfüllen.
- Veröffentlichen klicken.
Tipp: Vor jedem Veröffentlichen kurz prüfen: Titel · Beitragsbild · richtige Kategorie · Permalink · SEO-Titel & -Text.
Lektion 4 · Seiten
4 · Produkte, Lösungen & Über uns
Inhaltsseiten (Produkte, Lösungen, Unternehmen) werden frei aus den Modulen gebaut. Bewährt ist der typische Modulseiten-Aufbau.
- Seiten → Erstellen, Titel eintippen.
- Dunkler Hero als Auftakt (Modul „Produkt-Hero» oder „Hero mit CTA»).
- Abwechselnde Feature-Sektionen mit Screenshot + Nutzen (Modul „Produkt-Feature»).
- Social Proof: Zitate, Logos, Auszeichnungen.
- Abschluss mit einem CTA-Banner.
- Aus „Layout & Struktur» Abstände und Spalten für saubere Zwischenräume.
Tipp: Bewährte Reihenfolge: Hero → Trust-Leiste → Feature-Karten → Social Proof → CTA. Alle Module: Element-Bibliothek.
Benötigte Assets: Hero-Bild (JPG, min. 1600×1100 px), Screenshots (PNG, ~1400×900 px @2x), Kundenlogos (SVG/PNG transparent). Alle Spezifikationen →
Lektion 5 · Events
5 · Ein Event anlegen
Events sind Beiträge in der Kategorie „events». Karte, Countdown und Detailseite entstehen automatisch aus den Feldern.
- Beiträge → Erstellen. Titel = Eventname.
- Rechts unter Kategorien das Häkchen bei „events» setzen.
- Beitragsbild festlegen (Querformat, ca. 16:10).
- In der Box „Event-Details · Umantis» den Typ wählen (Messe, Kongress, Networking).
- Datum als
JJJJ-MM-TT, Uhrzeit, Ort / Stadt / Land eintragen. - Thema, Speaker und CTA ergänzen, dann Veröffentlichen → erscheint auf
/events/mit automatischem Countdown.
Tipp: Datum immer als JJJJ-MM-TT (z. B. 2026-09-15). Der Countdown blendet sich nach dem Termin automatisch aus.
Benötigte Assets: Beitragsbild: JPG, 1600×1000 px (16:10), Querformat – ruhige Bildmitte. Alle Spezifikationen →
Lektion 6 · Webinare
6 · Ein Webinar anlegen
Wie ein Event – nur mit der Kategorie „webinare» und dem Typ „Webinar».
- Beiträge → Erstellen. Titel = Webinar-Titel.
- Kategorie „webinare» anhaken.
- Typ auf „Webinar / Online-Event» stellen – damit erscheinen die Webinar-Felder.
- Plattform (Zoom, Teams …), Dauer, Sprache, Anmelde-URL und Zielgruppe eintragen.
- Datum & Uhrzeit setzen (für den Countdown „Webinar beginnt in …»).
- Beitragsbild + Veröffentlichen → erscheint auf
/webinare/.
Tipp: Nach dem Webinar die Aufzeichnung-URL nachtragen – es wird dann automatisch als On-Demand angeboten.
Benötigte Assets: Beitragsbild: JPG, 1600×1000 px (16:10); nach dem Webinar die Aufzeichnungs-URL. Alle Spezifikationen →
Lektion 7 · News
7 · Einen News-Beitrag anlegen
Normale redaktionelle Beiträge – sie erscheinen unter „News».
- Beiträge → Erstellen. Titel eintippen.
- Eine inhaltliche Kategorie wählen (z. B. „news») – nicht „events» oder „webinare».
- Beitragsbild setzen, Text schreiben; bei Bedarf Module einfügen.
- Autor, Permalink und SEO prüfen, dann Veröffentlichen → erscheint unter
/news/.
Benötigte Assets: Beitragsbild: JPG, 1600×1000 px (16:10). Alle Spezifikationen →
Lektion 8 · Dynamisch
8 · Dynamische Bausteine (Shortcodes)
Funktionale Bausteine wie Countdown, Veranstaltungsliste, Glossar, Logo-Band, Video oder Formular werden per Shortcode eingefügt.
- Block + → „Shortcode» einfügen.
- Den passenden Shortcode aus „Sonstige Elemente» kopieren (z. B.
Countdown erscheint, sobald ein künftiges Datum gesetzt ist (Format
JJJJ-MM-TT). - In den Shortcode-Block einsetzen und die Werte anpassen (Datum, Video-ID …).
- Vorschau ansehen, dann veröffentlichen.
Tipp: Alle Shortcodes mit Live-Vorschau und Copy-Code: Sonstige Elemente.
Referenz
Asset-Spezifikationen
Welche Dateien und Textlängen für die Bausteine gelten – damit Bilder scharf, schnell und einheitlich sind. Grundregel: Bilder immer in die Mediathek laden (kein Hotlink von fremden Seiten), web-optimiert (komprimiert), und Fotos als JPG, Logos/Icons als SVG oder transparentes PNG.
Bild- & Datei-Assets
| Asset | Verwendung | Format | Dimension / Auflösung | Max. Grösse | Hinweis |
|---|---|---|---|---|---|
| Beitragsbild (Seite/News) | Teaser, Social, Seitenkopf | JPG (Foto) · PNG | 1600×1000 px (16:10), min. 1200×750 | ~300–500 KB | Querformat; immer in die Mediathek (kein Hotlink) |
| Beitragsbild (Event/Webinar) | Event-Karte + Detailseite | JPG | 1600×1000 px (16:10) | ~400 KB | Motiv links/mittig (rechts wird überlagert) |
| Hero-Bild (Modulseite) | Produkt-Hero rechts | JPG | min. 1600×1100 px | ~500 KB | wird rechts angeschnitten; ruhige Bildmitte |
| Screenshot | Produkt-Feature-Sektion | PNG (UI) · JPG | ~1400×900 px (@2x) | ~400 KB | scharfe UI, einheitlicher Zoom |
| Kundenlogo (hell) | Logo-/Trust-Leiste hell | SVG (bevorzugt) · PNG transparent | SVG frei · PNG ≥ 240×80 px (@2x) | < 40 KB | transparenter Hintergrund |
| Kundenlogo (negativ/weiss) | dunkle Trust-Leiste, ABM | SVG · PNG transparent (weiss) | wie oben | < 40 KB | weisse Version für dunklen Grund |
| Marquee-Logos | laufendes Logo-Band | PNG transparent · SVG | Darstellung 38 px hoch → ≥ 200×80 px (@2x) | < 30 KB | optisch einheitliche Grösse |
| Award-/Badge-Bild | Auszeichnungen-Grid | PNG transparent · SVG | ~128×128 px (Darstellung 64 px) | < 40 KB | quadratisch |
| Ansprechpartner-Foto | Personen-/Kontakt-Karten | JPG | 400×400 px (1:1) | ~120 KB | wird rund beschnitten; Gesicht zentriert |
| Sales-Unterschrift | ABM-Ansprechpartner | PNG transparent · SVG | ~150×46 px | < 20 KB | einfarbig/dunkel, transparent |
| Download / Factsheet | Download-Grid, Whitepaper | A4 | < 10 MB | sprechender Dateiname | |
| Video | Video-Block, Events | YouTube-ID · MP4 (H.264) | 16:9, 1080p | – | youtube-nocookie; MP4 web-optimiert |
| Social-/OG-Bild | Teilen (LinkedIn, Facebook, X) | JPG · PNG | 1200×630 px (1.91:1) | < 500 KB | Motiv mittig; sonst wird Beitragsbild genutzt |
| Favicon / Site-Icon | Browser-Tab | PNG | 512×512 px (1:1) | < 50 KB | bereits gesetzt |
| Icon | Feature-Icons | SVG | frei skalierbar | – | einfarbig, Markenfarbe via CSS |
Textlängen
| Element | Empfehlung | Max. Zeichen | Hinweis |
|---|---|---|---|
| Eyebrow / Kicker | 1–3 Wörter | ~30 | Versalien |
| Seitentitel (H1) | kurz, nutzenorientiert | ~60 | 1–2 Zeilen |
| Lead / Untertitel | 1–2 Sätze | ~160 | |
| Section-Titel (H2) | knapp | ~60 | |
| Subsection (H3) | knapp | ~45 | |
| Card-/Feature-Titel | 2–4 Wörter | ~40 | |
| Card-Text | 1–2 Sätze | ~140 | |
| Button / CTA | 1–3 Wörter | ~24 | aktiv formulieren |
| Checklisten-Punkt | Stichwort/kurz | ~60 | |
| SEO-Titel | inkl. Marke | ~60 | sonst in Google abgeschnitten |
| Meta-Description | 1–2 Sätze | ~155 | sonst abgeschnitten |
| Event-/Webinar-Titel | prägnant | ~70 | |
| FAQ-Frage | 1 Frage | ~80 | |
| FAQ-Antwort | 1–3 Sätze | ~280 |
Tipp: Pro Seitentyp stehen die wichtigsten Assets auch direkt bei der jeweiligen Lektion oben („Benötigte Assets»).
Hinweis zu den Bildern
Die Abbildungen sind on-brand Beispiel-Ansichten des Editors. Jede ist ein normales, editierbares Bild – du kannst sie jederzeit durch einen echten Screenshot aus deinem Backend ersetzen (Bild anklicken → Ersetzen). Weiterführend: Elements & Sonstige Elemente.