Qu’est-ce qu’un widget ?
Un widget est une petite application, une sorte de mini page web qu’il est possible d’inclure sur un site Internet afin d’afficher diverses informations provenant d’un site tiers.
Dans le cas des widgets MeteoLux, ils vous permettent d’afficher sur votre site, quasi en temps réel et sans besoin de mise à jour de votre part, la météo actuelle ainsi que des prévisions pour les prochains jours et les éventuelles alertes météo et routière du jour.
Installer le widget sur votre page web
Le widget est très simple à installer et gratuit. Pour l’inclure sur votre site Internet, copier le code suivant et coller le, dans votre code HTML, à l’endroit ou vous désirez afficher le widget.
<div id="meteolux-widget">
<script type='text/javascript' src='https://www.meteolux.lu/widget/ml-widget.js'></script>
<script type='text/javascript'>
var widget = new Meteolux({
theme: "light",
maxWidth: "400",
displayAlert: true,
displayToday: true,
displayTodayNext: true,
nextDaysNumber: 4,
containerID: "meteolux-widget"
});
</script>Afin de personnaliser le widget, vous pouvez changer les options suivantes :
? theme : ’dark’
! Le theme peut être "dark" ou "light". Selont l’option choisie, les couleurs seront différentes.
? dropShadow : true
! Si vous ne souhaitez pas avoir d’ombre autour du widget indiquez ’false’.
? maxWidth : ’1000’
! maxWidth détermine la largeur maximale de l’élément contenant le widget. Sa valeur maximal est 1000 pixels. Valeur minimum conseillée : 320.
? displayAlert : true
! Si vous ne souhaitez pas afficher les alertes, indiquez ’false’.
? displayToday : true
! Si vous ne souhaitez pas afficher les informations actuelles du jour, indiquez ’false’.
? displayTodayNext : true
! Si vous ne souhaitez pas afficher les prévisions du jour, indiquez ’false’.
? nextDaysNumber : 4
! L’option "nextDaysNumber" vous permet de choisir le nombre de prochains jours à afficher. Le maximum autorisé est 4.
? fontFamily : ’Open sans’
! Si vous le souhaitez, vous pouvez utiliser une autre police de caractères. Attention cependant, vous devez vous assurer que votre police est chargée. La police par défaut est ’Open sans’ et est chargée depuis google font.
? containerID : ’meteolux-widget’
! Si vous souhaitez afficher plusieurs widgets, vous aurez besoin de spécifier quel élément inclura le widget via son id.
