Hogyan adjunk egy Google térképen, telek 3 adhatjuk meg a wordpress google maps, üzleti blog Max
Helló barátja és barátnője! Ebben a cikkben fogjuk megvitatni a kérdést a telepítés helyén wordpress google maps (google térkép). Szinte kivétel nélkül, a vállalatok saját vállalati honlapok és az online névjegy van (és ha nem, mi legyen) kártyákat a Google vagy a Yandex.
Ez nagyon fontos, mind a támogatása a forrást, és az ügyfelek tájékoztatására, ahol a cég, és hogyan lehet elérni.
Ha nem tévedek, ez vitatták néhány régi jelentések Yandex konferencián.
1. módszer 3: Normál További térképek az oldalra
Ez a legnépszerűbb módja a javaslatokat. Mi megy a fő oldalon kereső, és adja meg a szakasz Maps.



Ezután kiválaszthatja, hogy milyen méretű Google térképek telepíteni kívánt saját oldalt, és másolja a kapott kódot a sorban.

Most megy a WordPress honlapján, és menj az oldalra „Kapcsolatok”, és váltson át a szöveges módban be a kódot fent kapott a megfelelő hely számunkra.

Most frissítse az oldalt, és nézze meg az eredményt:

Nagy! Ez történt. Most meg fogja vitatni a lehetőséget, hozzátéve egy másik kártyát. Majd inkább jobb webes tervezők és webes mesterek, mint a kezdők számára.
2. módszer 3: hozzáadása WordPress Google Maps segítségével egyéni mezők
Hozzáférés a WordPress admin felületen, és válassza ki a page.php sablont. Belül ez be ezt a kódot:
Tegyen be egy oldal, amely az út (kattintható kép)

Ha már jó wordpress, akkor felmerül a kérdés: „Miért adni ezt a kódot? Végtére is, akkor az megjelenik minden oldalon, kivétel nélkül. " Nem, nem fogok válaszolni, hogy miért. Az a tény, hogy a Google adni ezt a kártyát fogunk véletlenszerűen területen. Ha nem teszünk semmit, akkor vegye figyelembe, hogy semmi sem jelenik meg, és nem lehet gond. Tehát a kártya kódját oldalsablonhoz teszünk, most nézzük meg levezetni bármelyik oldalon anélkül, hogy szkripteket. Ebből a célból, én még egyszer fordítsa meg a „Kapcsolatok”, és törölheti a meglévő kódot is.
Egy fontos pont a sorban $ address = get_post_meta ($ bejegyzést -> ID '_post_meta_address_key' igaz ..);
Lemegyek a az oldal alján, és adjunk hozzá egy újat.


Aztán frissítse az oldalt, és nézze meg az eredményt a böngészőben:

Úgy működik is! Legyen óvatos, ha kódot. Mert tartalmaz php kérelmet. Semmilyen esetben nem szúrja be egy másik php beágyazott loop-kód - kap egy hiba és a fehér képernyő „halál”. Ebben a példában megadhatja a méret a kártyát. Hosszúság szélesség 100% -ban. Akkor állítsa be az értéket. Itt a területen (kattintson a képre):
Van egy hossza 400 pixel nem tud írni, a rendszer, és így meg fogja érteni.
3. módszer 3: Hogyan adhatok szervezet a Google Maps segítségével a plugin
Van egy másik alternatíva, amellyel mi is hozzá a cég a térképen. Ez telepíteni egy speciális plug-in. Ez az úgynevezett Átfogó Google Map Plugin. Van egy nagyon jó minősítést, és a létesítmények nagy száma. Nézzük telepíteni a weboldal, blog.

Az aktiválás után a bal oldali panel lesz az új Google Map listájában.

Az előnye, hogy ez a plugin az a tény is, hogy könnyedén beágyazhatja a Google térképet, a widget az oldalsávon az oldalon, és más helyen. Nagyon kényelmes. Mi hozzá az oldalt az oldalsávon.
Szintén válassza ki a méretet, mint az alapbeállításokat. Legyen 500 500 pixel. Növekedés (zoom) elhagyja az azonos értékű. Card Type - a szokásos kétdimenziós (lapos), valamint elrejteni a „Made Google” és a „tippek irányba.”


Akkor is figyelmen kívül hagyják elemeket, és kattintson a gombra «generálása shortcode» (létrehozás shortcode).

Akkor felbukkan egy párbeszédablak kéri, hogy mentse a kapott érvényesítőkód, a Mentés gombra. Most arra van szükség, hogy írja be a kódot az oldalon. Ahhoz, hogy látom, hogy kell menni a szakasz «Mentett Shortcodes» (Mentett rövid kódok) és másolás.


Ez történt eredményeként:

Nagyon szép és elegáns. Most ebből egy térképet az oldalsávon. Itt a helye, ahol azt tervezem, hogy azt.

Ide Megjelenés - Widgets, húzzon egy újat a neve „szöveg”, és illessze be ugyanazt a kódot, és mentse.



Az összes barátom. Ebben a leckében befejeződött. Hamarosan akkor is megtanulják, hogyan kell csatlakoztatni a Maps API és más csíp a fejlesztők számára, de magas lesz mind az Ön és az én. Köszönöm mindenkinek a figyelmet. Találkozunk a következő kiadásban!