آموزش طراحی سایت قرار دادن نقشه در سایت با پلاگین System – JA Google Map

آموزش طراحی سایت قرار دادن نقشه در سایت با پلاگین System – JA Google Map: یکی از آیتم های مهمی که در طراحی سایت و سئوی سایت نقشی اساسی ایفا می نماید نقشه یا Google Map است. نقشه یا map باید آدرس محل شرکت یا دفتری که مربوط به وب سایت است را به خوبی نمایش دهد. خاصیت هایی همچون zoom و داینامیک بودن از خواصی است که کار کاربران وب سایت ها را بسیار ساده می نماید. در این مقاله سعی بر آن داریم تا خلاصه ای در ارتباط با آموزش طراحی سایت قرار دادن نقشه در سایت با پلاگین System – JA Google Map را در اختیارتان قرار دهیم.

آموزش قرار دادن نقشه و طراحی سایت با پلاگین System – JA Google Map

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

آموزش نصب پلاگین System – JA Google Map

همانطور که گفته شد ماژول ها و پلاگین های مختلفی برای قرار دادن نقشه در سایت نوشته شده است. با توجه به محدودیت هایی که گوگل برای ایرانیان در نظر می گیرد یکی از پر کاربرد ترین و خوش کاربرد ترین ابزارهای موجود پلاگین System – JA Google Map است. نصب این پلاگین نیز همچون تمامی پلاگین ها و افزونه های جوملا از منوی افزونه ها – مدیریت انجام می شود. طریقه ی نصب بسیاری افزونه ها و کامپوننت ها در مطلب آموزش تصویری کامپوننت RSform و جزئیات ساخت فرم در طراحی سایت توضیح داده شده است.

آموزش کار با پلاگین System – JA Google Map

پس از نصب این پلاگین از مسیری که گفته شد، از همان منو به بخش پلاگین ها بروید. در لیست پلاگین ها کلمه ی map را جستجو نمایید. و پس از یافتن، بر روی پلاگین System – JA Google Map کلیک نمایید. در این بخش نیاز است تا از وب سایت گوگل API تهیه نمایید و طبق تصویر در بخش  API Key قرار دهید. در Target Location نام مکان را قرار دهید. در Latitude و Longitude باید طول و عرض جغرافیایی مکان مورد نظر را باید قرار دهید. برای اطلاع از جشنواره فروش ویژه تا ۵۰ درصد تخفیف خدمات طراحی سایت و سئو به این صفحه بروید.

آموزش گذاشتن مارکر در Google Map

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

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