اضافه کردن گوگل مپ به وردپرس

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

معرفی Otter Blocks Google Maps Block

یکی از ساده ترین روش ها برای اضافه کردن گوگل مپ به وردپرس استفاده از افزونه های مربوط به این کار است. ساده ترین راه برای افزودن Google Maps به وردپرس استفاده از افزونه مناسب مانند Otter Blocks است. Themeisle این افزونه را برای کمک به کاربران برای ایجاد و سفارشی سازی سریع نقشه ها برای رفع نیازهای خود ساخته است. سازنده نقشه قدرتمند UI به شما امکان می دهد هر تعداد نقشه را که می خواهید ایجاد کنید، و همچنین آنها را ذخیره، ویرایش و حتی شبیه سازی کنید.

آموزش اضافه کردن گوگل مپ به وردپرس

ابتدا، شما باید Otter Blocks را مانند هر افزونه دیگری در سایت وردپرس خود نصب کنید. سپس، به سادگی مراحل زیر را برای اضافه کردن نقشه های گوگل به وردپرس دنبال کنید!

مرحله 1: کلید Google Maps API خود را به وردپرس اضافه کنید

هنگامی که Otter Blocks را نصب کردید، بخش جدیدی به نام Otter در زیر تب تنظیمات در داشبورد شما وجود خواهد داشت. هنگامی که از صفحه آن بازدید کنید، باید یک بخش Maps را با کادری برای کلید API خود مشاهده کنید که قبل از شروع ایجاد نقشه ها باید اضافه شود. برای دریافت این کلید، از داشبورد Google APIs دیدن کنید. با فرض اینکه در حال حاضر یک حساب Google دارید، باید بتوانید بدون نیاز به ثبت نام برای چیزی به این داشبورد دسترسی داشته باشید. در داشبورد Google APIs، دکمه آبی create project را در بالای صفحه انتخاب کنید. در صفحه بعد Create را انتخاب کنید. سپس، می توانید نامی برای پروژه خود انتخاب کنید.

یک بار دیگر روی Create کلیک کنید و به داشبورد باز می‌گردید. Enable APIs and Services را در نزدیکی بالای صفحه انتخاب کنید و «Google Maps JavaScript API» را در کتابخانه API جستجو کنید. هنگامی که آن را پیدا کردید، فعال (enable) کردن را انتخاب کنید.

در صفحه بعدی، روی دکمه Create Credentials در گوشه سمت راست بالا کلیک کنید. سپس در صفحه بعد، چه اعتباری نیاز دارم را انتخاب کنید؟ یک کلید API به شما نمایش داده می شود که اکنون می توانید آن را کپی کنید.

به سایت وردپرس خود بازگردید و کلید را در کادر Google Maps API Key قرار دهید. فراموش نکنید که تغییرات خود را ذخیره کنید! اکنون، شما آماده شروع ساختن نقشه خود هستید.

ایحاد نقشه

برای ایجاد اولین نقشه خود، بلوک Google Maps را از قسمت Otter انتخاب کنید. بلافاصله با گزینه های زیادی روبرو خواهید شد

اولین کاری که احتمالاً می خواهید انجام دهید این است که دکمه Add Marker را انتخاب کنید. این به شما امکان می دهد یک مکان برای نقشه تعیین کنید و یک نشانگر قرار دهید. می توانید به نشانگر یک عنوان بدهید، یک سبک برای آن انتخاب کنید و یک آدرس وارد کنید. در کادر متن، همچنین می‌توانید متنی را اضافه و قالب‌بندی کنید که وقتی کاربر روی نشانگر کلیک می‌کند نمایش داده می‌شود.

قرار دادن نقشه در وب سایت

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