Wie kann man mit WordPress einen Adventskalender ohne Plugin erstellen?

Ein Adventskalender lässt sich mit WordPress ganz ohne spezielle Plugins umsetzen. Der Trick: Jede Tür ist eine eigene Seite, deren Veröffentlichung auf den jeweiligen Kalendertag geplant wird. WordPress schaltet die Türen dann automatisch frei.

Schritt für Schritt

  1. Eine Seite „Adventskalender“ anlegen.
  2. Die Seiten „Tür 1“ bis „Tür 24“ anlegen und für jede
    • in den Seiteneigenschaften „Adventskalender“ als übergeordnete Seite wählen,
    • das passende Türchen als Beitragsbild hinterlegen,
    • die Veröffentlichung auf den jeweiligen Kalendertag planen (1. bis 24. Dezember).
  3. Auf der Seite „Adventskalender“ einen Abfrage-Loop einfügen, auf die Unterseiten von „Adventskalender“ filtern und nach Datum sortieren (älteste zuerst).

Geplante Seiten werden erst zum eingestellten Zeitpunkt veröffentlicht und erscheinen erst dann im Abfrage-Loop. So kommt jeden Tag automatisch eine neue Tür hinzu.

Hinweis: WordPress veröffentlicht geplante Inhalte beim nächsten Seitenaufruf (WP-Cron). Bei wenig Besuchern kann sich das Öffnen einer Tür daher etwas verzögern.

Tipp 1: Redaktionell arbeiten

Spezielle Plugins sind oft gar nicht nötig. Vieles lässt sich auch redaktionell lösen, z. B. das Freischalten von Inhalten oder das morgendliche Aktualisieren der Übersichtsseite.

Tipp 2: Umleitungen verwenden

Soll sich hinter einer Tür ein beliebiger Inhalt verbergen, etwa ein Blogbeitrag, ein Gutschein oder ein Produkt im Shop, kann die Türseite dorthin umgeleitet werden. Dafür eignet sich z. B. das Plugin „Redirection“.

Tipp 3: Cover-Block für einen Türeffekt

Wird im Abfrage-Loop der Cover-Block mit dem Beitragsbild als Hintergrund verwendet, lässt sich ein Türeffekt umsetzen. Das Beitragsbild muss dann nicht selbst die „Tür“ zeigen. Je nach Effekt ist etwas CSS oder JavaScript nötig.

Tipp 4: Geschlossene Türen von Anfang an zeigen

Damit der Kalender schon am 1. Dezember alle 24 Türen zeigt, kann hinter dem Abfrage-Loop ein Raster mit 24 geschlossenen Türen liegen. Per CSS verstecken die bereits geöffneten Türen ihre Platzhalter, sodass immer der vollständige Kalender sichtbar ist.