WordPress: Passen Sie CSS an, wenn der Beitrag heute veröffentlicht wurde

WordPress-Logo

Ich wollte schon seit einiger Zeit die kleinen Kalendergrafiken zu meinen Beiträgen hinzufügen. Ich habe zwei Klassen für das Datums-Div geschrieben und das Hintergrundbild unterschiedlich eingestellt, je nachdem, ob der Beitrag heute geschrieben wurde oder nicht. Dank an Michael H in den WordPress Support Forums, endlich habe ich meine Aussage richtig verstanden! Hier ist, was ich getan habe. Ich habe ein Hintergrundbild für das Datum der Div-Klasse festgelegt:


Für das heutige div habe ich ein anderes Hintergrundbild festgelegt, das auf eine div-Klasse namens the_date_today angewendet wird:


Nun, da ich diese eingestellt habe, muss ich etwas Code schreiben, der das "_today" hinzufügt, wenn der Beitrag heute geschrieben wurde:

post_date_gmt); if($post_date==gmdate('Ymd')) { echo '_today'; } ?>">

So funktioniert das:

  1. Ich habe eine Variable namens $ post_date gesetzt, die dem Datum des Beitrags entspricht formatiert als Ymd.
  2. Ich schreibe eine if-Anweisung, damit ich, wenn diese Variable dem heutigen Datum entspricht (ebenfalls als Ymd formatiert), "_today" hinzufüge.

Voila! Jetzt habe ich eine Kalendergrafik, die anzeigt, ob der Beitrag heute geschrieben wurde oder nicht! Ich muss nur die Zeitzone anpassen und ich werde es machen lassen!

5 Kommentare

  1. 1

    Hey Doug. Das ist wirklich schlau!

    Nebenbei bemerkt, ich schlage vor, dass Sie das Kontrollkästchen "Abonnieren" über die Schaltfläche "Kommentar hinzufügen" verschieben. Für mich ist das etwas benutzerfreundlicher.

    Großartige Arbeit mit Ihren neuen Kalendergrafiken und CSS.

    • 2

      Danke Sean.

      Die Positionierung des Kontrollkästchens ist absichtlich. Wenn Sie es außerhalb der anderen Felder platzieren, wird es zwischen den anderen Feldern getrennt. Wenn Sie es in der Nähe der Schaltfläche platzieren, wird eine Auswahl in der Nähe einer Aktion platziert. Dies kann dazu führen, dass mehr Personen es verpassen, wenn sie ihre Gedanken in einem Kommentar vervollständigen und zum Senden übergehen.

      Eine Sache, die fehlt, sind jedoch die richtigen Tabulatoren. Ich werde das korrigieren.

  2. 3

    Nun, ich denke, es gibt einen Fehler in Ihrem Code, jetzt, da es ein neuer Tag ist. Das Kalendersymbol zeigt heute noch an, aber jetzt ist es tatsächlich morgen 🙂

  3. 5

    Ok, ich wusste nicht, dass du das meinst, um dich auf GMT einzustellen.

    Ich bin mir sicher, dass Sie oben drauf sind, Mr. Code Monkey, aber vielleicht könnten Sie eine Art 'if'-Anweisung machen, wenn Sie Ihre Serverzeit betrachten?

    Wenn Datum / Uhrzeit des Servers X im Vergleich zu Datum / Uhrzeit des Beitrags ist, wird ein X-Bild oder etwas in diesem Sinne angezeigt.

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.