• 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. Plugins
  3. Inhaltsseiten mit Funktionen erweitern
  4. Elements
  5. Timeline

Timeline

Bereichsnavigation: Plugins
  • Plugins aktivieren
  • Externe Daten einbinden
    • Calendar
      • Erste Schritte
      • Termine einbinden
      • Darstellungsbeispiele
    • CRIS
      • Typen-Filter
      • Einstellungen
      • Erweiterte Optionen
      • Automatische Synchronisierung
    • FAU oEmbed
      • Einbindung von Karten
      • Fragen & Antworten
    • Jobs
    • Lehrveranstaltungen
    • Remoter
    • Statistik
    • UnivIS
      • Attribute
      • Einzelne Lehrveranstaltungen
      • Einzelne Mitarbeiter
      • Voreinstellung der UnivIS-OrgNr.
      • Organisationsdaten einbinden
      • Mitarbeiterdaten einbinden
      • Lehrveranstaltungsdaten einbinden
      • Publikationsdaten einbinden
      • UnivIS im Gutenberg Editor
      • FAQ
    • Video
  • Neue Inhaltstypen erstellen
    • FAQ
      • Attribute
        • category
        • class
        • glossary
        • hide
        • id
        • order
        • show
        • sort
        • tag
      • Beispiele
        • Alle Attribute in Verwendung
        • Einzelne FAQ in vorgegebener Reihenfolge
        • FAQ nach Schlagwörtern filtern und in Kategorien gruppieren
        • Glossar mit expliziten Kategorien als A-Z Register
        • Glossar mit expliziten Kategorien als Tabs
        • Glossar mit expliziten Kategorien als Tagcloud
        • Glossar mit expliziten Schlagwörtern als A-Z Register
        • Glossar mit expliziten Schlagwörtern als Tabs
        • Glossar mit expliziten Schlagwörtern als Tagcloud
        • Glossar mit Kategorien als Tagcloud Register
        • Glossar mit Schlagwörtern als Tabs
      • FAQ von anderen Quellen beziehen
        • Domains registrieren
        • Protokoll
        • Synchronisieren
    • Person
      • Alle Formate in der Übersicht
      • Sortierung
      • Standardausgabe
      • Format card
        • Anwendungsbeispiele card
      • Format table
      • Format kompakt
      • Format page
      • Format sidebar
      • FAQ
      • Eine Kontaktübersicht anlegen
        • Kontaktübersicht Musterseite A
        • Kontaktübersicht Musterseite B
        • Kontaktübersicht Musterseite C
        • Kontaktübersicht Musterseite D
    • Legal (Rechtliche Pflichttexte)
    • Expo
    • Glossary
    • RSVP
      • Hilfsmittel und Hinweise zur Nutzung
      • Analoge Kontaktverfolgung
    • Synonym
  • Inhaltsseiten mit Funktionen erweitern
    • WS Form
    • Contact Form 7
    • Downloads
    • Elements
      • Accordion
        • Accordions verschachteln
        • Accordion Sprungmarken
        • Accordion – Häufige Probleme und Fragen
      • Alerts / Hinweisboxen
        • Inner Alert
      • Assistant
      • Buttons
      • Content-Index
        • Beispielseite Shortcode Content-Index
      • Content-Slider / Text-Slider
      • Divider – Der unsichtbare Trenner
      • Einschub
      • Galerie
      • Hidden Text
      • Icons
      • LaTeX
      • Legal-text
      • Mehrspaltige Fließtexte
      • Mehrspaltiger Inhalt
      • News – Beiträge ausgeben
        • Custom News Beispielumsetzung
      • Notices / Absatzklassen
      • Tabs – Registerkarten
      • Timeline
    • Multilang
      • Mehrsprachigen Webauftritt mit einer einzelnen Instanz bereitstellen
      • Mehrsprachigen Webauftritt mit mehreren Instanzen bereitstellen
    • Advanced Editor Tools
    • Verfallsdatum für Beiträge („Post-Expiration“)
  • Zugang beschränken
    • Access Control
    • Private Site
  • Beiträge teilen
    • Auto-Tweet
    • RSS
  • Spezialplugins
    • The SEO Framework
    • Progressive Web-App (PWA)
    • RRZE Newsletter
      • Newsletter-Module (Erweiterungen)
    • Workflow
      • Übersetzung
      • Fremdsprachigen Webauftritt managen
  • Über Externe Plugins
  • Über FAU- und RRZE-Plugins

Timeline

Beratung und Support

Webteam

Webteam

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

GitHub

  • Repository
  • Fehler melden
Elements ist auf allen CMS-Instanzen vorinstalliert und bereits aktiviert. Sie können alle Elements-Shortcodes ohne vorangegangene Aktivierung benutzen.
  • 1800 – Wie alles begann

    Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.

  • 1830 – Wie es weiterging

    Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.

  • 1844 – Der Anfang vom Ende

    Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta lila.

