Blog de Portekoi : Programmation et Astuces

Programmation Cobol, Php, Asp, Java et DotNet…

Ajouter un Timer personnalisable sur un WordPress

Dernièrement, j’ai eu besoin d’utiliser un Timer. N’ayant rien trouvé répondant à mon besoin, j’ai créé un plugin.

Comment fonctionne-t-il?

Il utilise les « ShortCode ». Par exemple, pour afficher un time « sans css » jusqu’au 31/12/2015 :
[koatimer date="31/12/2015"]

Ce qui nous donnera :

Si l’on souhaite y ajouter un style CSS, il suffit d’utiliser « class » :
[koatimer date="31/12/2015" class="timer"]

Puis ajouter un style CSS :

<style type="text/css">
.timer{
	width: 340px;
	background-color: #E01932;
	color: #fff;
	font-family: "Fjalla One",sans-serif;
	font-size: 36px;
	letter-spacing: -2px;
	margin: 17px 0 6px;
	padding: 7px 0;
	text-align: center;
}
</style>

Ce qui donnera :

J’ai aussi ajouté des options comme :

Un timer qui décompte jusqu’à la fin de la journée :


[koatimer action="jour" class="timer"]

Un timer qui décompte par quinzaine (du 1 au 15 puis du 15 au 1 du mois suivant) :


[koatimer action="quinze" class="timer"]

Un timer qui décompte pour une date et une heure choisie (31/12/2015 à 12h) :


[koatimer date="31/12/2015" heure="12" class="timer"]

Un timer qui décompte jusqu’au prochain « mardi » :


[koatimer action="7j" jour="tuesday" class="timer"]

—–

Avec un format (YOWDHMS) :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *