• 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
  • RRZE
  • Videoportal
  • Lageplan und Anfahrt
  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
    • Login und Navigation im Backend
      • Profil
      • Dashboard
      • Der Customizer
    • 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
        • Bildergalerie im Gridformat
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
    • Menüs
    • Widgetbereiche und Widgets
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Plugins
    • Plugins aktivieren
    • Externe Daten einbinden
      • Calendar
      • CRIS
      • FAU oEmbed
      • Jobs
      • Lehrveranstaltungen
      • Remoter
      • Statistik
      • UnivIS
      • Video
    • Neue Inhaltstypen erstellen
      • Expo
      • FAQ
      • Glossary
      • Person
      • Legal (ehemals ToS – „Terms of Service“)
      • RSVP
      • Synonym
    • Inhaltsseiten mit Funktionen erweitern
      • Contact Form 7
      • Downloads
      • Elements
      • Multilang
      • Advanced Editor Tools
      • Verfallsdatum für Beiträge („Post-Expiration“)
    • Zugang beschränken
      • Access Control
      • Private Site
    • Beiträge teilen
      • Auto-Tweet
      • RSS
    • Spezialplugins
      • Newsletter
      • Progressive Web-App (PWA)
      • The SEO Framework
      • Workflow
      • WS Form
    • Über Externe Plugins
    • Über FAU- und RRZE-Plugins
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
        • Standardtemplate
        • Die Inhaltsseite mit Navi
        • Portalseite
        • Portalindexseite
        • Startseite
        • Startseite Fakultät
      • Shortcodes
        • Blogroll
        • Portalmenüs
        • Bildlinks
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    Portal Themes
  • Entwicklung
    • Design
      • Farben (Markendesign 2021)
      • Logos
        • Logos zentraler Anwendungen
        • Einsatz im Videoportal
        • Einsatz im Social Media und auf Online-Plattformen
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  • Vorlagen
    • Akkordeons
    • Ansprechpartner & Kontakte
      • Format Kompakt
      • Runde Kacheln
      • Format Sidebar
      • Klassische Darstellung
    • Beiträge ausgeben
    • Button
    • Icon & Iconboxen
    • Kurze Hinweise
    • Testimonials
    • Textboxen
    Portal Vorlagen
  • 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 und die dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Beiträge und die dynamische Sidebar
      • Portale und die Seitennavigation
      • Suchmaschinenoptimierung in 5 Minuten
      • Blogroll und Finetuning
    • 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
    Portal Tutorials
  1. Startseite
  2. Grundlagen
  3. Über WordPress
  4. Grundsätzliches zum Webpublishing

Grundsätzliches zum Webpublishing

Bereichsnavigation: Grundlagen
  • Rahmenbedingungen für Webauftritte
  • Über WordPress
    • Grundsätzliches zum Webpublishing
  • Login und Navigation im Backend
    • Profil
    • Dashboard
    • Der Customizer
  • Benutzer anlegen und bearbeiten
  • Seiten
    • Eine Seite erstellen
    • Mehrere Seiten gleichzeitig konfigurieren
    • Seiten und Beiträge freigeben
  • Beiträge
  • Sidebar
  • Inhalte bearbeiten
    • Mediathek
      • Ein Beitragsbild anpassen
    • Bilder
      • Abmessungen für Bilder und Grafiken
      • Hover Effekte von Bildern
      • Zusatzklassen für Bilder
    • Galerie
      • Bildergalerie im Gridformat
      • Optionen der Standardgalerie
    • Tabellen
    • Zitate
    • Formeln, Daten und Quellcode
    • Listen
  • Seitenstruktur erstellen
  • Menüs
  • Widgetbereiche und Widgets
  • Häufig gestellte Fragen
    • FAQ Login und Benutzerverwaltung
    • FAQ Inhalte erstellen
    • FAQ Anzeige und Darstellung
    • FAQ Suchmaschinenoptimierung (SEO)

Grundsätzliches zum Webpublishing

Support und Beratung

Webteam

Webteam

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

Wann immer Sie Informationen im Internet veröffentlichen, werden Ihnen einige Begriffe auffallen, die immer wiederkehren. Sie erhalten hier einige kurze Erklärungen und weiterführende Links.

Leider unterstützt Ihr Browser keine HTML5-Videoformate. Rufen Sie dazu das Video Grundsätzliches zum Webpublishing aus dem Videoportal der FAU auf.

HTML

HTML signalisiert dem Browser, um welche Art Inhalte es sich handelt. Das passiert mit Behältern, den sogenannten HTML-Elementen, die aus öffnenden und schließenden „Tags“ bestehen. Diese Tags werden dabei mit spitzen Klammern notiert.

