Springe zum Hauptinhalt

Wie ein Kalender in Google Kalender auf Wordpress-Widgets hinzufügen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Eine gute Anzahl von Bloggern nutzt den Service Google Kalender um ihre verschiedenen zu verwalten Geschehen. Nur unter ihnen wissen einige nicht, wie diese verschiedenen Kalender in WordPress angezeigt werden sollen.

In diesem Tutorial zeige ich Ihnen, wie Sie Ihre Kalender anzeigen Google Kalender Wordpress.

Falls Sie WordPress noch nie installiert haben, entdecken Sie es Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Aber zurück zu dem Grund, warum wir hier sind.

So zeigen Sie den Kalender mit dem Google Kalender-Ereignis-Plugin an

Google-Kalender-events-Plugin

Das erste, was Sie tun müssen, ist natürlich, das Plugin von Ihrem Dashboard aus zu installieren und zu aktivieren.

Entdecken Sie Wie ein Plugin in Wordpress zu installieren

Google-Kalender-intallation-table-to-edge

Sobald es fertig ist, ein neues Menü " GCal-Ereignisse Wird Ihrem Dashboard hinzugefügt. Wenn Sie darauf klicken, gelangen Sie zu der Seite, auf der alle in Ihrem Google-Kalender verfügbaren Ereignisse aufgelistet sind.

Google-cal Menü

Zunächst müssen Sie jedoch mit den Plugin-Konfigurationen fortfahren. Ich lade Sie ein, auf sein Untermenü zu klicken « Allgemeine Einstellungen ".

In diesem Abschnitt müssen Sie eine API zu Ihrem Google-Konto zur Verfügung stellen.

Google-cal-general-Einstellungen

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Wenn Sie keine haben, lade ich Sie ein, eine direkt zu erstellen à cette adresse. Auf dieser Seite müssen Sie einen Schlüssel erstellen, indem Sie ihn einem neuen Projekt zuordnen. Klicke auf " Erstellen Sie ein Projekt ".

google-create-a-Projekt

Geben Sie einen Namen ein und klicken Sie auf " Schaffen So erstellen Sie ein Projekt.

new-Projekt-google-api

Klicken Sie auf das neue Menü « API und Authentifizierung »Dann in seinem Untermenü« API ".

Menü-api-api-google

Scrolle nach unten, um die Linie zu sehen " Google Kalender ".

Online-Google-Kalender

Klicken Sie auf die Schaltfläche deaktivieren Am Ende der Zeile, um die API zu aktivieren. In einem Fenster werden Sie aufgefordert, Ihre Aktion zu bestätigen. Tu es.

Dann klicken Sie auf das Menü « Identifiers "Und dann weiter" Erstellen Sie einen Schlüssel ".

Identifikatoren KEY-api

Ein Fenster wird geöffnet. Sie müssen dann auf " Serverschlüssel So erstellen Sie einen Schlüssel.

creation-Schlüssel-Server

Ein neues Fenster wird geöffnet. Sie können den Zugriff auf diesen Schlüssel basierend auf bestimmten IP-Adressen einschränken. Sie müssen diese Informationen nicht eingeben. Klicke auf " Schaffen Um den Erstellungsprozess abzuschließen.

Add-to-Server-IP-adressses

Sie können jetzt den Schlüssel wiederherstellen (Kopieren Sie den entsprechenden Text) und fügen Sie es in das entsprechende Feld Ihres WordPress-Blogs ein.

recover-the-Jahrhundert

Speichern Sie dann Ihre Einstellungen.

Rekord-of-EINSTELLUNGEN

So erstellen Sie einen Kalender und zeigen ihn an

Nach der Konfiguration des Plugins ist es Zeit, Ihren Kalender hinzuzufügen. Ich lade Sie daher ein, auf das Menü " hinzufügen »So integrieren Sie Ihren Google Kalender.

Menü-Add-a-Google-Kalender-Kalender

Das ist ein "Benutzerdefinierte Beitrag Type"(Benutzerdefiniertes Veröffentlichungsformat), für die Sie einen Titel definieren und die Vorlage an den Inhalt der Vorlage anpassen können. Weiter unten im Abschnitt Feed-Parameter Sie haben unter anderem:

  • Der Kalender-Shortcode (verwendbar auf Ihre Artikel / pages)
  • Die Identifizierung des Google-Kalenders (Sie haben unten einen Link zu einem Tutorial, mit dem Sie die Kennung Ihres Kalenders abrufen können. In den meisten Fällen ist dies Ihre Google Mail-Adresse.)
  • Der Anzeigemodus, mit dem Sie die Kalendervorlage gestalten können
  • Die Aktivierung der Paginierung, mit der Sie im Kalender navigieren können.

