Schnelleinstieg FAU Events

Startseite mit FAU Events Theme

Diese Anleitung führt Sie durch die Einrichtung einer CMS-Instanz mit dem FAU Events Theme.

Eine Instanz beantragen

Falls Sie bereits ein Hosting-Paket bei uns beantragt haben, überspringen Sie diesen Abschnitt.

1 Das richtige Angebot wählen

Vergleich CMS und Webspace

Überlegen Sie sich zunächst genau, was Sie brauchen und wollen.

Für welche Zielgruppe soll der Webauftritt sein? Welche Zusatzfunktionen soll er bieten? In welchen Sprachen sollen die Inhalte angeboten werden? Wer soll die Inhalte einstellen usw.?
Falls Sie bereits hier mehr Fragen als Antworten haben, vereinbaren Sie doch einfach einen Beratungstermin mit uns.

Übersicht Webangebot des RRZE

2 Ansprechpartner festlegen

Wer sorgt für die Erstellung und Pflege Ihrer Webseite?

Sie benötigen dafür eine Person, die technisch erfahren ist und Webmaster werden kann. Diese Person ist für die technische Betreuung und Pflege des Webauftritts verantwortlich (beispielsweise das Einspielen und Erstellen neuer Seiten oder das Einbinden von Bildern und Filmen). Der Webmaster ist der technische Ansprechpartner für den Webauftritt.

Außerdem ist für die Einrichtung eines Webauftritts noch ein Verantwortlicher im Sinne des Presserechts notwendig. Hierbei handelt es sich in der Regel um den Leiter der jeweiligen Einrichtung. Bei Lehrstühlen nimmt diese Rolle aus rechtlichen Gründen immer der Lehrstuhlinhaber ein.
Der Verantwortliche im Sinne des Presserechts trägt die rechtliche Verantwortung und Aufsichtspflicht für den Webauftritt. Dies gilt übrigens auch dann, wenn ohne Wissen des Verantwortlichen Inhalte eingespielt werden.

Diese beiden Personen müssen grundsätzlich auch im öffentlichen Impressum des Webauftritts namentlich und zusätzlich zur Angabe mit digitalen Kontaktinformationen genannt werden.

3 Der passende Domainname

Beachten Sie dabei unbedingt die Regeln für Domainnamen. Bei der Nutzung des Wikidienstes endet die Domain auf .wiki.fau.de. Webauftritte innerhalb des Blogdienstes liegen stets unter der Domain https://blogs.fau.de/, der gewählte Name wird angehängt.

4 Antrag ausfüllen und einsenden

Laden Sie sich den entsprechenden Antrag herunter und füllen diesen vollständig aus.

Antrag auf CMS-Instanz
Antrag auf Webspace

Senden Sie ihren Antrag anschließend an die Servicetheke des RRZE oder an das Webteam unter webmaster@fau.de

Erste Schritte und das Interface

1 LogIn und Interface

In diesem Abschnitt geht es um die Navigation im Backend-Bereich ihrer Website. Falls Sie mit Admin-Leiste, Customizer und Dashboard bereits vertraut sind können Sie diesen Abschnitt auch überspringen.

Auf Ihrer CMS-Seite anmelden

  1. Geben Sie Ihre Website-URL in Kombination ../wp-admin/ in die Adresszeile Ihres Browsers ein.

    Wenn die URL also www.musterseite.fau.de lautet, müssen Sie www.musterseite.fau.de/wp-admin/ in die Adresszeile des Browsers eintippen.

  2. Loggen Sie sich mithilfe Ihrer IdM-Kennung und dem zugehörigen IdM-Kennwort ein.
  3. Sie befinden Sich im Anschluss auf dem Dashboard Ihrer CMS-Instanz.

Admin-Leiste

Die Admin-Leiste erscheint in zwei Ausführungen. Einmal, wenn das Dashboard geöffnet ist und einmal, wenn Sie sich innerhalb der Seite bewegen.
Die Leiste ermöglicht ihnen das schnelle Erstellen und Editieren von Inhalten und den Zugriff auf das Dashboard.

Adminleiste im Dashboard
Adminleiste im Dashboard

Abkürzung zur Erstellung im Admin-Menü
Quickaccess-Menü zum Erstellen von Inhalten

Dashboard

Das Dashboard ist der Zugang zu allen wichtigen Funktionen auf ihrer WordPress-Instanz. Das Menü an der linken Seite ermöglicht ihnen den schnellen Zugriff auf alle fundamentale Funktionen, welche mithilfe der Plugins zusätzlich um Menüpunkte erweitert werden können.

Dashboard Übersichtstafel
Die wichtigsten Funktionen ihres Dashboards auf einem Blick.

Customizer

Der Customizer ermöglicht das schnelle Ändern der Theme-Einstellungen und Seiten-Informationen. Viele der dort auffindbaren Menüs sind auch über einen Shortcut von ihrem Dashboard aus erreichbar.

Am unteren Rand des Customizers können Sie die Ansicht zwischen PC, Tablet und Smartphone wechseln, so können Sie ihre Seite auf mobilen Endgeräten betrachten ohne die Seite erst auf einem Smartphone zu öffnen.

Customizer
Customizer
Responsive Vorschau im Customizer
Responsive Vorschau im Customizer

2 FAU Events als Theme einstellen

So legen Sie FAU Events als Design bzw. Theme für Ihre Seite fest:
  1. Öffnen Sie das Dashboard
  2. Navigieren Sie zu Design > Themes
  3. Wählen Sie “FAU Events”
  4. Bestätigen Sie die Auswahl durch den Button “Aktivieren”

3 Logo, Seitentitel und Website-Informationen

Screenshots der einzelnen Schritte

So definieren Sie das Seitenlogo, Seitentitel und Untertitel der Webseite:
    1. Navigieren Sie im Customizer (Button “Anpassen”) zu “Website-Informationen”
    2. Klicken Sie auf “Logo auswählen” und laden Sie ihr Logo in die Mediathek
    3. Wählen Sie das gewünschte Bild aus
    4. Vergeben Sie einen passenden Alternativtext unter “Anhang-Details > Alternativtext”
    1. Wählen Sie das Bild mithilfe des Buttons “Bild wählen” aus
    2. Wiederholen Sie die Schritte 2-5 für ein “Kleines Logo”
    3. Vergeben Sie einen Titel für die Website und einen geeigneten Untertitel
    4. Passen Sie Ausgabe und Seitentitel an die eigenen Bedürfnisse an
  1. Laden Sie ein Website-Icon (Favicon) für Ihre Seite hoch
  2. Falls der Button “Speichern” anzeigt: Drücken Sie auf das Zahnrad-Symbol
  3. Wechseln Sie die Aktion auf “Veröffentlichen”
  4. Veröffentlichen Sie Ihre Änderungen durch einen Klick auf “Veröffentlichen”

4 Eine vorläufige Startseite anlegen

Schritte zum Erstellen einer Startseite

Um alle Änderungen im Customizer sofort zu sehen, können Sie in diesem Schritt
eine Startseite anlegen und mit Blindtext füllen.

  1. Erstellen Sie eine neue Seite über die Admin-Leiste > +Neu > Seite
  2. Vergeben Sie einen Titel für Ihre Startseite. Idealerweise ist das der Titel der Veranstaltung / Konferenz oder Ihres Projekts. z.B. Musterkongress Erlangen
  3. Füllen Sie die Startseite mit Ihren Inhalten oder alternativ vorerst mit einem Blindtext, um Änderungen am Layout und Design zu verfolgen
  4. Veröffentlichen Sie die Seite mit dem Button “veröffentlichen”

5 Neue Startseite als Homepage festlegen

Falls der Punkt “Homepage-Einstellungen” nicht im Customizer angezeigt wird, kann die Einstellung alternativ über Dashboard | Einstellungen | Lesen | Homepage-Einstellungen gesetzt werden.

Schritte zum definieren der neuen Startseite

Damit die Startseite als Einstiegspunkt für die Webseite festgelegt wird, gehen Sie wie folgt vor:
  1. Navigieren Sie im Customizer (Button “Anpassen”) zu “Homepage-Einstellungen”
    Falls der Punkt “Homepage-Einstellungen” nicht im Customizer angezeigt wird, kann die Einstellung alternativ über Dashboard | Einstellungen | Lesen | Homepage-Einstellungen gesetzt werden.
  2. Wählen Sie Eine statische Seite aus
  3. Wählen Sie die erstellte Startseite als “Homepage” aus
  4. Deaktivieren Sie falls gewünscht den Seitentitel der Startseite
  5. Veröffentlichen Sie Ihre Änderungen durch einen Klick auf “Veröffentlichen”

6 Darstellung der Homepage im Customizer konfigurieren

Schritte zur Gestaltung der Headerbilder

So konfigurieren Sie das Design der Startseite:
    1. Navigieren Sie im Customizer (Button “Anpassen”) zu “Header-Bild”
    2. Laden Sie mit dem Button “Neues Bild hinzufügen” ein Header-Bild in die Mediathek
    3. Wählen Sie das entsprechende Bild aus
    4. Bestätigen Sie die Auswahl durch den Button “Auswählen und zuschneiden”
  1. Schneiden Sie das Bild zu, falls es noch nicht Idealmaße besitzt
  2. Experimentieren Sie mit Header Bild Stil und den weiteren Parametern
  3. Konfigurieren Sie den “Feststehenden Header” nach Ihren Anforderungen
  4. Veröffentlichen Sie Ihre Änderungen im Customizer mit dem Button “Veröffentlichen”

7 Die Fußzeile (Footer) im Customizer konfigurieren

Schritte zur Konfiguration des Footers

So gestalten Sie die Fußzeile und den Call-to-Action Button:
  1. Navigieren Sie im Customizer (Button “Anpassen”) zu “Theme Optionen”
  2. Theme-Optionen > Footer
  3. Konfigurieren Sie die Texte im Footer und Veröffentlichen Sie Ihre Änderungen

Die Footer-Menüs werden in einem späteren Teil konfiguriert

8 Rechtliche Pflichttexte ergänzen

Konfiguration der rechtlichen Pflichttexte

Bevor wir zu den inhaltlichen Punkten übergehen, sollten Sie Barrierefreiheitserklärung, Datenschutz und Impressum mithilfe des RRZE ToS-Plugins konfigurieren:
    1. Navigieren Sie im Dashboard zum Punkt “Plugins”
    2. Aktivieren Sie das Plugin RRZE TOS
    3. Navigieren Sie zum Punkt “Einstellungen > Rechtliche Pflichtangaben”
    4. Füllen Sie die Angaben für das Impressum aus
  1. Bestätigen Sie die Angaben durch den Button speichern
  2. Wiederholen Sie die Schritte 4 und 5 für Datenschutz & Barrierefreiheitserklärung
  3. Navigieren Sie zu “Design > Menüs”
  4. Öffnen Sie das Menü “rrze-tos-menu”
  5. Wählen Sie eine Footer-Position für das Menü aus und vergeben Sie ggf. einen neuen Namen für das Menü

Zur Anleitung

9 Hauptmenü konfigurieren

Schritte zum Anlegen neuer Menüs

Im Bereich Menüs können Sie später auch neue Menüpunkte zum Hauptmenü hinzufügen

    1. Navigieren Sie zu “Design > Menüs”
    2. Öffnen Sie das Menü “Hauptmenü”, oder erstellen Sie ein neues Menü mit dem Namen “Hauptmenü”
    3. Wählen Sie für das neu erstellte Menü die Position Hauptmenü aus
    4. Falls Sie bereits Inhalte besitzen, können Sie diese über Zum Menü hinzufügen einfügen
  1. Speichern Sie das neu angelegte Menü mit dem Button “Menü speichern”
  2. Das Hauptmenü wird ab sofort auf den Seiten ausgegeben

10 Weitere Unterseiten anlegen

  1. Über + Neu > Seite können neue Seiten angelegt werden.
  2. Gestalten Sie den Inhalt und veröffentlichen Sie die Seite
  3. Navigieren Sie im Dashboard zu Design > Menüs und fügen Sie den Menüpunkt zu Ihrem Hauptmenü hinzu

Sie können auch Beitragsseiten (für Nachrichten und Blogeinträge) anlegen.

  1. Über + Neu > Beitrag können neue Beiträge angelegt werden.
  2. Vergeben Sie eine Kategorie oder legen Sie eine neue Kategorie fest
  3. Gestalten Sie den Inhalt und veröffentlichen Sie den Beitrag
  4. Beiträge können z.B. mit dem Element Custom-News Shortcode ausgegeben werden.

