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 osadzać mapy Bing w WordPress (krok po kroku)

Jedną z rzeczy, które uznaliśmy za ważne podczas tworzenia strony internetowej dla firmy z fizyczną lokalizacją, jest dodanie mapy.

Choć Mapy Google są często wybierane, odkryliśmy, że Mapy Bing mogą być świetną alternatywą, oferując unikalne funkcje i czasami dokładniejsze czasy podróży.

W tym artykule pokażemy, jak krok po kroku łatwo osadzać Bing Maps w WordPress.

How to embed Bing Maps in WordPress

Dlaczego warto dodać Bing Maps w WordPress (a nie Google Maps)?

Jeśli prowadzisz sklep, restaurację, salon, atrakcję turystyczną lub inny fizyczny biznes, dodanie Bing Maps do twojej witryny internetowej ułatwi klientom znalezienie cię.

An example of an embedded Bing map

Potencjalni klienci mogą również uzyskać wskazówki dojazdu do Twojej firmy i łatwo udostępnić Twoją lokalizację znajomym i rodzinie. Nie tylko to, ale osadzanie Bings Maps może poprawić WordPress SEO i sprawić, że twoja witryna będzie bardziej widoczna w lokalnych wyszukiwaniach.

Jeśli chodzi o dodanie mapy do WordPressa, Mapy Google mogą wydawać się oczywistym wyborem, zwłaszcza że oferują lokalizator sklepów Google Maps.

Jednak w ostatnich latach Bing Maps stało się bardziej popularne, a obie usługi oferują nieco inne funkcje, pokrycie obszaru i dane. W szczególności wiele osób uważa, że Google Maps zawyża czas potrzebny na dotarcie do twojego celu.

Jeśli nie jesteś zadowolony z Google Maps lub po prostu wolisz Microsoft od Google, to Bing Maps jest świetną alternatywą.

Mając to na uwadze, zobaczmy, jak dodać Bing Maps do twojej witryny internetowej WordPress. Skorzystaj z poniższych odnośników, aby przejść przez kolejne kroki:

Krok 1: Zainstalowanie wtyczki Bing Map i uzyskanie twojego klucza API

Wcześniej można było osadzać mapy Bing, generując kod osadzania z platformy. Kiedy jednak wypróbowaliśmy tę metodę, przestała ona działać.

Z tego powodu teraz najłatwiejszym sposobem na osadzanie twojej mapy Bing na WordPress jest użycie Ultimate Maps by Supsystic. Ta wtyczka ułatwia osadzanie map Bing, map Leaflet i innych alternatyw Google Maps.

Ponadto jest to również dobra opcja, jeśli prowadzisz katalog firm, w którym może być konieczne dodanie mapy do każdej strony.

Uwaga: Możesz zauważyć, że ta wtyczka nie została przetestowana z najnowszą wersją WordPress. Ale przetestowaliśmy ją sami i działała dobrze dla celów tego poradnika.

Aby uzyskać więcej informacji, zapoznaj się z naszym artykułem na temat tego , czy powinieneś używać wtyczek, które nie zostały przetestowane z twoją wersją WordPress.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Ultimate Maps by Supsystic. Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Aby używać tej wtyczki z Bing Maps, potrzebny będzie klucz API Bing Map.

Aby uzyskać ten klucz, wystarczy utworzyć konto w Bing Maps Dev Center. Jeśli masz już konto Microsoft, możesz zalogować się przy użyciu twoich danych logowania Microsoft.

Sign in to Bing Dev Center

Po zalogowaniu się na twoje konto kliknij menu „Moje konto”.

Następnie wybierz opcję „Moje klucze”.

Bing Maps Dev Center My keys Option

Na następnym ekranie musisz wypełnić informacje o twoim blogu lub witrynie internetowej WordPress.

Następnie kliknij przycisk „Utwórz”.

Create Bing Map API key to Embed in WordPress

Po kilku chwilach zobaczysz komunikat „Klucz został pomyślnie utworzony”.

Możesz teraz kliknąć „Pokaż klucz” i skopiować klucz API Bing Maps lub po prostu kliknąć odnośnik „Kopiuj klucz”.

Bing Maps API Key Created

Krok 2: Wklej klucz API i utwórz kategorie znaczników

Kolejnym krokiem jest wklejenie klucza do ustawień wtyczki.

W twoim kokpicie WordPress musisz przejść do Ultimate Maps by Supsystic ” Ustawienia. Następnie otwórz menu rozwijane „Silnik map” i wybierz „Bing Microsoft”.

How to add a Bing Map to your WordPress website

Możesz teraz wkleić klucz API do pola „Bing Maps API Key”.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz”.

Adding a Bing Map API key to your WordPress website

Następnie warto dodać kategorie znaczników. Podobnie jak kategorie i tagi w WordPressie, mogą one pomóc w uporządkowaniu interesujących miejsc na twojej mapie.

