{"id":2511,"date":"2020-09-08T15:43:37","date_gmt":"2020-09-08T15:43:37","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=2511"},"modified":"2020-09-08T15:45:27","modified_gmt":"2020-09-08T15:45:27","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/","title":{"rendered":"Weather &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 1. Pr\u00e9vision d\u00e9taill\u00e9e<\/h3><div class=\"application-examples-item-description\">Cette s\u00e9rie de widgets montre \u00e0 quel point une pr\u00e9vision m\u00e9t\u00e9o d\u00e9taill\u00e9e peut appara\u00eetre sur votre site. Les trois variantes \u00e9l\u00e9gantes diff\u00e8rent par la couleur de l'arri\u00e8re-plan, la premi\u00e8re ayant des images sur le th\u00e8me de la m\u00e9t\u00e9o qui refl\u00e8tent la situation actuelle. Et vous pouvez facilement choisir vos propres couleurs! Les widgets affichent non seulement les pr\u00e9visions quotidiennes pour la semaine \u00e0 venir, mais \u00e9galement des informations sur les conditions actuelles: temp\u00e9rature, humidit\u00e9, pression atmosph\u00e9rique, vitesse du vent, et plus encore. Vous pouvez ins\u00e9rer n'importe quel emplacement - le widget le trouvera et affichera des donn\u00e9es pr\u00e9cises.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=c195b709-ba65-4259-b6df-9a2959de690f&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=f1f5afb7-b32a-4b49-832f-1e1ab6d02e21&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=609240c1-c6b8-44f8-9b05-ecfe191de7c7&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 2. Pr\u00e9visions quotidiennes<\/h3><div class=\"application-examples-item-description\">Un widget de ce type sera parfait pour les sites Web qui ont besoin d'afficher les pr\u00e9visions m\u00e9t\u00e9orologiques quotidiennes de mani\u00e8re claire et claire. Par exemple, pour permettre aux utilisateurs de v\u00e9rifier la m\u00e9t\u00e9o avant de r\u00e9server leur activit\u00e9 de plein air. Ce widget semble accrocheur gr\u00e2ce \u00e0 sa couleur violette. Il n'est pas surcharg\u00e9 de d\u00e9tails suppl\u00e9mentaires et affiche clairement la m\u00e9t\u00e9o actuelle ainsi que les pr\u00e9visions quotidiennes pour la semaine. Vous pouvez choisir entre Fahrenheit et Celsius et cacher l'unit\u00e9 de temp\u00e9rature pour rendre le look propre.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=371ccf0d-4696-4970-a3f4-af72b44a3d00&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 3. Pr\u00e9vision horaire<\/h3><div class=\"application-examples-item-description\">Avec l'aide du widget Elfsight, les donn\u00e9es m\u00e9t\u00e9orologiques horaires sur votre site auront fi\u00e8re allure. Cet exemple le prouve. Il est mod\u00e9r\u00e9 mais fournit toutes les informations importantes. Les utilisateurs peuvent visualiser la m\u00e9t\u00e9o actuelle gr\u00e2ce \u00e0 l'arri\u00e8re-plan du th\u00e8me et v\u00e9rifier la prochaine heure par heure. En faisant glisser ou en utilisant les fl\u00e8ches du curseur, ils peuvent v\u00e9rifier la m\u00e9t\u00e9o jusqu'\u00e0 la toute fin de la journ\u00e9e. De jolies ic\u00f4nes m\u00e9t\u00e9o anim\u00e9es ajoutent un peu de vivacit\u00e9 \u00e0 l'apparence propre du widget.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=6d14409b-c40e-44e4-9e8c-138d11209ee3&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 4. M\u00e9t\u00e9o actuelle<\/h3><div class=\"application-examples-item-description\">Pour les sites Web disposant d'un espace limit\u00e9 ou lorsqu'il n'est pas n\u00e9cessaire d'approfondir les d\u00e9tails, ces deux widgets sont parfaits. Ils sont \u00e0 petite \u00e9chelle et il est facile de faire varier la taille dans les param\u00e8tres et d'ajuster la taille de la police. Ce ne sont que des donn\u00e9es essentielles: le nom de l'emplacement, la temp\u00e9rature actuelle et les \u00e9l\u00e9ments m\u00e9t\u00e9orologiques. Vous pouvez changer la langue de l'interface pour l'adapter \u00e0 votre public.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=1c68afba-d008-4b15-9485-3db979fabb96&padding=28px+40px+40px\" width=\"100%\" height=\"300\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=3048f5c4-9870-4b7f-b69a-0fe3c119d662&padding=28px+40px+40px\" width=\"100%\" height=\"300\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 5. Temp\u00e9rature actuelle<\/h3><div class=\"application-examples-item-description\">Ce joli petit widget ne montre rien de plus que la temp\u00e9rature et l'ic\u00f4ne m\u00e9t\u00e9o. Il est mod\u00e9r\u00e9 au maximum et donne aux utilisateurs un aper\u00e7u du temps qu'il fait \u00e0 l'ext\u00e9rieur. Si vous avez besoin d'\u00e9conomiser de l'espace tout en gardant les utilisateurs inform\u00e9s, cette variante est faite pour vous. Changez les couleurs pour un meilleur style - et un widget m\u00e9t\u00e9o id\u00e9al est ici!<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=4284e2c2-a8cd-4003-809e-058d1e802624&padding=28px+40px+40px\" width=\"100%\" height=\"300\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":2497,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Les meilleurs exemples de widgets M\u00e9t\u00e9o sur un site Web (TOP 5)<\/title>\n<meta name=\"description\" content=\"TOP 5 des exemples de widgets m\u00e9t\u00e9o du site Web: pr\u00e9visions d\u00e9taill\u00e9es, pr\u00e9visions quotidiennes, pr\u00e9visions horaires, m\u00e9t\u00e9o actuelle et autres mod\u00e8les.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les meilleurs exemples de widgets M\u00e9t\u00e9o sur un site Web (TOP 5)\" \/>\n<meta property=\"og:description\" content=\"TOP 5 des exemples de widgets m\u00e9t\u00e9o du site Web: pr\u00e9visions d\u00e9taill\u00e9es, pr\u00e9visions quotidiennes, pr\u00e9visions horaires, m\u00e9t\u00e9o actuelle et autres mod\u00e8les.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-08T15:45:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les meilleurs exemples de widgets M\u00e9t\u00e9o sur un site Web (TOP 5)","description":"TOP 5 des exemples de widgets m\u00e9t\u00e9o du site Web: pr\u00e9visions d\u00e9taill\u00e9es, pr\u00e9visions quotidiennes, pr\u00e9visions horaires, m\u00e9t\u00e9o actuelle et autres mod\u00e8les.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de widgets M\u00e9t\u00e9o sur un site Web (TOP 5)","og_description":"TOP 5 des exemples de widgets m\u00e9t\u00e9o du site Web: pr\u00e9visions d\u00e9taill\u00e9es, pr\u00e9visions quotidiennes, pr\u00e9visions horaires, m\u00e9t\u00e9o actuelle et autres mod\u00e8les.","og_url":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-09-08T15:45:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/","name":"Les meilleurs exemples de widgets M\u00e9t\u00e9o sur un site Web (TOP 5)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-09-08T15:43:37+00:00","dateModified":"2020-09-08T15:45:27+00:00","description":"TOP 5 des exemples de widgets m\u00e9t\u00e9o du site Web: pr\u00e9visions d\u00e9taill\u00e9es, pr\u00e9visions quotidiennes, pr\u00e9visions horaires, m\u00e9t\u00e9o actuelle et autres mod\u00e8les.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/weather-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/weather-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Weather","item":"https:\/\/elfsight.com\/fr\/weather-widget\/"},{"@type":"ListItem","position":3,"name":"Weather &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"2496","templates":[],"hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2511"}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=2511"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2511\/revisions"}],"predecessor-version":[{"id":2515,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2511\/revisions\/2515"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2497"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=2511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}