11 Referenten als Speaker anlegen und ausgeben

Schritte zum Anlegen eines Referenten

    1. Navigieren Sie zu “+Neu > Referent”
    2. Vergeben Sie einen Namen als Titel und einen Beschreibungstext
    3. Füllen Sie die Beschreibungsfelder mit Informationen
    4. Legen Sie individuelle Felder fest, die auf der Ausgabeseite mit ausgegeben werden sollen
  1. Deaktivieren Sie die Kommentarfunktion
  2. Legen Sie ein Beitragsbild fest und veröffentlichen Sie Ihre Seite

Referenten und Speaker ausgeben

Shortcode [speaker]

… liefert alle Referenten mit Name, Bild und Teaser.

Filter

Die Filter id="...", category="..." und tag="..." funktionieren analog zu den Vortragsfiltern (s.o.).

Darstellung
  • format="list": Namensliste der Referenten

Mehr Informationen zu diesem Abschnitt finden Sie im Bereich FAU Events Referenten und Vorträge unserer WordPress Anleitungsseite.

12 Vorträge anlegen und ausgeben

Schritte zum anlegen eines Vortrags

    1. Navigieren Sie zu “+Neu > Vortrag”
    2. Vergeben Sie einen Vortragsnamen als Titel und einen Beschreibungstext
    3. Füllen Sie den Bereich “Vortragsinformationen” aus
    4. Legen Sie individuelle Felder fest, die zusätzlich auf der Ausgabeseite mit ausgegeben werden sollen
  1. Deaktivieren Sie die Kommentarfunktion
  2. Veröffentlichen Sie Ihren Vortrag

Vorträge ausgeben

Shortcode [talk]

… liefert alle Vorträge mit Titel, Referent, Zeit, Ort und kompletter Beschreibung.

Filter
  • number="...": Anzahl begrenzen. Standardmäßig werden 30 Einträge ausgegeben mit number="-1" erhalten Sie alle Einträge.
  • id="...": nur ein bestimmter Vortrag
  • category="...": nur Vorträge mit dieser Kategorie. Sie können auch mehrere Kategorien angeben, durch Komma getrennt (category="cat1, cat2, cat3"). In dem Fall werden nur Vorträge angezeigt, die alle geforderten Kategorien haben.
  • tag="...": nur Vorträge mit diesem Schlagwort bzw. diesen Schlagworten (Funktionsweise analog zu category).
  • date="...": nur Vorträge an einem bestimmten Datum. Format Jahr-Monat-Tag (Bsp.: date="2019-03-15")
Reihenfolge
  • orderby="...": Reihenfolge der angezeigten Vorträge. Sie können nach bis zu drei Feldern wahlweise auf- oder absteigend sortieren. Die Syntax dazu ist “Feld, Reihenfolge, Feld, Reihenfolge, Feld, Reihenfolge”. Für die Reihenfolge geben Sie “ASC” für aufsteigend, bzw. “DESC” für absteigend an.
    Beispiel: orderby="date, ASC, start, ASC, talk, ASC" sortiert die Vorträge nach Datum, dann nach Startzeit, dann nach Titel.
Darstellung
  • format="short": nur Titel und Referent, jeweils verlinkt
  • format="medium": Titel, Referent, Zeit, Ort, Teaser
  • format="table": tabellarische Darstellung, ideal für einen Zeitplan. Ergänzend dazu:
    colums="...": Mit columns steuern Sie sowohl die Auswahl als auch die Reihenfolge der Spalten. Folgende Felder (Spalten) stehen zur Auswahl:
    • date: Datum
    • start: Start-Uhrzeit
    • end: End-Uhrzeit
    • duration: Uhrzeit von/bis
    • location: Ort
    • talk:Titel des Vortrags
    • speaker: Name des/der Referenten
    • participants: max. Anzahl Teilnehmer
    • available: Anzahl verfügbarer Plätze
    • short: Kurzcode des Vortrags

Mehr Informationen zu diesem Abschnitt finden Sie im Bereich FAU Events Referenten und Vorträge unserer WordPress Anleitungsseite.