نمایش نقشه گوگل در وردپرس با افزونه Intergeo Maps

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
بسیاری از سایتها تمایل دارند تا در صفحه تماس با ما سایت خود، از نقشه گوگل یا همان Google Map استفاده کنید.
در این آموزش وردپرس نحوه نمایش نقشه گوگل در وردپرس را به شما کاربران عزیز نشان خواهیم داد.
با ما همراه باشید…

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

برای استفاده از گوگل مپ در وردپرس خود میتوانید از افزونه Intergeo Maps وردپرس استفاده کنید.
در ادامه به بررسی این پلاگین وردپرس خواهیم پرداخت.

دور زدن تحریم نقشه گوگل در دامنه IR

افزونه Intergeo Maps وردپرس

این افزونه وردپرس بیش از 60.000 نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است و از آخرین Upadate آن کمتر از یک هفته میگذرد.
[su_note note_color=”#ececec” text_color=”#333″ radius=”0″]شما میتوانید در انتهای همین نوشته، افزونه Intergeo Maps را بصورت رایگان دانلود کنید[/su_note]

آموزش کار با افزونه Intergeo Maps وردپرس

پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، یک زیرمنو جدید با نام Intergeo Maps، هم در آیتم تنظیمات و هم در آیتم رسانه منو پیشخوان وردپرس شما ایجاد خواهد شد.

طبق تصویر زیر به مسیر رسانه>Intergeo Maps رفته و بر روی گزینه ی Add New کلیک میکنیم.

پس از کلیک بر روی این گزینه شاهد صفحه زیر خواهیم بود:

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

می‌دانیم که گوگل مپ، هم نقشه جهان را در اختیار قرار داده و هم عکس‌های دقیقی از سطح زمین را در خود دارد. در بالای صفحه کلیدی وجود دارد که اگر ما آن را روی map قرار دهیم نقشه نمایش داده می‌شود و اگر روی satellite تنظیم کنیم، عکس‌ هوایی منطقه مورد نظر جایگزین نقشه می‌گردد.

تمام این ابزار‌ها، در نقشه‌ی تولید شده هم موجود است و کاربر می‌تواند از آن استفاده کند. اما تنظیمات ما تصویر پیش‌فرض را مشخص می‌کند.

اگر بخواهیم اندازه تصویر را مشخص کنیم، کافیست در تب styles روی Container’s Styles کلیک کرده و مقادیر width (عرض) و height (طول) را تغییر می‌دهیم.

هر دوی این مقادیر را می‌توان با مقدار ثابت (به پیکسل) و مقدار نسبی(درصد) مقداردهی کرد. به این دلیل که این نقشه در یک محتوا یا یک سایدبار قرار می‌گیرد، می‌توانیم به width مقدار ۱۰۰% دهیم. تا بهترین نمایش را در آن محتوا یا سایدبار داشته و همچنین نمایش مطلوبی در هر نوع صفحه نمایش (مثلا موبایل) داشته باشد.در مورد height نیز اندازه مطلوب را به پیکسل (مثلا ۴۰۰px) وارد می‌کنیم.

اگر می‌خواهیم در نقشه خود، مکان(یا مکان‌هایی) را علامت‌گذاری کنیم یا مثلا دور یک قطعه زمین خط بکشیم و …؛ می‌توانیم به بخش Overlays رفته و تیک Enable drawing tools را بزنیم تا ابزار مخصوص رسم روی نقشه ظاهر شود.

این ابزار، امکانات مختلفی را روی نقشه به ما می‌دهد. با ایجاد هر بخش، در زیر محموعه‌های بخش Overlays یک قسمت اضافه می‌شود تا به راحتی بتوان هر بخش را ویرایش یا پاک کرد.

بعد از اتمام ویرایش، روی گزینه Create the map کلیک می‌کنیم تا کد کوتاه قالب در اختیار ما قرار بگیرد.

اگر می‌خواهیم نقشه را در برگه‌ای مثل تماس با ما قرار دهیم، کافیست به بخش برگه‌ها رفته و روی ویرایش برگه‌ی مورد نظر کلیک کنیم. حالا هر جای متن که خواستیم این کد را قرار دهیم(این کار برای نوشته‌ها یا هر نوع متن دیگر هم ممکن است)

اگر می‌خواهیم آن را در یک سایدبار استفاده کنیم. به بخش نمایش > ابزارک‌ها رفته و یک ابزارک متن را در ستون مورد نظر قرار داده و کدکوتاه نقشه را در آن کپی می‌کنیم.
موفق و پاینده باشید…