Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man visar väderprognos i WordPress (Beginner’s Guide)

Om du driver ett hotell, en evenemangssajt eller en resebyrå är en väderprognos en funktion som vi alltid rekommenderar att du lägger till i WordPress.

Tänk på det. Besökare som planerar sina resor eller evenemang har ofta en brännande fråga: ”Hur kommer vädret att bli? Genom att tillhandahålla denna information direkt på din webbplats besvarar du inte bara deras fråga. Du förbättrar deras upplevelse och kan potentiellt påverka deras beslut att boka.

I den här artikeln går vi igenom hur du lägger till en snygg och funktionell väderprognos på din WordPress-webbplats.

How to Add a Weather Widget to WordPress (Step by Step)

Vem behöver en väderprognos i WordPress?

Alla websites behöver ej visa en väderprognos för sina användare. Men ibland kan människor fatta ett beslut baserat på kommande väderförhållanden.

Om du driver en webbplats inom rese-, evenemangs-, hotell-, bed & breakfast- eller liknande branscher kan besökarna vara intresserade av det kommande vädret.

Genom att visa den här informationen på din website kan du ge användarna en bättre upplevelse. Detta kan få människor att stanna kvar längre på din website, vilket hjälper dig att få konverteringar.

Till exempel kan en visitor bestämma sig för att completed your hotel booking form om de ser att väderdata visar att det är varmt och soligt.

An example of a weather forecast on a booking form

Även om du inte runar en website för resor eller hotell kan ett WordPress widget för väder fortfarande vara användbart för dina besökare.

Om du till exempel runar en blogg om resor kan läsarna använda den kommande prognosen för att planera sin resa.

Det finns gott om plugins som kan hämta den mest aktuella väderinformationen och sedan visa den på ett vackert sätt på din webbplats. För bästa resultat måste du dock hitta ett WordPress-plugin som är snabbt, användarvänligt och som inte lägger till massor av länkar till externa vädertjänster.

Med detta sagt, låt oss ta en titt på hur du enkelt kan add to en väderprognos med update till dina WordPress posts, pages och sidebar widgets. Du kan använda snabblänkarna under för att hoppa till ett visst steg:

Step 1: Installera och konfigurera ett Location Weather Account

Location Weather är ett nybörjarvänligt väderplugin för WordPress som allow you to add a daily forecast to any page or post, or widget-ready area. Med hjälp av detta tillägg kan du visa vindhastighet, temperatur, lufttryck, sikt och mycket mer.

A example of a weather forecast, added to a WordPress website

Du kan till och med visa väderrapporten för flera platser på samma sida. För att lära dig mer, se vår fullständiga Location Weather-recension.

I den här guiden kommer vi att använda det gratis plugin, eftersom det har allt du behöver för att visa väderprognosen i WordPress. Om du vill visa flerdagarsprognoser eller automatiskt känna av besökarens location, finns det också Location Weather Pro.

Det första du behöver göra är att installera och aktivera pluginet Location Weather . För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Location Weather får sina realtidsprognoser från en vädertjänst online som heter OpenWeather. För att få tillgång till OpenWeather måste du skapa en API key och sedan add to den i pluginets inställningar.

För att skapa en nyckel går du till Location Weather ” Settings i WordPress dashpanelen. Här klickar du på länken ”Get API key”.

Link to OpenWeather API

Detta kommer att ta dig till en vy där du kan skapa ett gratis OpenWeatherMap account genom att enter din email address och skapa ett password.

När du har loggat in på ditt OpenWeatherMap account klickar du bara på ditt namn i toolbaren och väljer sedan ”My API keys”.

Getting a weather forecast API key for your WordPress website

På den här vyn ser du en API key som är standard.

Det är bara att gå vidare och kopiera nyckeln.

OpenWeatherMap API Key

Nu går du tillbaka till din WordPress dashboard och klistrar in API key i OpenWeather API Key box.

När du har gjort det klickar du på knappen ”Save Settings” för att lagra API key.

An OpenWeather API key

Step-by-Step 2: Add en väderprognos till WordPress

Nu är du redo att lägga till en väderprognos till WordPress genom att gå till Location Weather ” Add New.

Börja med att skriva in en rubrik för väderprognosen. Denna kommer att visas ovanför väderprognosen på din website i WordPress så att den blir synlig för besökarna.

How to add a weather forecast to your WordPress website

Efter det måste du rulla till ”City Name” och skriva in den location där din väderprognos ska visas.

