Sélectionner une page


Vous avez toujours voulu que vous puissiez afficher la date du jour sur votre site WordPress? En affichant la date actuelle, les lecteurs sauront que vous êtes toujours en vie. Et si vos lecteurs sont aussi oublieux que moi, cela peut même les aider à se souvenir d’une prochaine date d’échéance!

Alors que certains thèmes WordPress ont une option intégrée pour afficher la date du jour sur votre site, la plupart des thèmes ne le font pas. Donc, si vous souhaitez afficher la date actuelle n’importe où sur votre site WordPress, vous devrez faire les choses vous-même.

Dans cet article, je vais décrire trois méthodes différentes pour afficher la date du jour dans WordPress. Tout d’abord, je vais vous montrer l’un des rares plugins fonctionnels avec cette fonctionnalité. Ensuite, je vais vous donner un tutoriel rapide sur la façon de créer votre propre shortcode. Et enfin, je vais couronner le tout avec deux extraits de code différents que vous pouvez utiliser pour ajouter la date du jour directement aux fichiers de modèle de votre sujet.

Plongeons-nous dans …

Comment afficher la date du jour à l’aide d’un plugin WordPress

Il existe quelques plugins différents que vous pouvez utiliser pour voir la date du jour sur votre site WordPress. Mais, à mon grand regret, peu d’entre eux fonctionnent réellement. Après en avoir testé quelques-uns qui ne fonctionnaient pas très bien, j’en ai finalement trouvé un qui fonctionne sous la forme de Widget de date et d’heure.

Sans surprise, le widget Date et heure vous apporte un tout nouveau widget qui vous permet d’insérer la date et l’heure actuelles dans n’importe quelle zone de widget. Si vous préférez un shortcode à un widget, je vais vous montrer comment créer votre propre shortcode de date du jour dans la section suivante.

Ce plugin est agréable car il vous permet de configurer le formatage, les polices et les tailles, ainsi que certaines couleurs personnalisées.

Pour utiliser le plugin, il vous suffit de l’installer et de l’activer. Ensuite aller à Apparence → Widgets et arrêtez le nouveau Date et l’heure Widget comme les autres:

Widgets de date du jour

Ensuite, tout ce que vous avez à faire est de parcourir et de configurer chaque option:

  • Format de l’heure: Vous pouvez choisir parmi plusieurs formats d’heure différents ou sélectionner Aucun pour désactiver cette partie (et n’afficher que la date).
  • Format de date: Choisissez le format que vous souhaitez utiliser pour la date.
  • Famille de polices: Choisissez une famille de polices de remplacement (le widget doit hériter de la police de votre thème comme premier choix).
  • Taille de police: explicite.
  • Couleur du texte: La couleur de tout le texte du widget.
  • Couleur de l’arrière plan: l’arrière-plan du texte.

Je vais rendre l’arrière-plan noir et la couleur du texte blanche pour que vous puissiez voir comment ces deux éléments fonctionnent.

Dès que vous avez enregistré votre widget, la date du jour s’affiche dans le front-end:

frontend de la date du jour

Assez facile! Mais il est presque aussi facile de créer votre propre shortcode qui affiche la date actuelle. Voici comment:

Comment créer un shortcode pour afficher la date du jour dans WordPress

Si vous préférez une approche plus manuelle, vous pouvez créer votre propre shortcode avec seulement quelques lignes de code. Personnellement, c’est ma méthode préférée car elle vous donne la flexibilité de mettre la date actuelle dans n’importe quelle partie de votre contenu, pas seulement dans les zones de widgets.

Vous pouvez soit coller ce code dans:

Je vais vous montrer comment le faire avec functions.php car c’est la méthode la plus simple. Tout ce que vous avez à faire est de ne pas oublier de recopier ce code si jamais vous changez de sujet.

Pour créer le shortcode, il vous suffit d’ajouter ce code à votre fichier functions.php:


function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');


Le shortcode utilise le même format de date que celui que vous avez défini Paramètres → Général.

Une fois que vous avez ajouté le code, vous êtes prêt à l’utiliser [datetoday] Shortcode dans l’éditeur WordPress ou dans le module de code Divi:

Module de code Divi

La date actuelle est affichée dans le front-end selon le format dans vos paramètres WordPress:

Date d'aujourd'hui Divi

Vous pouvez également ajouter une mise en forme de base à vos données à l’aide de l’éditeur TinyMCE. Par exemple, si vous mettez le shortcode en gras, la date apparaîtra également en gras sur le front-end de votre site Web.

Remarque – Ce code est une version corrigée du code créé par Ben Poland La date d’aujourd’hui, un plugin qui a cessé de fonctionner en raison d’un espace incorrect dans la fonction de shortcode. J’ai trouvé le plugin de Ben dans le répertoire WordPress.org et je voulais l’utiliser pour ce tutoriel. Cependant, lors des tests, j’ai constaté que cela ne fonctionnait que lorsque je modifiais manuellement le code pour supprimer l’espace du shortcode.

Comment afficher la date du jour avec le code

Remarque – Cette section n’est vraiment destinée qu’aux personnes qui connaissent au moins un peu le code et les thèmes WordPress. Si vous êtes un débutant complet, je vous recommande de vous en tenir aux deux méthodes précédentes.

Si vous êtes prêt à vous salir la main avec les fichiers de modèle de votre thème, vous pouvez également utiliser une seule ligne de PHP pour coller la date du jour n’importe où sur votre site WordPress.

Vous avez le choix entre deux extraits de code:

<?php echo date(get_option('date_format')); ?>

L’extrait ci-dessus montre la date actuelle selon vos paramètres WordPress, tout comme le shortcode.

Cependant, vous pouvez également utiliser ce code pour spécifier un format de date unique:

<?php echo date('l jS F Y'); ?>

Vous pouvez découvrir les formats disponibles dans cet article du Codex WordPress.

Par exemple, si vous mettez le code juste en dessous de la fermeture -Tag dans votre fichier header.php comme suit:

Code d'en-tête

Ensuite, la date actuelle apparaîtra juste sous votre en-tête sur votre site frontal:

Extrémité avant d'en-tête

Vous devrez peut-être jouer avec le positionnement – mais c’est un autre moyen facile d’obtenir la date du jour sur votre site WordPress.

Pour plus de contrôle, vous pouvez utiliser le code dans un

placez puis utilisez CSS pour créer ceci

Format et / ou position sur votre site.

Enveloppez les choses

Bien que l’affichage de la date du jour sur votre site WordPress ne soit pas un changement majeur, il peut être utile en fonction du thème de votre site.

Si vous souhaitez afficher la date du jour dans votre barre latérale (ou dans d’autres zones de widgets), le plugin de widget de date et d’heure est la meilleure option.

Sinon, je vous recommande de créer votre propre shortcode ou si vous en avez un au moins Certaines compétences de base en codage incluses dans les fichiers modèles de votre sujet.

Avons-nous oublié votre méthode préférée pour ajouter la date du jour à WordPress? N’hésitez pas à partager vos suggestions ci-dessous.

Vignette d’article de 32 pixels / shutterstock.com





Source link

Recent Posts