Gestaltung und Navigation

Den Text einer einzelnen Seite änderst du unter Seiten. Unter Design → Editor bearbeitest du Elemente, die auf mehreren Seiten vorkommen, etwa das Menü oder den Fußbereich. Eine Änderung dort kann die ganze Website betreffen.

Das Menü ändern

Öffne Design → Editor → Navigation. „Hauptmenü“ gehört zur deutschen, „Main menu“ zur englischen Website. Wähle das passende Menü aus.

Du kannst Links hinzufügen, ihre Beschriftung ändern und ihre Reihenfolge verschieben. Prüfe nach dem Speichern, ob die Links auf die gewünschten Seiten führen. Auf dem Handy öffnest du dafür das Menü auf der Website. Im Kopfbereich am Computer verteilen sich lange Menüs bei wenig Platz auf mehrere Zeilen.

Kopfbereich, Fußbereich und Artikelende

Die gemeinsamen Teile findest du unter Design → Editor → Vorlagenteile. Je nach WordPress-Version stehen die Vorlagenteile im Bereich „Vorlagen“ beziehungsweise „Patterns“.

Vorlagenteil	Was du darin bearbeitest
Kopfbereich	Logo, Menü und weitere Elemente oberhalb der Seiten.
Fußbereich	Kontakttext, Social-Media-Symbole sowie Links zu Impressum und Datenschutz.
Artikelende	Kurzprofil, Kommentare und ähnliche Beiträge unter einem Artikel. Bei Pressemitteilungen erscheint stattdessen „Kontakt für Nachfragen“.

Für Englisch gibt es jeweils eigene Teile mit „English“ im Namen. Texte und selbst eingefügte Social-Links bearbeitest du in der passenden Sprachfassung.

Die Social-Icons der mitgelieferten Vorlagen übernehmen die Konten aus Genossi CMS → Social Media. Selbst angelegte Social-Links ändern sich darüber nicht. Klicke bei diesen den jeweiligen Block „Social Icons“ an und bearbeite seine Links direkt.

Unter Templates änderst du den gemeinsamen Aufbau von Seiten, Einzelbeiträgen und Archiven. Dort legst du beispielsweise fest, wo Datum und Lesezeit erscheinen. Für eine reine Textänderung auf einer Seite brauchst du diesen Bereich nicht.

Falls ein geänderter Vorlagenteil nicht mehr passt, gibt es im Menü mit den drei Punkten „Anpassungen zurücksetzen“. Dabei gehen die eigenen Änderungen dieses Teils verloren. Sichere vorher Texte, die du behalten möchtest.

Überschriften gestalten

Wähle die Überschrift aus und öffne rechts „Stile“. Neben der normalen Darstellung gibt es diese Varianten:

Stil	Aussehen und Verwendung
Sticker (Die Linke hilft)	Weiße Schrift mit violettem Rand und schräger Stellung.
Weiß ohne Kontur	Weiße Schrift ohne Rand und Schrägstellung, für farbige Hintergründe.
Rot mit Keil	Rote Schrift mit einem nach rechts schmaler werdenden Keil.
Schwarz mit Keil	Schwarze Schrift mit demselben Keil.

Schriftgröße und Überschriftenebene bleiben erhalten. Auf roten und dunklen Flächen werden Schrift und Keil weiß. Eine selbst gewählte Textfarbe gilt für beide. Bei langen Überschriften rutscht der Keil unter den Text.

Nutze im Inhalt die Überschriftenebene 2, im Editor H2, für die Hauptabschnitte. Unterabschnitte bekommen Ebene 3, also H3. Der Seiten- oder Beitragstitel ist bereits die oberste Überschrift. Die Größe der Schrift wählst du unabhängig davon.

Themenkarten ändern

Die Fotokarten mit rotem Etikett und weißer Überschrift sind Cover-Blöcke im Stil „Themenkarte“. Die ganze Karte führt zu einem Link. Auf der Startseite stehen sie etwa unter „Dafür kämpfe ich“.

