Wie das Kalender-iFrame in Wordpress einbinden?

Hilfe & FAQ > Kalender in andere Systeme integrieren

Frage: Wie das Kalender-iFrame in Wordpress einbinden?

Antwort: Wordpress gehört mit zu den besten CMS auf dem Markt. Natürlich ist es auch hier möglich, den Kalender zu integrieren. In den letzten Jahren scheint sich das System aber wesentlich verändert zu haben, daher nun diese Anleitung. Verwendet wurde als Demo die Wordpress-Version 5.7.2. Leider nur in einer US-Version, also ist alles in englischen Texten, es sollte aber den Ablauf dennoch erklären können.

Anleitung: Kalender-iFrame in Wordpress einbinden

  1. Loggen Sie sich im Kundenbereich von Wordpress ein.
  2. Navigieren Sie zu einem "Post" oder einer "Seite", die Sie bearbeiten möchten oder legen Sie für den Kalender eine neue Seite an.
  3. Wenn Sie eine vorhandene Seite bearbeiten möchten, dann fahren Sie mit der Maus an die Stelle, wo der Kalender erscheinen soll. Er erscheint eine blaue Linie mit einem blauen Pluszeichen "+". Dieses "Plus" bitte anklicken. Alternativ links oben im Menü den blauen Butten mit einem "Plus".

  4. Im sich dann öffnenden Auswahlfenster befindet sich oben eine Sucheingabe. Dort bitte "html" eintippen. Es wird ein Widget angezeigt. Wie gesagt, das hier ist eine US-Version, wird bei Ihnen also anders benannt sein. Dieses "Custom HTML" bitte anklicken.

  5. Es erscheint ein neues Eingabefenster an der Stelle, wo Sie vorher das "Plus" anklickten.

  6. In dieses den von mir vorgegebenen HTML-Code hineinkopieren.

  7. Bei den Optionen über dem Feld können Sie auf "Preview" (Vorschau) umschalten und sehen dann schon den Kalender.

  8. Danach einfach die Seite speichern und veröffentlichen.

Bitte beachten: Größenangaben vom iFrame müssen eventuell nachjustiert oder gänzlich geändert werden. Dazu einfach wieder in das HTML-Widget klicken und anpassen, eventuell auch Ausrichtungen wie links, rechts oder zentriert. Hier kann ich leider keine Vorgabe machen, die zu jedem System passt. Das kommt alleine schon bei Wordpress auf Ihr verwendetes Theme / Layout an.

Letzte Änderung: 18.06.2021