Auf diese Weise wird Ihrem Browser (der nichts anderes ist als ein Programm, das Hypertext darstellt) mitgeteilt, um was für ein Element es sich bei dem vorliegenden Text oder Medium jeweils handelt.

In WordPress können Sie wählen, ob Sie Ihre Inhalte mit HTML formatieren möchten oder ob sie einen visuellen Editor (einen sogenannten WYSIWYG-Editor) bevorzugen. Das Erste hat den Vorteil, dass Sie sehr genau definieren können, was auf Ihrer Seite dargestellt wird. Das Zweite ist gut für Menschen, die sich um nichts als ihre Inhalte kümmern und die Darstellung dem Editor überlassen möchten.

CSS

CSS (Cascading Style Sheets) dienen dem Layout ihrer Seite. Hier wird definiert, wie die jeweiligen Elemente dargestellt werden sollen. Sie können also angeben, welche Farbe Ihr Hintergrund haben soll, welche Farbe die Schrift, wie die Überschriften aussehen sollen, wie die Listen formatiert werden sollen und so fort. Letztlich ist es CSS, das Ihren Seiten ein individuelles Aussehen verleiht.

Medien

Dokumente

Dokumente werden im Internet üblicherweise als PDF (Portable Document Format) zur Verfügung gestellt. PDF hat den Vorteil, dass es plattformübergreifend dargestellt werden kann; das heißt, dass es unerheblich ist, welches Betriebssystem Sie benutzen.

Manchmal werden auch Word-Dokumente angeboten. Das kann beispielsweise der Fall sein, wenn es sich um ein Formular handelt, das ausgefüllt, ausgedruckt, von Hand unterschrieben und dann in Papierform eingereicht werden soll. Das ist zwar praktisch für denjenigen, der das Dokument anbietet, legt aber den Anwender auf ein Betriebssystem und das Textverarbeitungssystem fest. Wenn eines von beiden nicht vorhanden ist, kann das Dokument nicht geöffnet und bearbeitet werden.

Bilder

Bilder können Fotos oder Grafiken sein. Gerade im universitären Umfeld wird von diesen Medien häufig Gebrauch gemacht, um Sachverhalte auf einen Blick darzustellen.

Für Bilder gibt es verschiedene Formate, die eben auch ihre Vor- und Nachteile haben:

  • JP(E)G ist das Standardformat für Fotos
  • GIF wird häufig für kleine Grafiken verwendet, kann animiert werden
  • PNG wird häufig für größere Webgrafiken verwendet

Die Auswahl des Grafikformats ist, wenn es um komplexe Darstellungen geht, eine Wissenschaft für sich, deswegen wird hier nicht tiefer darauf eingegangen.

Videos

Sie können im Rahmen ihres WordPress-Angebots auch Videos aus dem Angebot des FAU Videoportals zur Verfügung stellen. Die Einbindung von externen Videos (beispielsweise von youtube) erfolgt einfach per Link.

Texterstellung für das Internet

Texte im Internet werden größtenteils am Bildschirm gelesen. Hier gilt es, ein paar Besonderheiten zu beachten:
Versuchen Sie, die wichtigsten Informationen möglichst in einen kurzen Absatz am Anfang zu verpacken. Die Besucher von Webseiten suchen üblicherweise zunächst nach Schlagworten, die ihnen sagen, dass hier die Information vorhanden ist, die sie suchen.

Verzichten Sie soweit es geht auf große Satzkonstrukte. Ein Satz, der über fünf Zeilen geht und fünf Nebensätze enthält, macht bei der Formulierung sicherlich viel Freude – er erschwert das Lesen gerade am Bildschirm aber beträchtlich.

Um der Barrierefreiheit willen sollten Sie auch auf Genderverkürzungen verzichten (wie z. B. Student*innen, Student/innen oder dergleichen). Bedenken Sie bei der Erstellung von Texten immer, dass der Monitor nicht das einzige Ausgabemedium für Texte ist. Sehbehinderte Menschen nutzen oft Screenreader, die die Sonderzeichen mit vorlesen. Bei einer Häufung kann das das Textverständnis empfindlich stören.

Weiterführende Links:

SELFHTML (Dokumentation zu Webtechniken)
WYSIWYG (Wikipedia)
Grafikformate
Screenreader (Wikipedia)

Weitere Hinweise zum Webauftritt

Social Media

  • RSS Feed
  • GitHub
  • Twitter

Noch Fragen?

Schreiben Sie uns eine 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