• 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. Entwicklung
  3. Vorgaben für das Design
  4. Logos

Logos

Bereichsnavigation: Entwicklung
  • Auftragsentwicklung für neue WordPress-Plugins oder -Themes
  • Einsatzkontext (Statistik)
  • Versionsverwaltung Git
  • Vorgaben für das Design
    • Farben (Markendesign 2021)
    • Logos
    • Schriften
  • Vorgaben für WordPress-Plugins und -Themes
  • Eigene Testinstanz
  • Serverkonfiguration

Logos

In den FAU-Themes sind verschiedene Grafiken hinterlegt. Diese werden je nach Zweck an verschiedenen Stellen eingesetzt. Teilweise automatisch, teilweise nach Option.

Grundlegend kann jede Einrichtung eigene Logos hochladen und aktivieren, die anstelle des Einrichtungsnamens gezeigt werden.
Aus Usability-Gründen ist es dabei unverzichtbar, dass in der Desktop-Ansicht die obere linke Position neben dem Menü dem Logo bzw. dem Einrichtungsnamen vorbehalten ist.
Auf Unterseiten ist das Logo bzw. der Einrichtungsname als Klickfläche zu deklarieren, die den Besucher der Website auf die Startseite zurückspringen lässt.

Einrichtungen unterhalb der FAU-Hauptseite sollten nicht das Logo der FAU an dieser Stelle nutzen, da an dieser Position auf jeder Webseite die Einrichtung erkennbar sein soll.

Würde hier das FAU-Logo oder ein Fakultätslogo angezeigt werden, kann der Besucher der Website nicht erkennen, auf welcher Website er sich gerade befindet. Der Besucher der Website würde irrig annehmen können, er befindet sich auf der FAU-Hauptseite oder einer Fakultätsseite.

Screenshot einer Website mit Ausschnitt des Kopfteils

Auf diesen Webauftritten wird zur sichtbaren Zuordnung zur FAU das FAU-Logo im „Header“-Menü dargestellt. Bei Zuordnung unterhalb Fakultäten wird die Fakultätsbezeichnung zusätzlich rechts neben dem FAU-Logo angezeigt.

Dimensionen und Größen

iPad- und Desktop-Ansicht

In der iPad- und Desktop-Ansicht wird das eigene Website-Logo zur Basislinie der Schrift des Menüs ausgerichtet.
Screenshot einer Wbesite mit Darstellung der Hilfslinien zur Positionierung des Logos
Der Logo-Bereich in den FAU Designs hat die folgenden Abmessungen:

  • Ab Version 2.0 der FAU Themes: 400 Pixel maximale Breite in der iPad- und Desktop-Ansicht (ab 480 Pixel)
  • Ab Version 2.0 der FAU Themes: 152 Pixel maximale Höhe in der iPad- und Desktop-Ansicht (ab 480 Pixel)
  • Bis Version 1.15 der FAU Themes:240 Pixel maximale Breite in der iPad- und Desktop-Ansicht (ab 480 Pixel)
  • Bis Version 1.15 der FAU Themes:65 Pixel maximale Höhe in der iPad- und Desktop-Ansicht (ab 480 Pixel)

Darstellung in der mobilen Ansicht unter 480 Pixel (bis Version 1.15.)

In der Darstellung für mobile Devices unter 480 Pixel wird das Logo per Default ausgeblendet; Stattdessen wird der Titel der Website angegeben. Der Link zur FAU-Hauptseite mit dem dazugehörigen Logo wird dann vorrangig angezeigt.
Screenshot der Darstellung einer Website unter 480 Pixel

Für Webauftritte von Kooperationen und anderen themenbezogenen Webauftritten besteht jedoch die Möglichkeit, das eigene Logo auch darzustellen.
Screenshot der Website in kleiner AUflösung mit eingeschalteten eigenen Logo

Logos der Fakultäten und der Einrichtungen (ab November 2021)

Bereich Logo
FAU / ZUV FAU Logo
(SVG Format, 16 kB)
Philosophische Fakultät und Fachbereich Theologie Phil Logo
(SVG Format, 24 kB)
Rechts- und Wirtschaftswissenschaftliche Fakultät RW Logo
(SVG Format, 25 kB)
Medizinische Fakultät Med Logo
(SVG Format, 16 kB)
Naturwissenschaftliche Fakultät Nat Logo
(SVG Format, 20 kB)
Technische Fakultät TF Logo
(SVG Format, 16 kB)
Die Schriftzüge mit der Fakultätsbezeichnung der Logos der Phil, Med, Nat und der TF nutzen die sogenannte „vitale“ Flächenfarbe. Bei einem weißen Hintergrund erfüllen sie leider nicht die Anforderungen der EU Norm bzw der WCAG 2.1 hinsichtlich lesbarer Kontraste. Die Universitätsleitung entschied sich dennoch für die Verwendung dieser Logos. Das Webteam hat von dieser Entscheidung abgeraten.

Sonderformen des FAU Logos

Das FAU-Logo steht zusätzlich auch in der Form ohne Bezeichnung zur Verfügung. Diese Form wird an verschiedenen Stellen verwendet:

  • um das Logo als Grafik in der Meta-Zeile zu positionieren,
  • um das Logo als Grafik in der Fußzeile zu positionieren,
  • in der mobilen Darstellung darzustellen,
  • für die Darstellung von FavIcons der Website (sofern keine eigenen FavIcons hochgeladen wurden).

 

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