plugin banner

A simple plugin to style your content as a timeline with a few shortcodes.

Author:Martin Wudenka (profile at wordpress.org)
WordPress version required:3.6
WordPress version tested:3.9.36
Plugin version:0.9
Added to WordPress repository:16-05-2014
Last updated:16-05-2014
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:1
Plugin URI:
Total downloads:874
Active installs:10+
plugin download
Click to start download


This plugin provides 3 shortcodes:

[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]

The frame of our timeline. The other shortcodes belong inside of them. You can choose an style. It’s also easy to add a new one through custom css. Do something like:

.zeitstrahler_wrapper.greyRedRound::before {
    background-color: rgb(76,76,76);

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element {
    background-color: transparent;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgb(76,76,76);

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element::before {
    border-color: rgb(76,76,76);
    background-color: rgb(240,76,76);

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_date {
    font-weight: bold;
    color: rgb(240,76,76);

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_element_heading {
    margin-top: 0 !important;

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_arrow::before {
    border-color: rgb(240,76,76);

.zeitstrahler_wrapper.greyRedRound .zeitstrahler_date span {
    background-color: rgb(240,76,76);
    color: #FFF;
    display: inline-block;
    border-radius: .2em;
    padding-left: .4em;
    padding-right: .4em;
    font-weight: bold;

[zeitstrahler_element date=”1.1.1900″ heading=”Birthday”]your content[/zeitstrahler_element]

An timeline element.


An big date, placed central at the timeline.


Dieses Plugin stellt 3 Shortcodes zu Verfügung:

[zeitstrahler_wrapper style=”grey/greyRedRound”][/zeitstrahler wrapper]

Der Rahmenshortcodes des Ganzen. Die anderen Shortcodes sollten sich in diesem befinden. Hier kann man auch zwischen diversen Designs wählen. Durch custom css kann man auch einfach ein neues schreiben.

[zeitstrahler_element date=”1.1.1900″ heading=”Geburtstag”]ihr Inhalt[/zeitstrahler_element]

Ein Zeitstrahlelement.


Ein hervorgehobenes Datum.