So fügen Sie Ihrer WordPress-Site einen Timer hinzu
Veröffentlicht: 2022-10-01Wenn Sie Ihrer WordPress-Site einen Timer hinzufügen möchten, gibt es verschiedene Möglichkeiten, wie Sie dies tun können. Sie können ein Plugin wie WP-Countdown oder T(-) Countdown verwenden oder Ihrer Website ein wenig Code hinzufügen.
Das Hinzufügen eines Timers zu Ihrer WordPress-Site kann eine großartige Möglichkeit sein, ein Gefühl der Dringlichkeit zu erzeugen oder Menschen zum Handeln zu ermutigen. Beispielsweise möchten Sie möglicherweise einen Timer zu einer Verkaufsseite hinzufügen, um die Leute zum Kauf anzuregen, bevor der Verkauf endet. Oder Sie möchten vielleicht einen Timer zu einer Veranstaltungsseite hinzufügen, um die Leute zu ermutigen, sich anzumelden, bevor die Registrierung endet.
Was auch immer Ihr Grund dafür ist, einen Timer zu Ihrer WordPress-Seite hinzuzufügen, es gibt ein paar verschiedene Möglichkeiten, wie Sie dies tun können. In diesem Artikel zeigen wir dir, wie du deiner WordPress-Seite mithilfe eines Plugins und mit Code einen Timer hinzufügst.
Ein Countdown-Timer zeigt, wie der Name schon sagt, die verbleibende Zeit an. Diese Programme sind effektiv bei der Generierung von Leads und der Steigerung des Umsatzes. Wenn Sie eine bevorstehende Veranstaltung ankündigen, können Sie Ihre Besucher anlocken, indem Sie die Minuten bis zur Veranstaltung herunterzählen und ihnen eine glückliche Rückkehr wünschen. Mit Hilfe des Customizers des Countdown-Widgets von Elementor können Sie die Stile Ihres Countdown-Timers ändern. Sie können die Typografie ändern, Bilder hinzufügen, die Hintergrundfarbe ändern und vieles mehr auf dem Bildschirm. Sie können auch verschiedene Beschriftungen eingeben, bestimmte Beschriftungstypen (z. B. Minuten und Sekunden) ausblenden und die Hintergrundfarbe ändern. Bitte behalten Sie unsere Website im Auge, um weitere Videos zum gleichen Thema zu sehen.
Mit Simplify Content können Sie ganz einfach den Abstand Ihrer Zahlen in Ihrer Spalte festlegen. Mit der Option „Ziffernfarbe“ können Sie die Farbe Ihrer Countdown-Zahlen ganz einfach ändern und sie problemlos an Ihr gesamtes Website-Design anpassen. Der Etiketten-Typografie-Abschnitt ist dem des Ziffern-Typografie-Abschnitts ähnlich. Die Option „Hintergrundtyp“ kann in „Klassisch“ oder „Verlauf“ geändert werden. Die Anzahl der für die erste Farbe erforderlichen Leerzeichen kann durch Auswahl der Option Position angegeben werden. Sie müssen zwei Farben auswählen, die miteinander verschmelzen, um einen Verlaufseffekt zu erzeugen, wenn Sie den Hintergrundtyp „Verlauf“ wählen. Mit der Option Etikettenrand oben können Sie mehr Platz zwischen den Zahlen und dem Etikett schaffen.
Um Ihrer Website einen einfach aussehenden Countdown-Timer hinzuzufügen, empfehlen wir die Installation eines Plugins namens Countdown Timer Ultimate. Mit dem Plugin können Sie in wenigen Minuten einen voll funktionsfähigen Countdown-Timer einrichten. Um die Einstellungen für Ihren Timer zu ändern, gehen Sie zur Seite „Timer hinzufügen“ in Ihrem WordPress-Adminbereich. Eine Reihe von Qode Interactive-Designs enthalten einen Countdown-Timer. Je nach Thema kann das Aussehen Ihrer Countdown-Uhr variieren. Es gibt einige Optionen, die je nach Thema leicht unterschiedlich sind, aber die Grundeinstellungen sind meistens gleich. Mit dem Bridge-WordPress-Theme können Sie dieses Element zu Ihrer Website hinzufügen.
Zusätzlich zu den grünen speziell für Qode gibt es eine Vielzahl von Shortcodes. Countdown ist der zu verwendende. Wenn dieses Element angeklickt wird, werden die Countdown-Einstellungen angezeigt. Sie können angeben, wann die Uhr aufhören soll, die Zeit herunterzuzählen, indem Sie das gewünschte Jahr, den Monat, den Tag, die Stunde und die Minute auswählen. Nachdem Sie Ihr Timer-Element fertig eingestellt haben, klicken Sie auf Änderungen speichern, um es zu speichern. Die Verwendung des Countdown-Widgets des Elementor-Plugins mit den Qi-Addons ist eine fantastische Möglichkeit, das Aussehen Ihres Timers vollständig anzupassen. Wenn Sie einen einfach aussehenden Countdown-Timer mit weniger Optionen wünschen und nach etwas Einfacherem suchen, ist das Countdown Ultimate-Plugin eine gute Wahl.
Wie füge ich meiner WordPress-Site einen Timer hinzu?
Sie können Ihrer WordPress-Site einen Timer hinzufügen, indem Sie ein Plugin wie Countdown Timer Ultimate installieren. Sobald das Plugin installiert und aktiviert ist, können Sie einen neuen Countdown-Timer erstellen, indem Sie zum Menüpunkt „Countdown-Timer Ultimate “ in Ihrer WordPress-Admin-Seitenleiste gehen und auf die Schaltfläche „Neu hinzufügen“ klicken.
Ein einfacher Timer ist eine Uhr, mit der ein bestimmtes Datum eingestellt werden kann. Es wird empfohlen, Countdown-Timer zu verwenden, wenn Sie große Veranstaltungen oder Markteinführungen planen. Zeitschaltuhren für Zeitschaltuhren sind jedoch mehr als nur für Unternehmen. Wenn Sie eine hinzufügen möchten, können Sie dies auf Ihrer Hochzeitswebsite tun. AT(-) Countdown kann auf zwei Arten konfiguriert werden: als Widget oder als Shortcode. Das Widget wird zuerst angezeigt, gefolgt vom Shortcode, den Sie unten sehen. Nachdem Sie das Widget platziert haben, können Sie einen Titel dafür wählen und ein Datum festlegen.
Es ist einfach, das Erscheinungsbild Ihres Countdown-Timers mit Shortcode-Ausdrücken zu ändern. Mit einem Plugin wie T(-) Countdown können Sie schnell und einfach einen Countdown-Timer in WordPress einrichten. Wenn Sie mit den von diesem Plugin bereitgestellten Stiloptionen unzufrieden sind, können Sie es mithilfe von CSS anpassen. Wenn Sie wissen möchten, was die Klassen für jedes der Elemente sind, aus denen Ihr Countdown-Timer besteht, müssen Sie sie kennen.
Widgets, um jeden Beitrag oder jede Seite zu einem Countdown zu machen
Alle Timer auf einem Beitrag oder einer Seite müssen in allen Widgets aktiviert sein, also wählen Sie einen Timer-Typ aus, geben Sie eine Verzögerung an, bevor der Timer beginnt, und geben Sie den Timer-Typ an: Zählen, Timer mit Zeit, Timer mit Minuten oder Stoppuhr. Wenn der Timer abgelaufen ist, können Sie eine Verzögerung einstellen. Sie können das Aussehen Ihres Widgets ändern, indem Sie ein Bild hinzufügen. Um den Ton des Timers zu ändern, wählen Sie die entsprechende Änderung.