Previous
Next

Timeline | Zeitstrahl

Mit der Timeline können Sie einen interaktiven Zeitstrahl erstellen, in dem der Website-Besucher vor und zurück navigieren kann. Als Inhalt kann beliebiger Text und/oder Bilder eingefügt werden. Sorgen Sie mithilfe des Zeitstrahls für einen besseren Überblick.

Shortcode

Genutzer Code im Beispiel:

[timeline]
		[timeline-item name="1800"]
		<h2> 1800 – Wie alles begann </h2>
		Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit.
		[/timeline-item]
		
		[timeline-item name="1830"]
		<h2> 1830 – Wie es weiterging </h2>
		Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio.
		[/timeline-item]
		
		[timeline-item name="1844"]
		<h2> 1844 – Der Anfang vom Ende </h2>
		Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta lila.
		[/timeline-item]
		
		[/timeline]

Mögliche Modifikation durch Attribute

Um ihren Zeitstrahl auf die eigene Fakultät abzustimmen oder nach persönlichen Wünschen zu gestalten, können Sie die folgenden Parameter verwenden.

speed=“normal“ bzw. slow / fast / Zahl zwischen 100 und 1000 Zum Einstellung der Geschwindigkeit
startat=“5″ Stellt das gewünschte Element als Startwert beim öffnen der Seite fest
autoplay=“0″ (1=ja, 0=nein; Standard: 0) Automatisches Weiterblättern aktivieren/deaktivieren
autoplaypause=“2000″ Einstellen der Pause zwischen dem Weiterblättern.(Wenn autoplay=“1″) – Zeit in Millisekunden
datewidth=“large“ Statt einer Jahreszahl können Sie auch ein komplettes Datum oder Text im Zeitstrahl verwenden. Wenn dafür der standardmäßig vorgesehene Platz dafür nicht ausreicht, sorgt dieses Attribut für mehr Platz.
start-end=“0″ (1=ja, 0=nein; Standard: 0) Buttons hinzufügen, um zum Start und Ende der Timeline zu springen

Shortcode:

[timeline] ... [/timeline]

Syntax:

Die Timeline wird von den öffnenden und schließenden Tags [timeline] ... [/timeline] umgeben.

Die einzelnen „Kapitel“ darin werden wiederum von den öffnenden und schließenden Tags [timeline-item] ... [/timeline-item] umgeben. Jedes Timeline-Item bekommt ein Attribut name="…", aus dem automatisch der Zeitstrahl oberhalb des Inhalts generiert wird.


Problemlösungen | Häufige Fragen

Die Timeline wird nicht korrekt dargestellt

Wenn die Timeline-Funktion im Elements-Plugin nicht korrekt dargestellt wird, können Sie die folgenden Schritte versuchen um das Problem eigenständig zu beheben:


1. Versichern Sie sich, dass sie die Timeline im Text-Modus des Editors platziert haben. Sie finden den Reiter zum wechseln zwischen Visuellem- und Text-Modus am oberen rechten Rand des Editor-Fensters.


2. Füllen Sie das erste Element ihrer Timeline mit ausreichend Text. Durch einen Bug werden aktuell leere Timelines nicht korrekt dargestellt.


3. Manchmal entstehen Darstellungsprobleme durch den Cache ihres Browsers. Versuchen Sie die Seite mit leerem Cache neu zu laden. Bei Firefox funktioniert das durch halten der Shift-Taste und einem klick auf den aktualisieren-Button neben der Adress-Leiste


4. Wenn Sie keinen weiteren Fehler in ihrer Programmierung entdecken, können Sie sich jederzeit an den Web-Support wenden, falls das Problem durch die obigen Schritte nicht behoben werden konnte.

Die Timeline wird nicht korrekt dargestellt
Wenn die Timeline-Funktion im Elements-Plugin nicht korrekt dargestellt wird, können Sie die folgenden Schritte versuchen um das Problem eigenständig zu beheben: 1. Versichern Sie sich, dass sie die Timeline im Text-Modus des Editors platziert haben. Sie finden den Reiter zum wechseln zwischen Visuellem- und Text-Modus am oberen rechten Rand des Editor-Fensters. 2. Füllen Sie das erste Element ihrer Timeline mit ausreichend Text. Durch einen Bug werden aktuell leere Timelines nicht korrekt dargestellt. 3. Manchmal entstehen Darstellungsprobleme durch den Cache ihres Browsers. Versuchen Sie die Seite mit leerem Cache neu zu laden. Bei Firefox funktioniert das durch halten der Shift-Taste und einem klick auf den aktualisieren-Button neben der Adress-Leiste 4. Wenn Sie keinen weiteren Fehler in ihrer Programmierung entdecken, können Sie sich jederzeit an den Web-Support wenden, falls das Problem durch die obigen Schritte nicht behoben werden konnte.

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