Möchten Sie wissen, wie Sie Google Kalender in Ihre WordPress-Website integrieren? Schauen wir uns dieses Tutorial also gemeinsam an.

Einige Ihrer Websites würden von einem Kalender profitieren. Dies gilt insbesondere, wenn Sie die Aktivität eines Teams oder einer Gemeinschaft koordinieren oder wenn Sie Verwalten einer Event-Website.

So können Ihre Besucher oder Benutzer sehen, was neu ist oder was zu tun ist, vielleicht von wem, aber vor allem wann.

In diesem Artikel zeige ich Ihnen, wie Sie einen reaktionsschnellen Google Kalender in Ihre WordPress-Website integrieren.

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

Dann zurück zu warum wir hier sind.

Gehen Sie zu einem Google Kalender

Wenn Sie bereits über Google-Kalender verfügen, machen Sie diese öffentlich und überspringen Sie diesen Schritt. Andernfalls rufen Sie in Ihrem Browser auf Google Kalender und ggf. authentifizieren. Wenn alles gut geht, sollten Sie die Google Kalender-Oberfläche haben.

So integrieren Sie einen Google-Kalender in Ihre WordPress-Website für die Google-Kalender-Oberfläche

Um Ihnen ein Beispiel zu geben, verwenden wir öffentliche Kalender, die in Google Kalender verfügbar sind. Klicken Sie dazu auf den Griff davor andere Kalender Das ist auf der linken Seite Ihres Bildschirms. Wählen Sie im angezeigten Menü die Option Durchsuchen Sie interessante Kalender.

In der Kalenderliste, wählen Sie eine, die zu Ihnen passt, indem Sie den Link klicken registrieren welches sich gegenüber befindet. Für diesen Artikel habe ich gewählt Ferien in Frankreich. Sie sollten sehen, dass das Sie unten ausgewählt haben andere Kalender.

Betten Sie Ihre Google-Kalender in einer Seite oder Artikel

Klicken Sie auf den Griff vor Urlaub in Frankreich (Oder Ihr öffentlicher Kalender) und wählen Kalendereinstellungen. Kopieren Sie im Abschnitt Diesen Kalender integrieren den im Textfeld enthaltenen HTML-Code und fügen Sie ihn in Ihren WYSIWYG-Editor ein, den Sie zuvor im Textmodus eingegeben haben.

Entdecken Sie übrigens unsere Auswahl an 10 Code-Editoren für Entwickler Wordpress

Code-Inlay-Kalender

Speichern Sie Ihren Artikel und sehen Sie sich eine Vorschau an. Die Anzeige der Agenda auf Ihrer Website hängt stark von Ihren Anforderungen ab Wordpress-Theme. Wenn es vollständig reagiert, sollte es keine Anzeigeprobleme geben.

Versuchen Sie, die Breite Ihres Browserfensters zu verringern, um zu sehen, wie der Kalender auf kleineren Bildschirmen aussieht. Wenn die Kalenderanzeige zu irgendeinem Zeitpunkt unterbrochen wird, bedeutet dies, dass Sie eine kleine CSS-Zeile zu Ihrem hinzufügen müssen Wordpress-Theme.

Gehen Sie weiter und entdecken Sie Wie eine benutzerdefinierte CSS zu Ihrem Wordpress-Blog

Sei nicht beunruhigt, es ist nichts Kompliziertes.

In CSS, um das ansprechende Kalender zu machen

Um deine zu ändern Wordpress-Theme, insbesondere wenn Sie nicht der Autor sind, sollte die Aktualisierung in a erfolgen Kind Thema oder WordPress Plugin mit dem Sie benutzerdefiniertes CSS hinzufügen können.

Unabhängig von der gewählten Option fügen Sie Ihrem WordPress-Theme dieses kleine Stück CSS hinzu:

iframe {     max-width: 100%; }

Speichern Sie Ihre Änderungen, laden Sie die Seite Ihres Artikels neu und überprüfen Sie, ob die Agenda dieses Mal normal auf den kleinen Bildschirmen angezeigt wird.

Einbetten von mehreren Kalendern in einem Beitrag oder eine Seite

Abonnieren Sie zunächst wie oben beschrieben andere öffentliche Kalender (Andere Kalender> Durchsuchen Sie interessante Kalender) oder erstellen Sie Ihre eigenen Kalender und veröffentlichen Sie diese.

Wenn Sie alle Kalender haben, die Sie benötigen, wählen Sie einen aus, klicken Sie auf den Griff und wählen Sie Kalendereinstellungen. Dieses Mal im Abschnitt Integrieren Sie diese AgendaKlicken Sie auf den Link Passen Sie Farbe, Größe und andere Optionen an. Daraufhin wird Ihnen ein Anpassungsfenster angezeigt.