Klicke in die Karte und ändere Etikett und Überschrift. Eine kurze Überschrift mit zwei oder drei Zeilen passt am besten.
Wähle über „Ersetzen“ ein anderes Foto.
Wähle die ganze Karte aus, bei Bedarf über „Cover“ in der Listenansicht.
Öffne das Link-Symbol in der Werkzeugleiste oder rechts „Link der Karte“ und trage das Ziel ein.

Der Link gehört zur Karte. Du kannst die Überschrift später umschreiben, ohne ihn zu verlieren. Fehlt das Ziel, hebt der Editor das Link-Symbol hervor und zeigt rechts einen Hinweis. Mehr Karten erhältst du durch Duplizieren. Überzählige Karten löschst du. Das Raster passt sich an.

Einen Teaser mit Foto bearbeiten

Der Abschnitt „Mitglied werden“ auf der Startseite oder „Lad mich ein“ auf der Terminseite ist ein Block „Medien und Text“ im Stil „Teaser (Die Linke)“. Text und Knopf bearbeitest du direkt. Das Foto tauschst du über „Ersetzen“ aus. Rechts stellst du unter „Fokuspunkt“ ein, welcher Bildbereich sichtbar bleiben soll.

Du findest einen solchen Abschnitt auch über + → Vorlagen → Genossi. Setze die rote Variante möglichst nicht direkt unter eine andere rote Fläche. Sonst ist die Grenze der Abschnitte schwer zu erkennen.

Unter Genossi CMS → Gestaltung → Teaser „Mitmachen“ wählst du das Aussehen aller Teaser mit diesem Stil:

Gestaltung	Aussehen
Keil	Dunkle Textfläche mit schräger Kante über Rot.
Textbalken	Großes Foto mit roten Balken hinter der Überschrift. Auf Handy und Tablet steht das Foto oben.
Sticker	Schräge weiße Überschrift und Foto mit schräger Kante.
Duoton	Rot-weiß eingefärbtes Foto.
Hell	Hellgraue Fläche mit roter Linie und versetztem Rahmen um das Foto.

„Zweitfarbe“ bestimmt die zusätzliche Farbe neben Rot. Zur Wahl stehen Dunkelrot, Violett, Petrol und Schwarz. Texte, Knopf und Foto bleiben im jeweiligen Seitenabschnitt bearbeitbar.

Das Kurzprofil unter Beiträgen gestalten

Unter Genossi CMS → Gestaltung → Kurzprofil unter Beiträgen stellst du Foto und Aufbau des Kastens am Artikelende ein. Name, Beschreibung und Links bearbeitest du im Vorlagenteil „Artikelende“. Der Name folgt dem öffentlichen Anzeigenamen des jeweiligen Benutzerprofils.

Aufbau	Aussehen
Leiste	Foto links, Text daneben auf Hellgrau mit roter Linie.
Profilkarte	Großes Foto vor einem Keil, Text daneben auf dunkler Fläche.
Plakat	Foto auf der linken Seite, auf dem Handy oben. Daneben steht der Text auf dunkler Fläche.
Zentriert	Farbband mit Keil, Foto an dessen Kante, Text und Symbole mittig darunter.

Für Profilkarte, Plakat und Zentriert gibt es die Farbpaare Dunkelrot mit Rot, Petrol mit Türkis und Violett mit Rosa. Bei „Leiste“ bleibt das Farbfeld ausgeblendet. Ohne Foto haben Profilkarte und Plakat denselben Aufbau mit dem Keil unten rechts.

Wähle ein Foto aus der Mediathek und als Form „Quadratisch“, „Rund“ oder „Kein Foto“. Beim Plakat ist das Foto immer eckig. Ohne eigene Fotoauswahl kann eine bestehende Website das Pressefoto „Porträt mit Brille“ verwenden. Neue Websites bringen kein persönliches Foto mit.

Die Vorschauen auf der Einstellungsseite zeigen Änderungen sofort, auch für Handy und Englisch. Erst „Änderungen speichern“ übernimmt sie. Das Kurzprofil-Foto erscheint auf der Website, im Editor selbst ist es nicht zu sehen.