• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Suche öffnen
  • RRZE
  • Videoportal
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
    • CMS-Dienstleistung
    • Konzeption einer Website
    • Login und Navigation im Backend
    • Benutzer anlegen und bearbeiten
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Sidebar
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
    • Menüs
    • Widgetbereiche und Widgets
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Block-Editor
    • Was ist der Block-Editor?
    • Hauptelemente des Editors
      • Die obere Editorleiste
      • Das Inserter Fenster
      • Der Inhaltsbereich
      • Das Einstellungsfenster
    • Der Block
      • Block-Typen
      • Die Block-Werkzeugleiste
      • Einen Block hinzufügen
      • Die Listenansicht
    • Block-Funktionen
      • Text und Bild verlinken
      • Blöcke gruppieren
      • Anker-Links (Sprungmarken)
      • Block-Vorlagen erstellen
      • Bild in Tabellenblock einfügen
      • Spalten einfügen
    • Umstellung auf den Block-Editor
    • FAQ Block-Editor
    Portal Der Block-Editor
  • Plugins
    • Plugins aktivieren
    • Portale
      • Mein Studium
      • Jobs
      • Lehrveranstaltungen (Lectures)
      • CRIS
    • Inhaltliche Erweiterung
      • RRZE FAUdir (Kontakte)
      • RRZE Bluesky
      • Elements Blocks
      • Elements (Gestaltung)
      • Multilang (mehrsprachige Seiten)
      • FAQ
      • Video
      • FAU oEmbed
      • Typesettings (Code Highlighter)
      • Glossary
      • Person (Kontakte)
      • Advanced Editor Tools
    • Funktionale Erweiterung
      • Downloads
      • Post-Expiration (Verfallsdatum Beiträge)
      • Calendar
      • Expo
      • RSVP (Buchungssystem)
      • WS Form (Formulare erstellen)
      • Contact Form 7
      • RRZE Events
    • SEO & Marketing
      • Autoshare
      • RSS Feed
      • RRZE Newsletter
      • The SEO Framework
      • QR-Code Generator
      • Statistik
      • Siteimprove
    • Benutzer- und Zugriffsverwaltung
      • Workflow (Rollen & Module verwalten)
      • Access Control
      • Private Site
    • Sicherheit & Datenschutz
      • Legal (Rechtl. Pflichttexte)
    • Spezialplugins
      • Remoter
      • Progressive Web-App (PWA)
      • Synonym
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
      • Portalmenüs
      • Bildlinks (Logos einbinden)
      • Shortcodes
    • Francesca – Ein Theme für Kooperationen
    Portal Themes
  • Tutorials
    • Schnelleinstieg FAU Events
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge erstellen
      • Dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Portalseiten und -menüs
      • Seitennavigation
      • Suchmaschinenoptimierung in 5 Minuten
      • Slider und Blogroll
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    • Pflege MeinStudium-Portal
    Portal Tutorials
  • Entwicklung
    • Vorgaben für das Design
      • Farben (Markendesign 2021)
      • Logos
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  1. Startseite
  2. Tutorials
  3. Schnelleinstieg FAU Einrichtungen
  4. Eine Startseite erstellen

Eine Startseite erstellen

Bereichsnavigation: Tutorials
  • Schnelleinstieg FAU Einrichtungen
    • Vorbereitungen
    • Was ist WordPress?
    • Navigation im Backend
    • Ein Theme auswählen
    • Seitenlogo und Seiteninformationen ergänzen
    • Eine Startseite erstellen
    • Rechtstexte generieren
    • Inhaltsseiten erstellen für Anfänger
    • Seite vor der Öffentlichkeit verbergen
    • Beiträge erstellen
    • Dynamische Sidebar
    • Abmessungen für Bilder und Grafiken
    • Portalseiten und -menüs
    • Seitennavigation
    • Suchmaschinenoptimierung in 5 Minuten
    • Slider und Blogroll
  • Schnelleinstieg FAU Events
  • Barrierefreiheit
  • Publikationsliste erstellen
  • Vortragsliste erstellen
  • Digitale Hilfsmittel für Kongresse und Veranstaltungen an der FAU
  • Neue Daten in die FAU-Karte einbinden
  • Tipps und Tricks
  • SEO - Search engine optimization

Eine Startseite erstellen

Eine Startseite anlegen und mit Basisinhalten füllen

