Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

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

Jeśli prowadzisz hotel, stronę z wydarzeniami lub agencję turystyczną, jedną z funkcji, którą zawsze zalecamy dodać w WordPressie, jest prognoza pogody.

Pomyśl o tym. Odwiedzający planujący swoje podróże lub wydarzenia często mają jedno palące pytanie: „Jaka będzie pogoda?”. Dostarczając te informacje bezpośrednio na swojej stronie, nie tylko odpowiadasz na ich pytanie. Poprawiasz ich doświadczenie i potencjalnie wpływasz na ich decyzję o rezerwacji.

W tym artykule przeprowadzimy Cię przez proces dodawania eleganckiej, funkcjonalnej prognozy pogody do Twojej witryny WordPress.

Jak dodać widżet pogody do WordPressa (krok po kroku)

Kto potrzebuje prognozy pogody w WordPress?

Nie wszystkie strony internetowe muszą wyświetlać prognozę pogody swoim użytkownikom. Jednak czasami ludzie mogą podejmować decyzje na podstawie nadchodzących warunków pogodowych.

Jeśli prowadzisz stronę internetową w branży turystycznej, eventowej, hotelarskiej, pensjonatowej lub podobnej, odwiedzający mogą być zainteresowani nadchodzącą pogodą.

Pokazując te informacje na swojej stronie internetowej, możesz zapewnić lepsze wrażenia użytkownika. Może to sprawić, że ludzie dłużej pozostaną na Twojej stronie, co pomoże Ci uzyskać konwersje.

Na przykład, gość może zdecydować się na wypełnienie formularza rezerwacji hotelowej formularza rezerwacji, jeśli zobaczy, że prognoza pogody zapowiada upał i słońce.

Przykład prognozy pogody w formularzu rezerwacji

Nawet jeśli nie prowadzisz strony o podróżach lub hotelarstwie, widżet pogody WordPress może być nadal przydatny dla Twoich odwiedzających.

Na przykład, jeśli prowadzisz bloga podróżniczego, czytelnicy mogą skorzystać z nadchodzącej prognozy, aby zaplanować swoją podróż.

Istnieje wiele wtyczek, które mogą uzyskać najnowsze informacje o pogodzie, a następnie pięknie je wyświetlić na Twojej stronie internetowej. Jednak dla najlepszych wyników musisz znaleźć wtyczkę WordPress, która jest szybka, przyjazna dla użytkownika i nie dodaje wielu linków do zewnętrznych usług pogodowych.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać prognozę pogody do swoich wpisów, stron i widżetów bocznych WordPress. Możesz skorzystać z poniższych szybkich linków, aby przejść do konkretnego kroku:

Krok 1: Zainstaluj i skonfiguruj konto Location Weather

Location Weather to przyjazna dla początkujących wtyczka pogodowa WordPress, która pozwala dodać codzienną prognozę do dowolnej strony lub wpisu, lub obszaru gotowego na widżety. Korzystając z tej wtyczki, możesz wyświetlać prędkość wiatru, temperaturę, ciśnienie powietrza, widoczność i inne.

Przykład prognozy pogody dodanej do strony WordPress

Możesz nawet pokazać prognozę pogody dla wielu lokalizacji na tej samej stronie. Aby dowiedzieć się więcej, zobacz naszą pełną recenzję Location Weather.

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

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Location Weather . Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.

Location Weather pobiera swoje prognozy w czasie rzeczywistym z internetowej usługi pogodowej o nazwie OpenWeather. Aby uzyskać dostęp do OpenWeather, musisz utworzyć klucz API, a następnie dodać go do ustawień wtyczki.

Aby utworzyć klucz, przejdź do Pogoda w lokalizacji » Ustawienia w panelu WordPress. Tutaj kliknij link „Uzyskaj klucz API”.

Link do API OpenWeather

Spowoduje to przejście do ekranu, na którym możesz utworzyć bezpłatne konto OpenWeatherMap, wprowadzając swój adres e-mail i tworząc hasło.

Po zalogowaniu się na konto OpenWeatherMap, kliknij swoje imię i nazwisko na pasku narzędzi, a następnie wybierz „Moje klucze API”.

Uzyskanie klucza API prognozy pogody dla Twojej strony WordPress

Na tym ekranie zobaczysz domyślny klucz API.

Po prostu skopiuj klucz.

Klucz API OpenWeatherMap

Teraz wróć do swojego panelu WordPress i wklej klucz API w pole „Klucz API OpenWeather”.

Po wykonaniu tej czynności kliknij przycisk „Zapisz ustawienia”, aby zapisać klucz API.

Klucz API OpenWeather

Krok 2: Dodaj prognozę pogody do WordPressa

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

Na początek wpisz tytuł prognozy pogody. Pojawi się on nad prognozą pogody na Twojej stronie WordPress, dzięki czemu będzie widoczny dla odwiedzających.

Jak dodać prognozę pogody do swojej strony WordPress

