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

Jak wyświetlić prognozę pogody w WordPress (przewodnik dla początkujących)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz wyświetlać prognozę pogody w WordPress?

Niektóre witryny internetowe mogą potrzebować pokazywać odwiedzającym nadchodzącą prognozę pogody. Należą do nich witryny hotelarskie, takie jak biura podróży i witryny rezerwacji hoteli.

W tym artykule pokażemy, jak łatwo dodać prognozę pogody do WordPressa.

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

Kto potrzebuje prognozy pogody w WordPress?

Nie wszystkie witryny internetowe muszą wyświetlać prognozę pogody swoim użytkownikom. Czasami jednak ludzie mogą podejmować decyzje w oparciu o nadchodzące warunki pogodowe.

Jeśli prowadzisz witrynę internetową w branży turystycznej, eventowej, hotelarskiej, bed & breakfast lub podobnej, to odwiedzający mogą być zainteresowani nadchodzącą pogodą.

Wyświetlając te informacje na twojej witrynie internetowej, możesz zapewnić lepsze wrażenia użytkownika. Może to zatrzymać ludzi na twojej witrynie internetowej na dłużej, co pomaga w uzyskaniu konwersji.

Na przykład, odwiedzający może zdecydować się na wypełnienie twojego formularza rezerwacji hotelu, jeśli zobaczy, że dane pogodowe są prognozowane jako gorące i słoneczne.

An example of a weather forecast on a booking form

Nawet jeśli nie prowadzisz witryny internetowej poświęconej podróżom lub hotelarstwu, widżet pogodowy WordPress może być przydatny dla twoich odwiedzających.

Na przykład, jeśli prowadzisz bloga podróżniczego, czytelnicy mogą wykorzystać nadchodzącą prognozę do zaplanowania podróży.

Istnieje wiele wtyczek, które mogą pobierać najbardziej aktualne informacje o pogodzie, a następnie pięknie wyświetlać je na twojej witrynie internetowej. Aby jednak uzyskać najlepsze wyniki, należy znaleźć wtyczkę WordPress, która jest szybka, przyjazna dla użytkownika i nie dodaje wielu odnośników do zewnętrznych serwisów pogodowych.

W związku z tym przyjrzyjmy się, jak łatwo dodać prognozę pogody do twoich wpisów, stron i widżetów na panelu bocznym WordPress. Możesz skorzystać z poniższych odnośników, aby przejść do konkretnego kroku:

Krok 1: Instalacja i konfiguracja konta Location Weather

Location Weather to przyjazna dla początkujących wtyczka pogodowa WordPress, która umożliwia dodanie codziennej prognozy pogody do dowolnej strony, wpisu lub obszaru gotowego na widżet. Za pomocą tej wtyczki można wyświetlać prędkość wiatru, temperaturę, ciśnienie powietrza, widoczność i inne.

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

Można nawet wyświetlać prognozę pogody dla wielu lokalizacji na tej samej stronie.

W tym przewodniku będziemy używać darmowej wtyczki, ponieważ ma ona wszystko, czego potrzebujesz, aby wyświetlić prognozę pogody w WordPress. Jeśli chcesz wyświetlać prognozy wielodniowe lub automatycznie wykrywać lokalizację odwiedzającego, istnieje również Location Weather Pro.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Location Weather . Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Location Weather pobiera prognozy w czasie rzeczywistym z internetowego serwisu pogodowego o nazwie OpenWeather. Aby uzyskać dostęp do OpenWeather, należy utworzyć klucz API, a następnie dodać go do ustawień wtyczki.

Aby utworzyć klucz, przejdź do Location Weather ” Settings w kokpicie WordPress. Tutaj kliknij odnośnik „Uzyskaj klucz API”.

Link to OpenWeather API

Spowoduje to przejście do ekranu, na którym można utworzyć bezpłatne konto OpenWeatherMap, wpisz swój adres e-mail i utwórz hasło.

Po zalogowaniu się na konto OpenWeatherMap wystarczy kliknąć na twoje imię i nazwisko na pasku narzędzi, a następnie wybrać opcję „Moje klucze API”.

Getting a weather forecast API key for your WordPress website

Na tym ekranie zobaczysz domyślny klucz API.

Po prostu skopiuj klucz.

OpenWeatherMap API Key

Teraz przełącz się z powrotem do twojego kokpitu WordPress i wklej klucz API do pola OpenWeather API Key.