Support und Beratung

Webteam

Webteam

  • E-Mail: webmaster@fau.de
Beschreibung: Für alle Fragen rund um WordPress, Webhosting & Co.

Individuelle Sprechstunde

Vereinbaren Sie eine individuelle Zoom-Sprechstunde, um Fragen zu unserem CMS oder Umsetzungsfragen zu klären.
Sprechstunde buchen

Die Startseite ist das Aushängeschild der eigenen Webseite. Lernen Sie, wie Sie mit der eigenen Startseite einen Mehrwert für Seitenbesucher schaffen.



Inhaltsverzeichnis

  • Eine Startseite anlegen
  • Eine neue Inhaltsseite erstellen
    • Seitentitel vergeben
    • Template für die Startseite wählen
    • Einen Text für das Template „Startseite“ hinzufügen
  • Die neue Startseite im Customizer als Startseite festlegen
  • Die Sidebar der Startseite
    • Ansprechpartner mit FAU Person einfügen
      • Plugin FAU Person aktivieren
      • Eine Personen-Kategorie anlegen
      • Einen neuen Ansprechpartner anlegen
      • Ansprechpartner in der Sidebar einbinden
      • Darstellung der Kontakte in der Sidebar anpassen
    • Einen Kalender in der Sidebar einbinden
    • Einen Linkblock in der Sidebar einbinden
    • Weitere Möglichkeiten der Sidebar auf der Startseite
  • Weiterführende Inhalte

Eine Startseite anlegen

Eine Startseite ist eine Inhaltsseite mit dem Seitentemplate „Startseite“ oder „Startseite Fakultät“. Die Startseite besteht dabei aus diesen Elementen:

Blogroll
Gibt die neusten Beiträge mit Beitragsbild, Datum und Anleser aus
Sidebar
Gibt Zusatzinformationen, Ansprechpartner und Kalender aus
Slider
Zeigt die letzten Beiträge in einem Beitrags-Slider. Nur mit dem Template „Startseite Fakultät“ verfügbar.
Portalmenü
Stellt Menüs vor oder nach der Blogroll auf der Startseite dar
Bildlinks
Darstellung von Logos für Kooperationspartner

Eine neue Inhaltsseite erstellen

Inhaltsseiten sind das Rückgrat für statische Inhalte. Erst das Seitentemplate bestimmt, ob eine Inhaltsseite zur Start-, Portal-, Such-, oder Fehlerseite wird.

  1. Hovern Sie Admin-Leiste | + Neu und klicken Sie im Submenü Seite
  2. Der Seiteneditor öffnet eine leere Inhaltsseite

Seitentitel vergeben

Der Seitentitel erscheint in der Google-Suche und wird standardmäßig für den Permalink (individuelle URL) zur Inhaltsseite verwendet.

  1. Tragen Sie einen Titel im Feld mit der Beschriftung „Titel hier eintragen“ ein. Für eine Startseite eines Lehrstuhls z.B.: „Lehrstuhl für Muster“.
  2. Nach Klick in ein anderes Textfeld erscheint der Seitentitel und der zugehöriger Permalink.

Template für die Startseite wählen

Das Template steuert die Darstellung der Inhaltsseite. Für Startseiten gibt es zwei Templates. Gehen Sie wie folgt vor:

  1. Scrollen Sie zum Reiter Seiten-Attribute in der Spalte am rechten Rand.

    Tipp: Eltern-Bedienfeld

    Das Eltern-Bedienfeld erscheint erst, wenn Sie mehrere Seiten auf ihrer Website angelegt haben. Wundern Sie sich also nicht, falls beim Einrichten der Startseite noch kein Eltern-Bedienfeld vorhanden sein sollte.

  2. Wählen Sie eines der folgenden Templates: Template Startseite || Template Startseite Fakultät.
    • Das Template Startseite (empfohlen) besitzt keinen Beitragsslider:
    • Das Template Startseite Fakultät besitzt an der Stelle des Vorstellungstextes und Banners einen großen Slider für Beiträge. Das Template ist vor allem für Webseiten mit vielen aktuellen Blog-„Beiträgen“ geeignet. Das Seiten-Template kann auch in der Zukunft noch gewechselt werden.
  3. Veröffentlichen Sie die Seite

Einen Text für das Template „Startseite“ hinzufügen

