Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man visar väderprognos i WordPress (nybörjarguide)

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

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 påverkar potentiellt deras beslut att boka.

I den här artikeln guidar vi dig genom hur du lägger till en snygg, funktionell väderprognos på din WordPress-webbplats.

Hur man lägger till en väderwidget i WordPress (steg för steg)

Vem behöver en väderprognos i WordPress?

Alla webbplatser behöver inte visa en väderprognos för sina användare. Ibland kan dock 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 bransch, då kan besökare vara intresserade av det kommande vädret.

Genom att visa denna information på din webbplats kan du ge en bättre användarupplevelse. Detta kan få folk att stanna längre på din webbplats, vilket hjälper dig att få konverteringar.

Till exempel kan en besökare bestämma sig för att fylla i ditt hotells bokningsformulär om de ser att väderdata förutspås vara varmt och soligt.

Ett exempel på en väderprognos i ett bokningsformulär

Även om du inte driver en rese- eller hotellwebbplats, kan en WordPress-väderwidget fortfarande vara användbar för dina besökare.

Om du till exempel driver en reseblogg, kan läsarna använda den kommande prognosen för att planera sin resa.

Det finns gott om plugins som kan hämta den senaste väderinformationen och sedan visa den vackert på din webbplats. Men för bästa resultat behöver du hitta ett WordPress-plugin som är snabbt, användarvänligt och inte lägger till en massa länkar till externa vädertjänster.

Med det sagt, låt oss titta på hur du enkelt kan lägga till en väderuppdateringsprognos till dina WordPress-inlägg, sidor och sidofältswidgets. Du kan använda snabblänkarna nedan för att hoppa till ett specifikt steg:

Steg 1: Installera och konfigurera ett konto för platsväder

Location Weather är ett nybörjarvänligt WordPress-väderplugin som låter dig lägga till en daglig prognos till vilken sida eller inlägg, eller widget-redo område. Med detta plugin kan du visa vindhastighet, temperatur, lufttryck, sikt och mer.

Ett exempel på en väderprognos, tillagd på en WordPress-webbplats

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 kompletta Location Weather-recension.

I den här guiden kommer vi att använda gratispluginet, eftersom det har allt du behöver för att visa väderprognosen i WordPress. Om du vill visa prognoser för flera dagar eller automatiskt upptäcka besökarens plats, 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 information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Location Weather får sina realtidsväderprognoser från en onlinevädertjänst som heter OpenWeather. För att komma åt OpenWeather måste du skapa en API-nyckel och sedan lägga till den i pluginets inställningar.

För att skapa en nyckel, gå till Platsväder » Inställningar i WordPress-instrumentpanelen. Klicka här på länken 'Hämta API-nyckel'.

Länk till OpenWeather API

Detta tar dig till en skärm där du kan skapa ett gratis OpenWeatherMap-konto genom att ange din e-postadress och skapa ett lösenord.

Efter att ha loggat in på ditt OpenWeatherMap-konto, klickar du bara på ditt namn i verktygsfältet och väljer sedan ‘Mina API-nycklar’.

Skaffa en API-nyckel för väderprognoser för din WordPress-webbplats

På den här skärmen ser du en standard API-nyckel.

Kopiera bara nyckeln.

OpenWeatherMap API-nyckel

Byt nu tillbaka till din WordPress-instrumentpanel och klistra in API-nyckeln i rutan OpenWeather API Key.

När det är gjort, klicka på knappen 'Spara inställningar' för att lagra API-nyckeln.

En API-nyckel för OpenWeather

Steg 2: Lägg till en väderprognos i WordPress

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

För att börja, ange en rubrik för väderprognosen. Denna kommer att visas ovanför väderprognosen på din WordPress-webbplats så att den är synlig för besökare.

Hur man lägger till en väderprognos på din WordPress-webbplats

Därefter måste du skrolla till 'Stadens namn' och skriva in platsen för din väderprognos.

Eftersom vi använder gratisversionen måste du använda formatet 'Stad, Land'. Detta bör fungera bra för de flesta platser.

Konfigurera en väderprognos med ett gratis WordPress-plugin

