چگونه نقشه گوگل را با استفاده از وردپرس در سایت خود نمایش دهیم؟

حتما بارها در سایت ها نقشه گوگل را مشاهده کرده اید.

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

این کار برای دسترسی راحت کاربران جهت ارتباط حضوری صورت می گیرد.

در این مقاله به شما آموزش می دهیم که چگونه نقشه محل کار خود را در گوگل قرار دهید.

همراه ما باشید.

نمایش نقشه گوگل در وردپرس

نمایش نقشه گوگل در وردپرس ۲ روش کلی دارد.

• امبد کردن کد نقشه به صورت مستقیم در محل مورد نظر
• استفاده از افزونه

1.روش اول (استفاده از کد نقشه)

در این روش به صورت دستی مستقیم کد نقشه را در محل دلخواه در سایت قرار می دهیم.

مراحل انجام این کار به شرح زیر است.

۱- به سایت Google Maps مراجعه کنید.

۲- آدرس مکان مورد نظر را در فیلد سمت چپ وارد کنید.

۳- بعد از وارد کردن آدرس مکان مورد نظر شما روی نقشه گوگل با یک مکان نمای قرمز نمایش داده خواهد شد.

۴- حالا باید کد نقشه را دریافت کنید. برای گرفتن کد روی دکمه Share کلیک کنید.

۵- سپس یک پنجره برای شما باز می شود که در آن گزینه Embed a map وجود دارد.

۶- سایز نقشه را با استفاده از گزینه Medium که در سمت چپ موجود است می توانید تغییر دهید. امکان وارد کردن سایز دلخواه به صورت دستی برای نمایش نقشه گوگل در وردپرس نیز وجود دارد.

۷- در انتها می توانید کد کپی شده را در قسمت ویرایشگر متن برگه وردپرس در جای دلخواه خود قرار دهید.

2. استفاده از افزونه MapPress Maps for WordPress

کار با این افزونه بسیار ساده است.

آدرس مکان مورد نظر را در آن وارد کنید تا به طور خودکار نقشه را در سایت شما قرار دهد.

افزونه MapPress Maps دارای نقشه های نامحدود، هشدارهای ترافیکی و پشتیبانی از نمای خیابان و نشانگرهای سفارشی نقشه نیز هست.

در مرحله اول این افزونه را نصب کنید.

به نوشته یا برگه مورد نظر برای نصب نقشه بروید.

در ویرایشگر وردپرس قسمت نقشه با عنوان MapPress رفته و روی گزینه New Map کلیک کنید.

در این قسمت آدرس محل کار، عنوان نقشه و ابعاد نمایش را تعیین کنید و تغییرات را ذخیره کنید.

نقشه شما به قسمت MapPress اضافه می شود و برای قرار دادن آن در برگه یا نوشته روی گزینه insert into postکلیک کنید.

اگر در راه اندازی نمایش نقشه در سایت خود با خطای Oops!Something Went Wrong مواجه شدید، راه حل زیر را برای برطرف کردن مشکلتان به شما پیشنهاد می کنیم.

دریافت Api Key از سایت گوگل

در این راه باید یک کد مجوز از گوگل بگیرید تا بتوانید مشکل عدم نمایش نقشه در وردپرس را حل کنید. برای این کار مراحل زیر را دنبال کنید.

ابتدا به سایت گوگل وارد شوید.

به دلیل تحریم ایران توسط گوگل باید برای ورود به سایت گوگل از IP خارج از ایران وارد شوید. (از فیلتر شکن استفاده کنید.)

بعد از ورود روی دکمه Continiue کلیک کنید تا یک صفحه برای شما باز شود.

این صفحه دارای دو فیلد است. در فیلد اول نام انتخابی و در فیلد دوم آدرس سایت خود را وارد کنید و روی دکمه Create کلیک کنید.

در صفحه ای که باز می شود، یک کد Api وجود دارد. آن را کپی کنید.

به بخش مربوط سایت خود بروید و کد API گوگل را در آن جا جایگذاری کنید.

ولی با استفاده از افزونه ها هم می توانید این کار را انجام دهید. تفاوت این دو مسئله این است که در روش دوم زمان و راه های بیشتری را برای نمایش نقشه باید پیش ببرید تا موفق شوید.