Falls Sie das Template „Startseite Fakultät“ verwenden möchten, überspringen Sie diesen Schritt. Der Text im Editorfenster erscheint nur auf Inhaltsseiten mit dem Template „Startseite“.

Stellen Sie Ihre Einrichtung in einem kurzen Absatz vor. Falls Sie keine Blogroll auf der Startseite verwenden möchten, schreiben Sie mehrere Absätze.

  1. Nutzen Sie den Editor um Überschriften, Listen, Zitate und Texte einzufügen.
  2. Über den Button Visuell | Text erreichen Sie die zwei Bearbeitungsmodi des Editors.
    Visueller Modus
    Bearbeitung von Text ohne Verwendung von HTML oder Shortcodes. Das Interface ähnelt anderen Programmen zur Textbearbeitung.
    Text Modus
    Bearbeitung des Seiteninhalts mit Darstellung von HTML- und Shortcodes. Dieser Modus eignet sich, wenn Sie HTML-Kenntnisse besitzen oder einen Shortcode in der Inhaltsseite einsetzen möchten
  3. Der Text wird im Template „Startseite“ an folgender Position erscheinen.

    Auf dem Template „Startseite Fakultät“ wird kein Text ausgegeben.

  4. Veröffentlichen Sie die Änderungen

Die neue Startseite im Customizer als Startseite festlegen

Aktuell wird die Startseite Ihrer Webseite noch automatisch generiert. Damit Ihre neu erstellte Inhaltsseite ausgegeben wird, gehen Sie wie folgt vor:

  1. Veröffentlichen Sie letzte Änderungen an der Startseite.
  2. Klicken Sie Anpassen (Customizer) | Startseite (oder Homepage-Einstellungen).
    Falls der Punkt bei Ihnen im Customizer nicht erscheint oder nach einigen Sekunden verschwindet: Sie können die Schritte in diesem Fall unter Dashboard | Einstellungen | Lesen durchführen.
  3. Wählen Sie: Deine Homepage zeigt: Eine statische Seite.
  4. Wählen Sie im Dropdown für „Homepage“ die neu erstellte Inhaltsseite für die Startseite aus.
  5. Veröffentlichen Sie die Änderungen im Customizer.
  6. Der Customizer sollte nach dem Veröffentlichen wie folgt aussehen:
  7. Wenn Sie auf die Startseite Ihrer Webseite navigieren, sollten Sie nun auf die neu eingestellte Inhaltsseite weitergeleitet werden.

Die Sidebar der Startseite

Die Sidebar gibt die Möglichkeit zusätzliche Informationen zu präsentieren. Lernen Sie, wie Sie einen Kalender, Ansprechpartner und weiterführende Links einbinden.

Ansprechpartner mit FAU Person einfügen

Präsentieren Sie Ansprechpartner direkt in der Sidebar, um Seitenbesuchern eine Anlaufstelle für offene Fragen zu bieten.

Plugin FAU Person aktivieren

Für die Darstellung der Ansprechpartner wird das Plugin FAU Person verwendet. Um FAU Person zu aktivieren, gehen Sie wie folgt vor:

  1. Klicken Sie Dashboard | Plugins
  2. Aktivieren Sie das Plugin FAU Person.
  3. Das aktive Plugin wird in der Übersicht nun blau hinterlegt:

Eine Personen-Kategorie anlegen

Kategorien erleichtern das Verwalten von vielen Personen-Einträgen. Verzichten Sie deshalb nicht auf diesen Schritt.

  1. Klicken Sie Dashboard | Kontakte | Kategorien.
  2. Die Kategorie-Übersichtsseite für Kontakte öffnet sich
  3. Erstellen Sie eine Kategorie mit einem beschreibenden Titel. Zum Beispiel „Institutsleitung“ oder „Verwaltung“.
  4. Die neu angelegte Kategorie erscheint in der Übersicht auf der rechten Seite.

Einen neuen Ansprechpartner anlegen