Eftersom vi använder den gratis versionen måste du använda formatet ”Stad, land”. Detta bör fungera bra för de flesta locations.

Configuring a weather forecast using a free WordPress plugin

Om flera locations har samma namn kan det hända att pluginet väljer fel stad. Om det händer måste du uppgradera till Location Weather Pro och sedan enter City ID:n, ZIP:n eller koordinaterna för location.

När du har gjort det kontrollerar du de enheter som Location Weather använder för temperatur, tryck och vindhastighet och gör eventuella ändringar.

Om du till exempel bor i USA måste du använda Fahrenheit.

Changing units in a weather forecast including temperature, wind speed, and more

Därefter måste du select tabben ”Display Options” och välja vilken information du vill visa på din WordPress blogg.

De flesta av dessa Settings är enkla, så du kan titta igenom dem och göra de ändringar du vill.

The Display Options Tab

Som standard visar Weather Location ett message ”Weather from OpenWeatherMap” under prognosen.

Om du vill dölja denna text, rulla längst ner på skärmen Display Options och klicka på för att inaktivera omkopplaren ”Weather Attribution”.

Remove the Link to the OpenWeatherMap Site

Nästa tabs är ”Style Options”, där du kan ändra bakgrundsfärg och textfärg i WordPress.

Du kan också add to en färgad kant eller ändra radius för att skapa böjda hörn.

The Style Options Tab

När du är nöjd med alternativen för customize av väderprognosen klickar du bara på knappen ”Publicera”.

Därefter kopierar du den shortcode som pluginet för väderprognoser skapar automatiskt.

Adding a weather forecast to WordPress using shortcode

Step-by-Step 3: Displaya väderprognosen på din site i WordPress

Du kan nu add to shortcoden till valfri WordPress post eller page eller till och med till ett widget-ready area. Du kan till exempel add to shortcoden till en sidebar så att widgeten för väderprognosen visas på hela din website.

För Step-by-Step instruktioner om hur du placerar shortcode, vänligen se vår guide om hur du lägger till en shortcode i WordPress och hur du lägger till och använder WordPress widgetar.

Om du använder ett block aktiverat WordPress theme kan du add to väderprognosen till alla area på din site med hjälp av full-site editor. Detta inkluderar areas som du inte kan edit med WordPress standard content editor.

Till exempel kan du använda en väderprognos för att förbättra templates för din 404 page.

Du kan läsa mer om redigeraren för hela webbplatsen i vårkompletta nybörjarguide till WordPress redigering för hela webbplatsen.

Därefter kan du besöka din website för att se WordPress väderwidget i action.

Preview the Weather Forecast

Experttips för att förbättra din WordPress-webbplats

Förutom att lägga till en väderprognos finns det många sätt att göra din WordPress-webbplats mer engagerande och informativ för dina besökare. Här är några idéer:

Vi hoppas att denna handledning hjälpte dig att lära dig hur du visar en väderprognos på din WordPress-webbplats. Du kanske också vill kolla in våra expertval av de bästa Google Maps-pluginsen för WordPress och vår guide om hur du lägger till en widget för ljudmusikspelare i WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

8 kommentarerLämna ett svar

  1. Mohamed Shamir

    What a fantastic tutorial! Adding a weather forecast to a WordPress site using the Location Weather plugin seems like a breeze, thanks to the clear instructions provided. I’m curious, though does the plugin offer any customization options for the design of the weather widget itself, like font styles or icon sizes?

    Thanks for sharing this valuable information. It’s definitely going to elevate the user experience on my website!

    • WPBeginner Support

      The plugin does have customization settings that you can use.

      Administratör

  2. Jemal Bakars

    Hello , thanks for the documentation, But ,what if I want to create a website only focused on ” showing weather forecast”
    Can I put AdSense monetisation on my weather forecast website ?

    • WPBeginner Support

      You would either need to create a post or custom post type for the different pages and if your site is approved for Adsense you could use it on your site.

      Administratör

  3. Ciceer

    This blog is very informative and simple. Thank you for the information.

    • WPBeginner Support

      You’re welcome :)

      Administratör

  4. schultzter

    OpenWeatherMap works better in some countries than others. I tried using it for thunderstorm warnings but the closest it got in my area (eastern Canada) was ”strong rain” so I ended up using the Environment Canada’s Weather Office applets.

  5. Gail Issen

    This article is very informative. I’m working on a blog for a client whose customers are very aware of the weather. I will definitely add the weather to the sidebar. It will add valuable information to the blog.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.