So fügen Sie ein Timer-Widget hinzu

Auf diese Frage gibt es keine allgemeingültige Antwort, da der beste Weg, ein Timer-Widget zu Ihrer Website oder Ihrem Blog hinzuzufügen, von der jeweiligen Plattform und den verwendeten Tools abhängt. Im Allgemeinen müssen Sie jedoch zuerst ein neues Widget oder HTML-Code-Element auf Ihrer Seite erstellen und dann den gewünschten Code für das Timer-Widget in dieses Element einfügen. Sobald Sie Ihre Änderungen gespeichert haben, sollte das Timer-Widget auf Ihrer Seite erscheinen.
Hier sind drei Methoden zum Hinzufügen eines Countdown-Timers zu Ihrem WordPress-Blog. Sie können einen Countdown-Timer verwenden, um wichtige Erfolge, Jahrestage, bevorstehende Ereignisse und andere wichtige Momente zu markieren. Da es in WordPress so viele Verwendungsmöglichkeiten für einen Countdown-Timer gibt, haben wir ihn in drei verschiedene Verwendungsmöglichkeiten unterteilt. Die Countdown-Timer -Funktion von OptinMonster ermöglicht es Ihnen, sie mit jeder Art von optinMonster-Kampagne zu kombinieren, wie z. B. einem Lightbox-Popup, einem Seitenleisten-Widget, einer schwebenden Leiste oder einer anderen Art von optinMonster-Kampagne. Der Shortcode für Ihren Countdown-Timer muss in den Widget-Einstellungen eingegeben werden. Mit diesem Countdown-Timer können Sie Ihrer WordPress-Site auch eine Seitenleiste hinzufügen. OptinMonster ist ein hervorragendes Tool zum Anzeigen eines Countdown-Timers in stark frequentierten Designelementen.
Du kannst auch immergrüne Countdown-Timer in WordPress einrichten. Wenn Sie den Countdown-Timer verwenden möchten, benötigen Sie daher eine SeedProd Pro-Version ihres Plugins. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation von WordPress-Plugins. SeedProd bietet eine breite Palette von Seitentypen, darunter bevorstehende Seiten, Anmeldeseiten, benutzerdefinierte WooCommerce-Warenkorbseiten und 404-Seiten sowie benutzerdefinierte WordPress-Warenkorbseiten. Um Ihrem Warenkorb eine Zielseite hinzuzufügen, klicken Sie auf die Schaltfläche Neue Zielseite hinzufügen. Benutzer können SeedProd verwenden, um sich mit beliebten Social-Media-Plattformen wie Drip, Constant Contact, SendinBlue und ConvertKit zu verbinden. Mit SeedProd können Sie SEO-Inhalte, ein Bild, ein Favicon und ein Social-Media-Thumbnail hinzufügen.
Standardmäßig erscheint die Seite in allen Inhalten der Website. Wenn Sie außerdem eine andere URL als die Startseite oder eine bestimmte URL verwenden möchten, können Sie die Farbe ändern. Neben der Vorschau Ihrer Zielseite können Sie auch Änderungen daran vornehmen.
Gibt es ein Widget für den Timer?
Setzen Sie mit dem Widget Timer 4+ einen Timer auf Ihren Startbildschirm. Sie können Ihrem Startbildschirm Timer als Widgets hinzufügen, um sie zu streichen, wenn Sie bei der Arbeit und organisiert sind.
Wie lege ich einen Countdown auf meinen Startbildschirm?
Halten Sie einfach einige Sekunden lang den leeren Bildschirm auf Ihrem Startbildschirm gedrückt und tippen Sie auf das +-Symbol in der Ecke, um loszulegen. Werfen Sie von jedem beliebigen Ort aus einen Blick auf die Countdown-Anzeige .
Neues Update für die Apple Clock App ermöglicht die Anzeige des Timers auf dem Sperrbildschirm
Apple hat kürzlich ein neues Update für seine Uhr-App veröffentlicht, das die Möglichkeit bietet, den Timer auf dem Sperrbildschirm anzuzeigen. Diese App ist ideal für diejenigen, die es vorziehen, ihre Zeit außerhalb ihrer Geräte zu verfolgen. Es ist wichtig, sich an einige Dinge zu erinnern, bevor Sie den Timer auf Ihrem Sperrbildschirm verwenden. Überprüfen Sie, ob Ihre Uhr-App mit der neuesten Version auf dem neuesten Stand ist. Stellen Sie als letzten Ausweg sicher, dass die Uhr-App gleichzeitig Inhalte auf dem Sperrbildschirm anzeigen kann. Schließlich können Sie durch Auswahl der Option Auf dem Sperrbildschirm im App-Manager den Timer auf Ihrem Sperrbildschirm aktivieren.
WordPress Countdown-Timer-Code ohne Plugin