Der Abschnitt Darstellungsoptionen », Ermöglicht das Anpassen der Vorlage, die standardmäßig im visuellen Editor verfügbar ist.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Zugabe-and-a-Ereignis

Jetzt müssen Sie nur noch den Shortcode hinzufügen, der Ihrem Kalender auf einer Seite oder in einem Artikel Ihres Blogs entspricht, um zu sehen, wie er angezeigt wird.

Präsentation-Kalender

Das war's für dieses Tutorial. Wenn ein hier angesprochener Punkt außerhalb Ihres Verständnisses liegt, helfen wir Ihnen gerne weiter. Zögern Sie nicht, diesen Tipp mit Ihren Freunden in Ihren bevorzugten sozialen Netzwerken zu teilen.

Dieser Artikel enthält Kommentare 29

  1. Äh, ich mag Ihre Seite und Ihre Artikel sind oft klar.
    Aber dann hat sich entweder das Plugin gut entwickelt oder du bist ein bisschen schnell in den Stufen gegangen.
    Nach der Integration der API-Taste, wie bindet man den Kalender?
    Wenn ich eine neue Veranstaltung erschaffe, kann ich sie nur von Hand fassen.

    Ich halte mich nicht neu in CMS, aber ich bin verloren.
    Wirklich entspricht der Teil „Wie Sie Ihren Kalender anzeigen“ überhaupt nicht dem, was ich auf meiner FO finden kann.

  2. Guten Tag,
    Ich würde gerne wissen, ob es möglich ist, den Google-Kalender zu einem Reservierungskalender zu machen. Ich habe es geschafft, es als Event-Viewer in meine Website zu integrieren, möchte aber, dass der Besucher auch damit interagieren und bestimmte Slots reservieren kann. Ist es möglich?
    Außerdem zeigt es mir derzeit die Ereignisse über einen ganzen Monat und ich würde es vorziehen, die Standardkalenderansicht zu haben: das heißt, eine Anzeige pro Woche mit deutlich sichtbaren Zeitfenstern, um die Reservierung zu ermöglichen. Ist es möglich?
    Vielen Dank im Voraus.

    1. Ich denke, es ist möglich, aber Sie benötigen ein Zwischen-Plugin, das die Arbeit erleichtert. Für die Anzeige habe ich noch nichts anderes als die monatliche Anzeige konfiguriert. Ich werde einen Test machen und dich wissen lassen.

  3. Guten Tag,
    funktioniert dieses Tutorial mit anderen Plugins? Der einzige, der für mich installiert ist, ist der einfache Kalender, und ich kann den Kalender nicht integrieren.
    Hier ist die Fehlermeldung erhalten:
    Wenn Ereignisse Abrufen zurück Google einen Fehler:
    Fehler beim 2a00 verbinden: 1450: 4007: 80d :: 200a: Netzwerk ist nicht erreichbar
    Stellen Sie sicher, dass sowohl Ihre ID und Ihr Google Kalender-API-Schlüssel gültig ist und dass die Google-Kalender, den Sie als public definiert werden sollen.

    Ich gebe an, dass der Kalender in der Öffentlichkeit gut definiert ist und dass ich einen API-Schlüssel aktiviert habe.
    herzlich

  4. Guten Tag,

    Ich würde gerne wissen, ob es möglich ist, die Richtung des Links „Weitere Details…“ zu ändern, um eine Umleitung auf die Google-Kalenderseite zu vermeiden und im Gegenteil intern bei der Anzeige der Seite „Kalender“ der Seite zu bleiben gleiche Seite...?

    Wie soll ich das machen Danke im Voraus !

    1. Guten Tag,
      Wenn Sie einen anderen Link als den durch den Shortcode hinzugefügten verwenden möchten, können Sie die Verwendung dieses Shortcodes einfach weglassen.

      Sorry für die späte Antwort.

      Cordiale.

  5. Hallo…

    Gibt es eine Möglichkeit, Posts so zu planen, dass sie regelmäßig veröffentlicht werden, oder nicht?
    Lassen Sie mich erklären. Ich habe eine Radiosendung und möchte, dass ein Artikel automatisch jede Woche am selben Tag zur selben Zeit veröffentlicht wird und besagt, dass es Zeit ist, ein solches Radio zu hören ...

    Merci.

  6. Hallo
    Vielen Dank für Ihre Tutorial
    etabliertes
    Alle wiederhergestellt, aber die maj des Kalenders Google Mail in den integrierten Kalender unter WordPress werden wie lange getan?
    Die Replikation kann es parametrieren?
    Danke

    1. Guten Tag,

      Wir haben diese verschiedenen Aspekte des Google Kalender-Plugins noch nicht getestet. Wir laden Sie daher ein, ein wenig im Internet zu recherchieren.

      Alan Doug

  7. Guten Tag,
    Ich habe alle Anweisungen befolgt, die auch sehr klar sind.
    auf der anderen Seite habe ich eine Fehlermeldung „Die ID des Tagebuchs wurde nicht angegeben. Bitte überprüfen Sie, ob es in der Konfiguration richtig eingestellt ist.“
    Und die Agenda wird nicht aktualisiert.
    Wie beheben wir dieses Problem?
    Danke

    1. Guten Tag,
      Haben Sie einen Kalender zur Verfügung? Denn nach dem, was ich gelesen habe, ist keine Kennung einer Agenda verfügbar. Versuchen Sie, einen Kalender zu erstellen (ich habe möglicherweise vergessen, dies im Tutorial zu erwähnen).
      Wenn das Problem weiterhin besteht bitte Kontakt mit uns auf.

  8. Guten Tag,
    Ich habe Ihr Tutorial befolgt, aber wenn ich auf meine Website gehe, wird folgende Fehlermeldung angezeigt:
    „Daten wurden gefunden, konnten aber nicht analysiert werden. Stellen Sie sicher, dass Ihre Tagebucheinstellungen korrekt sind ”
    Haben Sie dafür eine Erklärung?
    Danke

    1. Guten Tag,
      Haben Sie sichergestellt, dass die Google-API korrekt registriert wurde? Dieser Fehler bedeutet auch, dass Ihr Kalender unlesbare oder ungültige Daten enthält.
      Vergewissern Sie sich auch, dass die verschiedenen Kurzwahlnummern wurden in der Regel aufgezeichnet.
      Wenn das Problem weiterhin besteht, kontaktieren Sie uns wieder

  9. Hallo und vielen Dank für dieses Tutorial auf Französisch, das für den Anfänger zugänglich ist. Ich glaube, ich habe es geschafft, den Google-Kalender auf der von mir verwalteten Website korrekt zu installieren Termine bei den angekündigten Veranstaltungen und dort.. ich blockiere!! Gibt es eine besondere Manipulation? oder ein Fehler in meiner Installation? .. Wenn ja, lass es mich wissen .. Grüße Chantal Audivert

    1. Hallo Chantal,

      Entschuldigung, aber dies kann die Verwendung eines CSS-Codes erfordern. Und wenn ja, sollten Sie sich vielleicht an unseren kostenpflichtigen Service wenden, um mehr zu erfahren.

      Aber ich denke, man kann auch kostenlos asctuces tun im Internet finden.

    2. Bonsoir
      in der Tat erfordert es die Verwendung eines personalisierten CSS-Codes…. Darüber hinaus bietet Google Kalender einen farbenfroheren Kalender, den Sie manuell zu Ihrem Blog hinzufügen können.

  10. Guten Tag,
    Ich habe Ihre Erklärungen befolgt, das Google Kalender-Plugin installiert, den Google API-Schlüssel, den ich registriert habe, andererseits habe ich keine GCAL-Ereignisse in der Startseite des WordPress-Menüs, also bin ich es Ich blieb beim Erstellen und Anzeigen eines Kalenders.
    Ich habe wahrscheinlich etwas vergessen, hast du eine Idee?

    1. Guten Abend Patrick,

      Sorry für die späte Antwort, wir arbeiten nicht am Wochenende. Können Sie den Link zu Ihrer Website geben?

      1. Ich habe noch keine WEB-Site, ich habe WordPress auf meinem PC und ich erstelle eine WEB-Site für ein Gite für einen Freund

    2. Guten Tag,
      Haben Sie versucht, den bereitgestellten Shortcode zu verwenden? In der Tat hat jeder Kalender einen Shortcode, den Sie einer Seite oder einem Artikel Ihrer Wahl hinzufügen können.

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
780 Aktien
Aktie777
tweet1
Registrieren2