قرار دادن نقشه محل مورد نظر در وب سایت

Google-Maps-Msina

با سلام خدمت کاربران و وبمستران عزیز و گرامی با شما هستیم با آموزش قرار دادن نقشه محل مورد نظر در صفحه تماس وب سایت ! نه کلی میگم نه تنها در صفحه تماس با ما بلکه در هرجایی که دوس داشته باشید ببخشید من یکم زیاد دوستانه میحرفم! خوب بریم سر اصل مطلب ! شاید این روزها وبسایت هایی را دیده باشید که در صفحه تماس خود، کروکی و آدرس دقیق محل شرکت، سازمان و یا فروشگاه خود را به صورت نقشه رنگی و قابل جابجایی نمایش می دهند.همون طور که می دونید یکی از خدمات گوگل نقشه و موقعیت جغرافیایی هستش که می تونید با استفاده از این سرویس گوگل مکان جغرافیایی خودتون رو در سایت قرار بدید. شاید بعضی ها بگن اصلا این گروه طراحی Msina چرا این آموزش را قرار داده خوب ! اصلا این گوگل مپ چرا استفاده کنیم چه لزومی داره در سایت مورد استفاده قرار بدیم! سایت هایی که به گوگل مپ نیاز دارن که می خواهند در مشتریان خود اعتماد ایجاد کنند , این مورد برای هر سایتی متفاوت است فکر کنید که شما یک شرکت بزرگ دارید و هر زمینه ی کاری دیگر با قرار دادن گوگل مپ در سایت خود می توانید محل کار یا شرکت خود را برای مشتریان و بازدید کننده هاتون به نمایش بزارید. اکسیژن طراحی سایت Msina.

Google-Maps-Msina

آموزش قرار دادن گوگل مپ در سایت

خوب در مرحله اول ابتدا میریم به سایت http://maps.google.com گوکل مپ! بله این سایته! و منطقه ی جغرافیایی خود را پیدا کنید مناطق معروف را می توانید search کنید! یعنی برای مثال ارومیه تبریز زنجان ! خخخخخ رفتیم به سمت آذربایجان خوب یکم بریم سمت شمال رشت و مازنداران نه بسه یکم دیگه بریم سمت جنوب کرمان جیرفت شیراز و اصفهان و… همه ایران سرای من است خ!اگر منطقه ی خود را در گوگل مپ ندارید می توانید خودتان آن را درست کنید , برای این کار روی نقشه منطقه را پیدا کنید و دقیقا روی منطقه ی مورد نظر کلیک راست کنید و گزینه ی whats here? یا direction to here رو بزنید , بعد یه علامتی برای اون منطقه قرار داده میشه روی اون علامت کلیک کنید در سمت چپ صفحه می توانید برای منطقه ی خودتون نام و توضیح بنویسید و برای گوگل ارسال کنید. به همین راحتی! بعد از اینکه منطقه جغرافیایی مشخص شد , در سمت چپ صفحه دو دکمه قرار داره یکی با اپکون پرینتر برای پرینت صفحه و یکی هم آیکون زنجیر هستش که نشانه ی لینک اون آدرس انتخابی شماست روی ایکون زنجیر کلیک کنید کنارش یه کادر ظاهر میشه مثل تصویر زیر

googlemaps-embed-iframe

در این کادر ظاهر شده دو تا کد به شما میده یکی لینک منطقه هستش و یکی هم کد iframe شما برای قرار دادن نقشه ی گوگل در بین کدهای سایتتون باید از کد iframe یعنی کد دوم استفاده کنید که به صورت پیش فرض عرض و طولی براش در نظر گرفته شده برای سفارشی سازی می تونید روی متن زیرش Customize and preview embedded map کلیک کنید و در صفحه ای که ظاهر میشه نحوه ی نمایش رو شخصی سازی کنید. اگر آدرس را ( مکان جست و جو ) نگاه کنید می بینید که منطقه ی شما با چه نامی قابل جست و جو هستش. این مورد رو یادتون باشه در ادامه لازم داریم.

برای سایت های وردپرسی WordPress

و اما برای سایت های وردپرسی چیکار کنیم؟ از روش بالا میتوان استفاده کرد ولی  همچنین برای راحتی کار می تونید از افزونه های وردپرس هم استفاده کنید. برای این کار ابتدا افزونه یا همون پلاگین Google Maps Widget را از سایت Msina در پایین همین پست دانلود کرده و سپس نصب و فعال سازی کنید سپس کافیه به قسمت ابزارک های وردپرس برید و ابزارک مربوط به نقشه گوگل را در مکان مناسب قرار بدید و تنظیمات لازم رو انجام بدید  آدرس و عرض و ارتفاع همون آدرسی که در بالا گفتم یادتون بمونه همین به همین خوشمزگی به همین آسونی

google-maps-widget-settings

فقط دوستان عزیز هر گونه مشکلی داشتید در قسمت پرسش و پاسخ سایت http://www.msina.ir/ask قرار دهید تا در اسرع وقت پاسخ داده شود با تشکر گروه اکسیژن طراحی سایت Msina.

دانلود افزونه  صفحه افزونه

قرار دادن نقشه محل مورد نظر در وب سایت
۱۰۰%

نوشته شده درخرداد ۱۰, ۱۳۹۴ درآموزش های وردپرس, آموزش وردپرس, آموزش وردپرس, مربوط به تم, وردپرس, پلاگین وردپرس, کاربردی

اشتراک گذاری

درباره نویسنده

بنیان‌گذار اکسیژن طراحی سایت Msina

(2) پاسخ

  1. لطفی
    آبان ۱۹, ۱۳۹۵ در ۱۲:۴۳ ب.ظ · پاسخ دادن

    کد ای فریم که در نقشه گوگل معرفی کردین برای گذاشتن نقشه گوگل در سایت وردپرس من پیداش نمیکنم میشه کمک کنید لطفا

    • Msina
      آبان ۱۹, ۱۳۹۵ در ۱:۰۹ ب.ظ · پاسخ دادن

      با سلام
      کاربر عزیز همان وطر که گفته شده
      در این کادر ظاهر شده دو تا کد به شما میده یکی لینک منطقه هستش و یکی هم کد iframe شما برای قرار دادن نقشه ی گوگل در بین کدهای سایتتون باید از کد iframe یعنی کد دوم استفاده کنید که به صورت پیش فرض عرض و طولی براش در نظر گرفته شده
      یعنی کادری که در سایت گوگل مپ باز شدهتو عکس هم معلوم میباشد به صورت رنگ آبی در نظر گرفته شده برای کپی و در محل مورد نظر خود پیست خواهید کرد
      بااحترام

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.

Back to Top