X

So erstellen Sie einen Countdown-Timer-Shortcode, um Inhalte nach einem Datum anzuzeigen

Schnipsel von IsItWP

Suchen Sie nach einer Möglichkeit, einen Countdown-Timer-Shortcode zu erstellen, um Inhalte nach einem bestimmten Datum anzuzeigen? Dieser Codeausschnitt erstellt einen Shortcode, der einen Countdown-Timer für bestimmte Inhalte innerhalb Ihres Beitrags platziert. Die Inhalte werden erst nach dem angegebenen Datum sichtbar.

Anweisungen:

  1. Fügen Sie diesen Code zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin ein.
  2. function content_countdown($atts, $content = null){
      extract(shortcode_atts(array(
         'month' => '',
         'day'   => '',
         'year'  => ''
        ), $atts));
        $remain = ceil((mktime( 0,0,0,(int)$month,(int)$day,(int)$year) - time())/86400);
        if( $remain > 1 ){
            return $daysremain = "<div class=\"event\">Just <b>($remain)</b> days until content is available</div>";
        }else if($remain == 1 ){
    	return $daysremain = "<div class=\"event\">Just <b>($remain)</b> day until content is available</div>";
        }else{
            return $content;
        }
    }
    add_shortcode('cdt', 'content_countdown');
    
  3. Fügen Sie diesen Shortcode mit den Inhalten, die Sie nach dem angegebenen Datum anzeigen möchten, in Ihren Beitrag ein. Vergessen Sie nicht, auch die Datumsattribute festzulegen.
  4. [cdt month="11" day="15" year="2020"]
    This is content that will only be shown after a set number of days.
    [/cdt]
    

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Codeausschnitt gefallen hat, sollten Sie sich unsere anderen Artikel auf der Website ansehen, wie zum Beispiel: CSS Hero Review: Das #1 WordPress Theme Customization Plugin.

Kommentare   Hinterlasse eine Antwort

  1. Jesus Rico Vargas 28. Februar 2019 um 02:20 Uhr

    Wie kann ich diesen Code anwenden, um Minuten, aber nicht Tage zu erstellen?

  2. wickandcoilchurch 15. August 2015 um 14:36 Uhr

    Wie kann ich dies so wiederholen, dass am Ende ein Button anstelle von Text steht? Sobald der Button geklickt wird, führt er die entsprechende Aktion aus und zeigt einfach wieder den Timer an. Wenn der Benutzer nicht angemeldet ist, wird einfach der Button angezeigt, bis er sich anmeldet und darauf klickt.

  3. Hallo,

    Tolles Stück Code 🙂

    Gibt es eine Möglichkeit, den Inhalt an einem bestimmten Datum zu entfernen? Sie können also das Datum festlegen, an dem der Inhalt angezeigt werden soll, und er kann an einem bestimmten Datum ablaufen?

    MAtt

    1. Hallo Matt, ich bin sicher, wir können so etwas tun. Ich werde in naher Zukunft einen Codeausschnitt posten.

      1. Danke Kevin 🙂

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!