Na przykład, jeśli tworzysz mapę dla turystów, możesz utworzyć kategorie takie jak „Zakwaterowanie”, „Restauracje” i „Atrakcje”.

Aby utworzyć kategorię, wystarczy wybrać kartę „Kategorie markerów”, a następnie kliknąć „Dodaj kategorię”.

Adding marker categories in WordPress

Możesz teraz dodać tytuł, zmienić tło i kolor tekstu oraz przypisać kategorie podrzędne do kategorii nadrzędnych.

Gdy jesteś zadowolony z informacji, które wpiszesz, kliknij „Zapisz”.

Adding Bing marker categories to a WordPress website

Aby utworzyć więcej kategorii, wystarczy kliknąć przycisk „Dodaj kategorię”.

Krok 3: Dostosuj swoją mapę Bing do własnych potrzeb

Następnie kliknij kartę „Dodaj mapę”. Możesz teraz wpisać rodzaj nazwy mapy, określić jej szerokość i wysokość, wybrać tryb paska nawigacji i wiele więcej.

Add Bing map using a plugin

Możesz także skonfigurować opcje, aby mapa Bing była przeciągalna, użyj dwukrotnego kliknięcia, aby powiększyć i nie tylko.

Co najważniejsze, w „Centrum mapy” wpisz lokalizację, którą chcesz wyświetlić. Możesz wpisać rodzaj adresu lub wartości długości i szerokości geograficznej.

Choosing a location for a Bing map

Na tej stronie znajduje się wiele ustawień, więc warto przejrzeć wszystkie opcje i wprowadzić niezbędne zmiany.

Gdy jesteś zadowolony z konfiguracji mapy, po prostu kliknij „Zapisz mapę”.

Saving a custom Bing map

Następnie możesz zaznaczyć jedną lub więcej lokalizacji na mapie za pomocą znaczników.

Aby rozpocząć, kliknij kartę Znaczniki, a następnie wpisz rodzaj nazwy znacznika. Zazwyczaj używana jest nazwa miejsca lub organizacji, ale można wpisać dowolny rodzaj nazwy.

Add new Marker for Bing Map in WordPress

Następnie można dodać tekst i obrazki do opisu znacznika. Można również wybrać ikonkę dla znacznika.

Po wykonaniu tych czynności należy wpisz adres znacznika i wybierz kategorię znacznika.

Adding markers to a Bing map in WordPress

Gdy będziesz zadowolony z konfiguracji, kliknij „Zapisz marker”.

Aby dodać więcej znaczników, wystarczy wykonać tę samą procedurę opisaną powyżej.

Save Marker for Bing Maps

W miarę dodawania znaczników podgląd mapy będzie aktualizowany automatycznie.

Krok 4: Osadzanie mapy Bing na twojej witrynie WordPress

Po zakończeniu dostosowywania mapy, skopiuj krótki kod obok „Map shortcode”.

Copy Bing Map Shortcode to embed in WordPress

Jeśli nie widzisz krótkiego kodu, upewnij się, że zapisałeś mapę.

Możesz teraz otworzyć post lub stronę WordPress, na której chcesz osadzić mapę Bing. Wystarczy kliknąć ikonę „Dodaj nowy blok '+'” i wpisać „Krótki kod”.

Adding a shortcode in WordPress

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony.

Teraz wystarczy wkleić krótki kod Bing Map do bloku.

Paste BIng Map Embed Shortcode in WordPress Page Editor

Aby uruchomić mapę, kliknij przycisk „Aktualizuj” lub „Opublikuj”. Teraz, jeśli użytkownik przejdzie na twoją witrynę internetową, zobaczy mapę Bing w działaniu.

Dowiedz się więcej o sposobach osadzania elementów na WordPressie

Chcesz osadzać inne elementy na twojej witrynie internetowej WordPress oprócz mapy Bing? Sprawdź poniższe artykuły:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo osadzić Bing Maps w WordPress. Możesz również zapoznać się z naszym kompletnym przewodnikiem na temat tworzenia wyskakujących okienek WooCommerce w celu zwiększenia sprzedaży lub z naszym wyborem najlepszego oprogramowania do czatu na żywo dla małych firm.

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

6 komentarzyZostaw odpowiedź

  1. Jiří Vaněk

    Thanks for the practical guide. So far I only had experience with google maps. I will definitely try to integrate BING maps as well, in order to test their functions and possibly also the loading speed.

  2. Jiří Vaněk

    Thanks for the tip, I actually never thought of using maps other than Google. But I’m all about speed. Google Maps slows down page loading a lot. Are Bing and Microsoft better off?

    • WPBeginner Support

      The maps would require a similar amount of load time at the moment.

      Administrator

  3. GODZILLA491

    I don’t know why but it doesn’t work.
    I found your tutorial after several minutes spent doing the same things you do but all i had is a blank post.

    With google it works, but i need to use bing maps.

  4. Anita

    how do I find a video on adding google maps

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ę.