WordPress: Personnalisez le CSS si l'article est publié aujourd'hui

logo wordpress

Je voulais ajouter les petits graphiques de calendrier à mes messages depuis un moment maintenant. J'ai écrit deux classes pour la date div et défini l'image d'arrière-plan différemment selon que le message a été écrit ou non aujourd'hui. Grâce à Michael H dans les forums de support WordPress, J'ai finalement obtenu ma déclaration correcte! Voici ce que j'ai fait. J'ai une image d'arrière-plan définie pour la date de la classe div:


Pour le div d'aujourd'hui, j'ai défini une image d'arrière-plan différente appliquée à une classe div nommée the_date_today:


Maintenant que je les ai définis, je dois écrire du code qui ajoute le "_today" si le message a été écrit aujourd'hui:

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

Voici comment cela fonctionne:

  1. J'ai défini une variable appelée $ post_date égale à la date de la publication formaté comme Ymd.
  2. J'écris une instruction if de sorte que si cette variable est égale à la date du jour (également au format Ymd), j'ajoute "_aujourd'hui"

Voila! Maintenant, j'ai un graphique de calendrier qui indique si le message a été écrit aujourd'hui ou non! J'ai juste besoin d'ajuster le fuseau horaire et je vais le faire!

5 Commentaires

  1. 1

    Salut Doug. C'est vraiment super!

    Note latérale, je vous suggère de déplacer votre case à cocher «s'abonner à» au-dessus du bouton d'ajout de commentaire… pour moi, c'est un peu plus convivial.

    Excellent travail sur vos nouveaux graphiques de calendrier et CSS.

    • 2

      Merci Sean.

      Le positionnement de la case à cocher est fait exprès. Le mettre en dehors des autres champs créerait une séparation entre lui et les autres champs étroitement espacés. En le plaçant près du bouton, cela place une sélection près d'une action, cela pourrait en fait faire en sorte que plus de gens la ratent lorsqu'ils terminent leurs pensées dans un commentaire et se déplacent pour soumettre.

      Une chose qui manque cependant, ce sont les taquets de tabulation appropriés. Je vais corriger cela.

  2. 3

    Eh bien, je pense qu'il y a un bogue dans votre code maintenant que c'est un nouveau jour. L'icône de calendrier dit encore aujourd'hui, mais il est en fait demain maintenant 🙂

    • 4

      La dernière phrase du message énonce le problème - je dois m'ajuster pour GMT. Je dois également m'ajuster pour la mise en cache, donc j'essaye de tuer 2 oiseaux avec 1 pierre.

  3. 5

    Ok, je ne savais pas que ce que vous sens sur le réglage de l'heure GMT.

    Je suis sûr que vous êtes au top mr code monkey 🙂 mais peut-être pourriez-vous faire une sorte de déclaration «si» en regardant l'heure de votre serveur?

    si la date / heure du serveur est X par rapport à la date / heure de publication, affichez l'image X ou quelque chose du genre.

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..