Springe zum Hauptinhalt

So integrieren Sie einen Google-Kalender in Ihre WordPress-Website

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]

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

Einige Ihrer Websites würden von einem Kalender profitieren. Dies gilt insbesondere dann, wenn Sie die Aktivitäten eines Teams oder einer Community 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 bei Bedarf 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 das Beispiel zu geben, verwenden wir öffentliche Kalender, die in Google Kalender verfügbar sind. Klicken Sie dazu auf den gegenüberliegenden Griff 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 zeigen Sie eine Vorschau an. Die Anzeige der Agenda auf Ihrer Website hängt stark von Ihrem WordPress-Thema ab. Wenn es vollständig reagiert, sollte es keine Anzeigeprobleme geben.

Versuchen Sie, die Breite Ihres Browserfensters zu verringern, um eine Vorschau der Darstellung des Kalenders auf kleineren Bildschirmen zu erhalten. Wenn die Kalenderanzeige zu irgendeinem Zeitpunkt unterbrochen wird, müssen Sie Ihrem WordPress-Design eine kleine Zeile CSS hinzufügen.

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

Sei nicht beunruhigt, es ist nichts Kompliziertes.

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]

In CSS, um das ansprechende Kalender zu machen

Um Ihr WordPress-Theme zu ändern, insbesondere wenn Sie nicht der Autor sind, sollte dessen Aktualisierung in a erfolgen Kind Thema oder ein 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 ein Personalisierungsfenster 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.

Multiple-Agenda-custom

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 Premium WordPress-Plugins, die sich perfekt für die Integration eines Kalenders in Ihre Website eignen

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.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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 WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip 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 ein WordPress-Plugin, mit dem Sie die Zugriffssteuerung für bestimmte Elemente Ihrer Website (Artikel, Seiten, Arten personalisierter Beiträge usw.) hinzufügen können.

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.

Download | Demo | Web-Hosting

Beginnen wir mit dem WordPress Ultimate Affiliate Pro-Plugin, das mit Sicherheit eines der robustesten WordPress-Partnerprogramm-Plugins ist, da es in WooCommerce-, Easy Digital Downloads-, PayPal- und Stripe-Plugins integriert ist.

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.

Download | 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 und des Fensters steuern Typografie, Formulare, Text- und Hintergrundfarben, Logo usw.

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

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]

Download | 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.

...  

Dieser Artikel enthält Kommentare 0

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
16 Aktien
Aktie10
tweet2
Registrieren4