Gehen Sie weiter mit dem Grundlagen zum Anpassen einer WordPress-Website

Hier können Sie einige visuelle Aspekte Ihrer Agenda ändern. Eine wichtige Aufgabe ist es, Ihrer Kalendersammlung einen Titel zu geben, andernfalls wird der Titel des aktuellen Kalenders angezeigt.

Google Kalender integrieren

Am oberen Rand dieses Fensters befindet sich ein Textfeld mit einer Schaltfläche HTML-Code aktualisieren. Verwenden Sie diese Option, um eine Vorschau Ihres Kalenders anzuzeigen.

Wir empfehlen Ihnen auch, unsere zu überprüfen 10 Wordpress-Plugins Premium, perfekt für die Integration eines Kalenders in Ihre Website

Durch die Verwendung dieser Schaltfläche wird auch der HTML-Code im Textfeld aktualisiert. Wenn Sie mit Ihren Änderungen zufrieden sind, kopieren Sie diesen Code in Ihren Artikel. Speichern und laden Sie die Seite neu.

entdecken Sie auch So versetzen Sie Ihre WordPress-Website in den Wartungsmodus

Da Sie den CSS-Code bereits früher eingegeben haben, verhält sich das Tagebuch auf allen Bildschirmen einwandfrei.

Wie Sie sehen, ist das Hinzufügen eines Google-Kalenders zu Ihrer Website nicht sehr kompliziert. Es geht mehr darum, Code aus der Google Kalender-Anwendung zu kopieren und ihn natürlich mit dem Editor im Textmodus in eine Seite oder einen Artikel einzufügen.

Wenn Sie jedoch nicht eine ganze Seite mit Ihren Kalendern belegen, können Sie dies auch tun ein Google-Kalender Kalender-Widgets hinzufügen.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Seiten nach Benutzerrolle

Seiten nach Benutzerrolle ist a WordPress Plugin wodurch Sie die Zugriffskontrolle auf bestimmte Elemente Ihrer Website (Beiträge, Seiten, benutzerdefinierte Beitragstypen usw.)

Seiten nach Benutzerrolle für WordPress

Mit diesem Plugin können Sie eine Seite, einen Artikel, einen benutzerdefinierten Beitragstyp und andere löschen. in Suchergebnissen und Blog-Verzeichnis. Auf diese Weise können Sie die Seite, Kategorien und andere Menüelemente ausblenden, wenn Benutzer nicht angemeldet sind.

Sie können auch eine definieren URL-Umleitung Speziell für Benutzer, die nicht über die erforderliche Benutzerrolle verfügen.

Herunterladen | Demo | Web-Hosting

2. Ultimatives Affiliate Pro

Beginnen wir mit der WordPress Plugin Ultimate Affiliate Pro, das mit Sicherheit einer der besten ist Wordpress-Plugins Das robusteste Affiliate-Programm, da es sich in WooCommerce, Easy Digital Downloads, PayPal und Stripe-Plugins integrieren lässt.

Ultimatives Affiliate Pro WordPress-Plugin

Dort finden Sie alle Arten nützlicher Funktionen wie: Leistungsbonus- und Bannerverwaltung, Unterstützung für eine unbegrenzte Anzahl von Partnern und Sonderangeboten, Rankings und Provisionsstufen, Empfehlungen und Aktien auf soziale Netzwerke, Unterstützung für mehrere Zahlungsgateways PayPal, Stripe und viele mehr.

Wenn all das nicht beeindruckend genug war, sollten Sie wissen, dass es auch einige Vorlagen für Anmeldeseite, Anmeldung, kostenloses Konto und Verbindungen zu Top-E-Mail-Marketing-Anbietern wie MailChimp, Constant gibt Kontakt und viele andere.

Es ist eines der besten Affiliate-Plugins WooCommerce die Sie auf Envato Market finden.

Herunterladen | Demo | Web-Hosting

3. Stoff

Material Admin ist eines der fortschrittlichsten und elegantesten WordPress-Plugins auf dem Markt, um das WordPress-Dashboard anzupassen.

Material White Label WordPress Admin-Theme

Dieses WordPress-Plugin enthält 100-Designs und gibt Ihnen die Möglichkeit, Ihr eigenes Design zu erstellen. Sie können das gesamte Erscheinungsbild des Dashboard-Menüs, der oberen Leiste, der Schaltflächen, der Typografie, der Formulare, der Text- und Hintergrundfarben, des Logos usw. steuern.

Material Admin hat auch mehr als 20 widgets de Armaturenbrett personalisiert für Ihre Website und zeigt Statistiken für Besucher.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Es! Das war's für dieses Tutorial gewidmet der Integration eines Google-Kalenders in Ihre WordPress-Website. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

...  

Pin It auf Pinterest