Następnie musisz przewinąć do „Nazwa miasta” i wpisać lokalizację swojej prognozy pogody.

Ponieważ używamy wersji darmowej, musisz użyć formatu „Miasto, Kraj”. Powinno to działać dla większości lokalizacji.

Konfiguracja prognozy pogody za pomocą darmowej wtyczki WordPress

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

Po wykonaniu tej czynności sprawdź jednostki, których Location Weather używa do 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żywać Fahrenheita.

Zmiana jednostek w prognozie pogody, w tym temperatury, prędkości wiatru i innych.

Następnie musisz wybrać zakładkę „Opcje wyświetlania” i wybrać, jakie informacje chcesz pokazać na swoim blogu WordPress.

Większość tych ustawień jest prosta, więc możesz je przejrzeć i wprowadzić wszelkie pożądane zmiany.

Zakładka Opcje wyświetlania

Domyślnie Lokalizacja Pogody będzie wyświetlać komunikat „Pogoda z OpenWeatherMap” pod prognozą.

Jeśli chcesz ukryć ten tekst, przewiń w dół ekranu Opcje wyświetlania i kliknij, aby wyłączyć przełącznik „Atrybucja pogody”.

Usuń link do strony OpenWeatherMap

Następna zakładka to „Opcje stylu”, która pozwala zmienić kolor tła i kolor tekstu w WordPressie.

Możesz również dodać kolorową ramkę lub zmienić promień, aby utworzyć zaokrąglone rogi.

Zakładka Opcje Stylu

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

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

Dodawanie prognozy pogody do WordPress za pomocą skróconego kodu

Krok 3: Wyświetl prognozę pogody na swojej stronie WordPress

Możesz teraz dodać skrócony kod do dowolnego wpisu lub strony WordPress, a nawet do obszaru gotowego na widżety. Na przykład, możesz dodać skrócony kod do paska bocznego, aby widżet prognozy pogody pojawiał się na całej Twojej stronie internetowej.

Instrukcje krok po kroku dotyczące umieszczania shortcode'u znajdziesz w naszym przewodniku jak dodać shortcode w WordPress oraz jak dodawać i używać widżetów WordPress.

Jeśli używasz motywu WordPress z obsługą bloków, możesz dodać prognozę pogody do dowolnego obszaru swojej witryny za pomocą edytora pełnej strony. 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ć szablon strony 404.

Więcej o edytorze pełnej strony dowiesz się z naszego kompletnego przewodnika dla początkujących po edycji pełnej strony WordPress.

Po tym możesz odwiedzić swoją stronę internetową, aby zobaczyć widżet pogody WordPress w akcji.

Podgląd prognozy pogody

Eksperckie wskazówki dotyczące ulepszenia Twojej witryny WordPress

Oprócz dodawania prognozy pogody, istnieje wiele sposobów, aby Twoja witryna WordPress była bardziej angażująca i informacyjna dla Twoich odwiedzających. Oto kilka pomysłów:

Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak wyświetlić prognozę pogody na Twojej stronie WordPress. Możesz również zapoznać się z naszymi najlepszymi wyborami najlepszych wtyczek Google Maps dla WordPress oraz naszym przewodnikiem jak dodać widżet odtwarzacza muzyki audio w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

8 CommentsLeave a Reply

  1. Jaki fantastyczny tutorial! Dodanie prognozy pogody do strony WordPress za pomocą wtyczki Location Weather wydaje się być proste, dzięki jasnym instrukcjom. Jestem jednak ciekawa, czy wtyczka oferuje jakieś opcje dostosowywania wyglądu samego widżetu pogody, takie jak style czcionek czy rozmiary ikon?

    Dziękuję za udostępnienie tych cennych informacji. Z pewnością podniosą one jakość doświadczenia użytkownika na mojej stronie!

    • Wtyczka posiada ustawienia personalizacji, z których możesz skorzystać.

      Admin

  2. Witaj, dziękuję za dokumentację, ale co jeśli chcę stworzyć stronę internetową skupioną wyłącznie na „wyświetlaniu prognozy pogody”
    Czy mogę umieścić monetyzację AdSense na mojej stronie z prognozą pogody?

    • Musiałbyś utworzyć wpis lub niestandardowy typ wpisu dla różnych stron, a jeśli Twoja witryna zostanie zatwierdzona przez Adsense, mógłbyś jej użyć na swojej stronie.

      Admin

  3. OpenWeatherMap działa lepiej w niektórych krajach niż w innych. Próbowałem używać go do ostrzeżeń o burzach, ale najbliższe, co uzyskałem w moim obszarze (wschodnia Kanada), to „silny deszcz”, więc skończyłem używając apletów z aplikacji Environment Canada’s Weather Office.

  4. Ten artykuł jest bardzo pouczający. Pracuję nad blogiem dla klienta, którego klienci są bardzo świadomi pogody. Zdecydowanie dodam pogodę do paska bocznego. Doda to cenne informacje do bloga.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.