Sie können Ihrer WordPress-Site einen Countdown-Timer hinzufügen, ohne ein Plugin zu verwenden, indem Sie Ihrer Site ein wenig Code hinzufügen. Dazu müssen Sie zunächst einen Countdown-Timer in einem Texteditor wie Notepad++ erstellen und als .js-Datei speichern. Anschließend müssen Sie diese Datei auf Ihre WordPress-Site hochladen und dem Header Ihrer Site einige Codezeilen hinzufügen.
Erstellen Sie einen Countdown-Timer, ohne ein Plugin für WordPress hinzuzufügen Sie benötigen einen Shortcode, der $atts['date'] sagt, wenn Sie einen wollen. Die Art des Datums spielt keine große Rolle, wenn es darum geht, einen Shortcode hinzuzufügen, da wir im Detail darauf eingehen, wenn es auftritt. Wir können die Magie von PHP verwenden, um den String einfach in ein Zeitformat zu konvertieren. Es ist an der Zeit, $time_remaining in Sekunden in Tage umzuwandeln. Ceil() wird verwendet, um den Bruch auf die nächste ganze Zahl aufzurunden. Wenn es morgen passiert, wird es einen Tag später angezeigt. Wir unterteilen Tage in Wochen und Tage, wenn mehr als 7 Tage auf der Uhr verbleiben.
Wenn Sie möchten, können Sie das Datumsformat ändern. Bei Verwendung des amerikanischen Stils m/d/y sollten Bindestriche (-) anstelle von Schrägstrichen (/) verwendet werden. Das System unterscheidet, wie oben erwähnt, so etwas wie den 1.7.19 (7. Januar) vom 11.7.19 (1. Juli). Weitere Informationen dazu finden Sie in der Funktion strtotime().