Po zakończeniu kliknij przycisk „Zapisz ustawienia”, aby zapisać klucz API.

An OpenWeather API key

Krok 2: Dodaj prognozę pogody do WordPressa

Teraz jesteś gotowy, aby dodać prognozę pogody do WordPressa, przechodząc do Location Weather ” Add New.

Aby rozpocząć, wpisz rodzaj tytułu dla prognozy pogody. Pojawi się on nad prognozą pogody na twojej witrynie internetowej WordPress, dzięki czemu będzie widoczny dla odwiedzających.

How to add a weather forecast to your WordPress website

Następnie musisz przewinąć do opcji „Nazwa miasta” i wpisać rodzaj lokalizacji Twojej prognozy pogody.

Ponieważ korzystamy z wersji bezpłatnej, konieczne będzie użycie formatu „Miasto, kraj”. Powinno to działać dobrze dla większości lokalizacji.

Configuring a weather forecast using a free WordPress plugin

Jeśli wiele lokalizacji ma tę samą nazwę, wtyczka może wybrać niewłaściwe miasto. Jeśli tak się stanie, będziesz musiał uaktualnić do Location Weather Pro, a następnie wpisz identyfikator miasta, ZIP lub współrzędne lokalizacji.

Gdy to zrobisz, sprawdź jednostki używane przez Location Weather dla temperatury, ciśnienia i prędkości wiatru i wprowadź wszelkie niezbędne zmiany.

Na przykład, jeśli mieszkasz w USA, będziesz musiał użyć Fahrenheita.

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

Następnie musisz wybrać kartę „Opcje wyświetlania” i wybrać, jakie informacje chcesz wyświetlać na swoim blogu WordPress.

Większość z tych ustawień jest prosta, więc możesz je przejrzeć i wprowadzić dowolne zmiany.

The Display Options Tab

Domyślnie lokalizacja pogody wyświetla komunikat „Pogoda z OpenWeatherMap” poniżej prognozy.

Jeśli chcesz ukryć ten tekst, przewiń do dołu ekranu opcji wyświetlania i kliknij, aby wyłączyć przełącznik „Atrybut pogody”.

Remove the Link to the OpenWeatherMap Site

Kolejna karta to „Opcje stylu”, która pozwala zmienić kolor tła i kolor tekstu w WordPressie.

Możesz także dodać kolorowe obramowanie lub zmienić promień, aby utworzyć zakrzywione narożniki.

The Style Options Tab

Gdy będziesz zadowolony z opcji dostosowania prognozy pogody, po prostu kliknij przycisk „Opublikuj”.

Następnie skopiuj krótki kod, który wtyczka prognozy pogody tworzy automatycznie.

Adding a weather forecast to WordPress using shortcode

Krok 3: Wyświetl prognozę pogody na twojej witrynie WordPress

Teraz możesz dodać krótki kod do dowolnego wpisu lub strony WordPress, a nawet do obszaru gotowego na widżet. Na przykład, możesz dodać krótki kod do panelu bocznego, aby widżet prognozy pogody pojawił się na całej twojej witrynie internetowej.

Aby uzyskać instrukcje krok po kroku, jak umieścić krótki kod, zapoznaj się z naszym przewodnikiem na temat dodawania krótkiego kodu w WordPress oraz dodawania i korzystania z widżetów WordPress.

Jeśli korzystasz z motywu WordPress włączającego bloki, możesz dodać prognozę pogody do dowolnego obszaru twojej witryny za pomocą edytora całej witryny. Obejmuje to obszary, których nie można edytować za pomocą standardowego edytora treści WordPress.

Na przykład, możesz użyć prognozy pogody, aby ulepszyć twój szablon strony 404.

Następnie możesz przejść na swoją witrynę internetową, aby zobaczyć widżet pogodowy WordPress w działaniu.

Preview the Weather Forecast

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się wyświetlać prognozę pogody na twojej witrynie internetowej WordPress. Możesz również dowiedzieć się, jak utworzyć biuletyn e-mail we właściwy sposób lub zapoznać się z naszymi propozycjami ekspertów dotyczącymi najlepszego oprogramowania do powiadomień web push.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

9 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mohamed Shamir says

    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!

  3. Jemal Bakars says

    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 says

      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.

      Administrator

  4. schultzter says

    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 says

    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.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.