Om flera platser har samma namn, kan pluginet välja fel stad. Om det händer, måste du uppgradera till Location Weather Pro och sedan ange City ID, postnummer eller platskoordinater.

När du har gjort det, kontrollera enheterna som Location Weather använder för temperatur, tryck och vindhastighet, och gör eventuella nödvändiga ändringar.

Till exempel, om du bor i USA, då måste du använda Fahrenheit.

Ändra enheter i en väderprognos inklusive temperatur, vindhastighet och mer

Välj sedan fliken 'Visningsalternativ' och välj vilken information du vill visa på din WordPress-blogg.

De flesta av dessa inställningar är enkla, så du kan gå igenom dem och göra eventuella ändringar du vill.

Fliken Visningsalternativ

Som standard visar Weather Location meddelandet 'Väder från OpenWeatherMap' under prognosen.

Om du vill dölja den här texten, scrolla sedan till botten av skärmen för visningsalternativ och klicka för att inaktivera omkopplaren 'Väderattribution'.

Ta bort länken till OpenWeatherMap-webbplatsen

Nästa flik är 'Stilalternativ', som låter dig ändra bakgrundsfärgen och textfärgen i WordPress.

Du kan också lägga till en färgad kant eller ändra radien för att skapa rundade hörn.

Fliken Stilalternativ

När du är nöjd med anpassningsalternativen för väderprognosen, klickar du bara på knappen ‘Publicera’.

Kopiera därefter kortkoden som väderprognospluginet skapar automatiskt.

Lägga till en väderprognos till WordPress med kortkod

Steg 3: Visa väderprognosen på din WordPress-webbplats

Du kan nu lägga till kortkoden till vilket WordPress-inlägg eller sida som helst, eller till och med ett widget-redo område. Du kan till exempel lägga till kortkoden till ett sidofält så att widgeten för väderprognoser visas över hela din webbplats.

För steg-för-steg-instruktioner om hur du placerar kortkoden, se vår guide om hur man lägger till en kortkod i WordPress och hur man lägger till och använder WordPress-widgets.

Om du använder ett blockaktiverat WordPress-tema, kan du lägga till väderprognosen till valfritt område på din webbplats med hjälp av redigeraren för hela webbplatsen. Detta inkluderar områden som du inte kan redigera med den vanliga WordPress-innehållsredigeraren.

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

Du kan lära dig mer om redigeraren för hela webbplatsen i vår completta nybörjarguide till WordPress fullständig webbplatsredigering.

Därefter kan du besöka din webbplats för att se WordPress-väderwidgeten i aktion.

Förhandsgranska väderprognosen

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 den här handledningen 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 experters val av de bästa Google Maps-plugins för WordPress och vår guide om hur man lägger till en ljudmusikspelare-widget i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

8 CommentsLeave a Reply

  1. Vilken fantastisk handledning! Att lägga till en väderprognos till en WordPress-webbplats med hjälp av Location Weather-plugin verkar vara en barnlek, tack vare de tydliga instruktionerna. Jag är dock nyfiken, erbjuder pluginet några anpassningsalternativ för designen av själva väderwidgeten, som teckensnittsstilar eller ikonstorlekar?

    Tack för att du delade denna värdefulla information. Det kommer definitivt att höja användarupplevelsen på min webbplats!

  2. Hej, tack för dokumentationen, men vad händer om jag vill skapa en webbplats som bara fokuserar på att "visa väderprognoser"
    Kan jag lägga till AdSense-intäkter på min väderprognoswebbplats?

    • Du skulle antingen behöva skapa ett inlägg eller en anpassad inläggstyp för de olika sidorna och om din webbplats är godkänd för Adsense kan du använda den på din webbplats.

      Admin

  3. OpenWeatherMap fungerar bättre i vissa länder än andra. Jag försökte använda det för åskvarningar men det närmaste det kom i mitt område (östra Kanada) var "kraftigt regn" så jag slutade med att använda Environment Canadas väderkontors applets.

  4. Den här artikeln är mycket informativ. Jag arbetar med en blogg för en kund vars kunder är mycket medvetna om vädret. Jag kommer definitivt att lägga till vädret i sidofältet. Det kommer att lägga till värdefull information till bloggen.

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.