{"id":371705,"date":"2023-02-28T18:40:00","date_gmt":"2023-02-28T15:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371705"},"modified":"2023-05-09T17:24:20","modified_gmt":"2023-05-09T14:24:20","slug":"so-betten-sie-bing-maps-in-wordpress-ein","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-betten-sie-bing-maps-in-wordpress-ein\/","title":{"rendered":"So betten Sie Bing Maps in WordPress ein"},"content":{"rendered":"\n

Seit sich die Google Maps-API zu einer Pay-as-you-go-Plattform entwickelt hat, entscheiden sich immer mehr Unternehmen und Organisationen daf\u00fcr, ihre Websites auf Bing Maps umzustellen.<\/p>\n

Karten werden normalerweise auf Kontaktseiten oder in der Fu\u00dfzeile einer Website eingebettet<\/strong>. In einigen Branchen wie Immobilien und Reisen sind Karten auf der Homepage zu finden. Wo auch immer Sie sich entscheiden, die Karte zu platzieren, der Prozess ist wirklich einfach.<\/p>\n

Lassen Sie uns Ihnen zeigen, wie Sie Bing Maps in WordPress einbetten.<\/p>\n

Schritt 1: Finden Sie Ihren Standort in Bing Maps<\/h2>\n

Gehen Sie zu Bing-Karten<\/a>. Geben Sie in der Suchleiste die Adresse ein, die auf der Karte angezeigt werden soll<\/strong>.<\/p>\n

\"So<\/a><\/p>\n

Klicken Sie auf das Symbol mit den drei Punkten am Ende des Men\u00fcs. Klicken Sie im Dropdown-Men\u00fc auf Karte einbetten.<\/p>\n

\"So<\/a><\/p>\n

Schritt 2: Passen Sie Ihre Bing Maps-Einstellungen an<\/h2>\n

Im Einstellungsmen\u00fc auf der linken Seite des Bildschirms k\u00f6nnen Sie die Karte anpassen<\/strong>.<\/p>\n

Zuerst richten wir die Kartengr\u00f6\u00dfe ein. Die Standardgr\u00f6\u00dfe ist Gro\u00df (400\u00d7500 Pixel). Sie k\u00f6nnen auch die kleine Gr\u00f6\u00dfe (325 x 280 Pixel) oder die benutzerdefinierte Gr\u00f6\u00dfe w\u00e4hlen, mit der Sie Ihre eigenen gew\u00fcnschten Abmessungen festlegen k\u00f6nnen.<\/p>\n

Wir haben uns f\u00fcr die benutzerdefinierte Option entschieden und die Kartengr\u00f6\u00dfe auf 800 \u00d7 400 Pixel eingestellt. Im Allgemeinen ist 800 Pixel die empfohlene Breite f\u00fcr Bilder<\/strong>. Diese Gr\u00f6\u00dfe eignet sich perfekt f\u00fcr responsives Design, sodass Sie eine Website erstellen k\u00f6nnen, die auf allen Ger\u00e4ten, einschlie\u00dflich Telefonen und Tablets, gut aussieht. Bei Bing Maps ist dies die maximal zul\u00e4ssige Breite.<\/p>\n

\"So<\/a><\/p>\n

Das n\u00e4chste, was wir einrichten werden, ist die Dynamik. Sie k\u00f6nnen w\u00e4hlen, ob die Karte auf Ihrer Website statisch oder verschiebbar sein soll. Wir werden uns f\u00fcr die dynamische Option entscheiden, die die Standardeinstellung ist<\/strong>. Es erm\u00f6glicht Ihren Benutzern, die Karte zu schwenken und zu zoomen.<\/p>\n

\"So<\/a><\/p>\n

Dann legen wir den Kartenstil fest. Sie k\u00f6nnen zwischen Bing Maps Stra\u00dfen- und Luftbildkarten w\u00e4hlen. Luftbildkarten bieten die Satellitenansicht Ihres Standortes<\/strong>.<\/p>\n

\"So<\/a><\/p>\n

Richten Sie abschlie\u00dfend die Verkn\u00fcpfungsoptionen ein<\/strong>. Wenn Sie die Standardeinstellung \u201eGro\u00dfe Karte anzeigen“ ausw\u00e4hlen, wird der Klick der Website-Besucher auf die eingebettete Karte automatisch die Bing-Karte im Vollbildmodus in einem neuen Tab \u00f6ffnen.<\/p>\n

Sie k\u00f6nnen auch das Kontrollk\u00e4stchen f\u00fcr Route abrufen aktivieren, damit Ihre Benutzer klicken und sehen k\u00f6nnen, wie sie zu Ihrem Standort gelangen<\/strong>.<\/p>\n

Wenn Sie m\u00f6chten, k\u00f6nnen Sie beide Verkn\u00fcpfungsoptionen deaktivieren.<\/p>\n

\"So<\/a><\/p>\n

Wenn Sie mit den Einstellungen fertig sind, klicken Sie auf die Schaltfl\u00e4che Code generieren, um HTML-Code zu erhalten.<\/p>\n

\"So<\/a>\"So<\/a><\/p>\n

Schritt 3: Bing Maps mit benutzerdefiniertem HTML-Shortcode einbetten<\/h2>\n

Gehen Sie auf Ihrer Website zu der Seite, auf der Sie die Karte einbetten m\u00f6chten. Wenn Sie es beispielsweise auf der Seite \u201eKontakt“<\/a> einbetten m\u00f6chten, gehen Sie zum Admin-Bereich und klicken Sie auf \u201eSeiten“ > \u201eAlle Seiten“. Suchen Sie die Seite Kontakt und klicken Sie auf Bearbeiten. Klicken Sie in der oberen linken Ecke des Gutenberg-Editors auf das \u201ePlus“-Symbol und suchen Sie nach Custom HTML Shortcode.<\/p>\n

\"So<\/a><\/p>\n

F\u00fcgen Sie den Code<\/strong> aus Bing Maps ein und speichern Sie die \u00c4nderungen.<\/p>\n

\"So<\/a><\/p>\n

\u00dcberpr\u00fcfen Sie beim Aktualisieren der Seite oder des Beitrags, ob die Karte wie gew\u00fcnscht funktioniert<\/strong>. So sieht es aus, wenn Sie unseren Anweisungen folgen.<\/p>\n

\"So<\/a><\/p>\n

Das Einbinden von Karten mit Wegbeschreibungen zu Ihrem Unternehmen ist einfach, kann aber Wunder f\u00fcr Ihr Unternehmen bewirken. Personen, die Ihre Website besuchen, m\u00f6chten alle Informationen an einem Ort \u2013 stellen Sie also sicher, dass sie m\u00fchelos herausfinden, wie sie zu Ihnen gelangen.<\/p>\n

Aufnahmequelle: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Hier ist eine dreistufige Anleitung zum Einbetten von Bing Maps in WordPress. Dies ist eine gute Alternative zu Google Maps.<\/p>\n","protected":false},"author":1,"featured_media":363733,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-371705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/371705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=371705"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/371705\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/363733"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=371705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=371705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=371705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}