Um Ansprechpartner oder Kontakte auf Ihrer Seite anzulegen, gehen Sie wie folgt vor:

  1. Klicken Sie Dashboard | Kontakte | Neuer Kontakt.
  2. Falls der Kontakt in UnivIs vorhanden ist, geben Sie die UnivIs-ID und die Art des Eintrags an. Wenn Sie die Daten aus UnivIs synchronisieren, können Sie die meisten Daten automatisch beziehen.
  3. Füllen Sie die Kontaktinformationen aus:
    Titel des Kontakteintrags
    Tragen Sie Vor- und Nachnamen ein
    Kontaktbeschreibung in Kurzform
    Kurzbeschreibung für den Kontakt. Kann in Shortcodes und Sidebar ein- oder ausgeblendet werden
    Kontaktinformationen
    Postalische Adressdaten
    Social media
    Sprechzeiten
    Ansprechpartner und Verknüpfte Kontakte
  4. Laden Sie ein Beitragsbild hoch. Ideal sind Portraits mit einem Seitenverhältnis von 2:3.
  5. Vergeben Sie eine passende Kategorie für den Kontakteintrag.
  6. Veröffentlichen Sie den Kontakt-Eintrag im Reiter Veröffentlichen.
  7. Klicken Sie Admin-Leiste | Seite ansehen. Der Kontakteintrag wird ausgegeben.

Ansprechpartner in der Sidebar einbinden

Um Ansprechpartner in der Sidebar darzustellen, gehen Sie wie folgt vor:

  1. Navigieren Sie auf Ihre Startseite.
  2. Klicken Sie Admin-Leiste | Seite bearbeiten.
  3. Scrollen Sie zum Reiter Sidebar | Kontakt.
  4. Vergeben Sie einen passenden Titel für Ihre Ansprechpartner. Z.B.: „Verwaltung“ oder „Sekretariat“.
  5. Scrollen Sie zum Reiter Sidebar | Auswahl Ansprechpartner.
  6. Wählen Sie Ihre Ansprechpartner aus. Durch gedrückt halten der Strg-/Cmd-Taste können mehrere Ansprechpartner ausgewählt werden.
  7. Veröffentlichen Sie die Seite.
  8. Wenn Sie auf Admin-Leiste | Seite ansehen klicken, wird die Sidebar nun mit den Kontakten dargestellt.

Darstellung der Kontakte in der Sidebar anpassen

Um Bildgröße und Darstellung der Ansprechpartner in der Sidebar anzupassen, gehen Sie wie folgt vor:

  1. Klicken Sie Dashboard | Einstellungen | FAU Person.
  2. Wählen Sie die Punkte, die in der Sidebar für Kontakte ausgegeben werden sollen.
  3. Speichern Sie die Änderungen am Seitenende.
  4. Wechseln Sie zum Reiter Erweiterte Einstellungen auf der Einstellungsseite von FAU Person.
  5. Passen Sie Bildformat Kontaktseite, Größe Thumbnail und Größe Personen-Karten nach den eigenen Vorlieben an.
  6. Speichern Sie die Änderungen.

Einen Kalender in der Sidebar einbinden

In diesem Video lernen Sie, wie einen Kalenderfeed mit dem Kalender-Plugin aus Outlook auf Ihrer Startseite eingebunden werden kann:

Einen Linkblock in der Sidebar einbinden

Um Linkblöcke in der Sidebar auszugeben, gehen Sie wie folgt vor:

  1. Klicken Sie Startseite | Admin-Leiste | Seite bearbeiten.
  2. Scrollen Sie zum Reiter Sidebar | Titel erster Linkblock.
  3. Vergeben Sie einen aussagekräftigen Titel.
  4. Wählen Sie beschreibende Linktitel und Linkziele aus.
  5. Veröffentlichen Sie die Änderungen.
  6. Die Linkblöcke werden in der Sidebar ausgegeben.

Weitere Möglichkeiten der Sidebar auf der Startseite

  • Textfelder, um zusätzliche Informationen oder Shortcodes zu verwenden.
  • Steuerung der Ausgabereihenfolge.

Weiterführende Inhalte

Am Ende der Schnellstartanleitung lernen Sie, wie Sie Portalmenüs, Blogroll und Bildlinks gestalten. Zuvor müssen Sie allerdings erst ein paar Beiträge und Inhaltsseiten erstellen, damit diese Funktionen Sinn machen.

  • Alles über Portalmenüs
  • Bildlinks
  • Die Blogroll

Weitere Hinweise zum Webauftritt

Noch Fragen?

Schreiben Sie uns eine E-Mail an webmaster@fau.de.
Wir beantworten Ihnen alle offenen Fragen rund um unser Content Management System (CMS), WordPress, Webhosting und Co.

Regionales Rechenzentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben