چگونه با JetElements نقشه های گوگل را به وردپرس اضافه کنیم

باید نحوه اضافه کردن را بیابید گوگل نقشه ها به وردپرس با JetElements؟

تعداد زیادی افزونه وجود دارد که می توانید از آنها برای اضافه کردن استفاده کنید گوگل نقشه ها به شما سایت اینترنتی وردپرس. JetElements یکی هست. JetElements یک افزونه است Elementor حق بیمه توسعه یافته توسط Crocoblock. چندین ویجت اضافی را به شما اضافه می کند Elementor، از جمله نقشه پیشرفته که می توانید از آن برای اضافه کردن آسان استفاده کنید گوگل نقشه های سایت وردپرس شما.

می توانید 10 سبک نقشه را انتخاب کنید. همچنین می توانید چندین پین اضافه کنید.

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

قبل از شروع ، مطمئن شوید که نصب کرده اید Elementor و JetEements در وردپرس شما. می توانید از نسخه رایگان استفاده کنیدElementor برای استفاده از JetElements در حالی که برای JetElements، باید آن را در آن به دست آورید وب سایت رسمی برای 19 دلار

مرحله 1: Google Maps API Key را دریافت کنید

قبل از اینکه بتوانید Google Maps را به خود اضافه کنید وب سایت با استفاده از JetElements، برای ادغام JetElements با Google Maps باید یک کلید API بدست آورید. می توانید API را از طریق کنسول Google API دریافت کنید. بنابراین، بازدید کنید کنسول API گوگل و با حساب گوگل خود وارد شوید.

پس از ورود به سیستم، با کلیک بر روی منوی کشویی در بالا، یک پروژه جدید ایجاد کنید و روی آن کلیک کنید پروژه جدید.

نامی برای پروژه خود بگذارید و روی دکمه کلیک کنید ايجاد كردن.

پروژه جدید خود را از منوی کشویی انتخاب کرده و کلیک کنید کتابخانه در پنل سمت چپ

JetElements هیچ اطلاعات دقیقی در مورد API هایی که برای فعال کردن ویجت نیاز دارید ارائه نمی دهد. نقشه پیشرفته. با توجه به تجربه ما، حداقل باید API های زیر را فعال کنید:

• API کدگذاری جغرافیایی
• Maps JavaScript API

گوگل خود Google Maps API را به 17 نوع تقسیم می کند. با کلیک کردن می توانید آنها را ببینید نمایش همه در بخش نقشه.

برای فعال کردن یک API، API مورد نظر برای فعال کردن را انتخاب کنید (با کلیک روی آن) و روی دکمه کلیک کنید فعال کردن.

پس از فعال کردن API های مورد نیاز، به داشبورد اصلی Google API Console برگردید و کلیک کنید شناسه در پنل سمت چپ روی دکمه کلیک کنید اعتبارنامه ایجاد کنید و انتخاب کنید کلید API. کلید API را در پنجره ظاهر شده کپی کنید.

سپس وارد داشبورد وردپرس خود شوید و به منو بروید JetPlugins – > JetElements تنظیمات.

برگه را باز کنید یکپارچگی و کلید API را که به تازگی کپی کرده اید در فیلد قرار دهید کلید API نقشه گوگل.

شروع به اضافه کردن نقشه کنید

هنگامی که JetElements و Google Maps یکپارچه شدند، می توانید شروع به اضافه کردن نقشه کنید. برای این کار، صفحه ای را که می خواهید نقشه را در Elementor اضافه کنید، باز کنید. در ویرایشگر Elementor، ویجت Advanced Map را به قسمت ویرایش بکشید.

برای دستکاری برخی تنظیمات روی نقشه خود می توانید به پانل سمت چپ بروید. می توانید تنظیمات را از قسمت انجام دهید تنظیمات نقشه.

برای تغییر سبک نقشه، می توانید بخش را باز کنید سبک نقشه.

موقعیت مکانی خود را به نقشه اضافه کنید

به طور پیش فرض، آدرس پین روی London Eye، لندن، بریتانیا تنظیم شده است. می توانید آن را ویرایش کنید تا مکان کسب و کار خود را اضافه کنید.

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

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

برای تعیین مرکز نقشه، بخش را باز کنید  تنظیمات نقشه دوباره مرکز نقشه دلخواه خود (نام شهر) را تایپ کنید.

توجه داشته باشید: اگر هنگام افزودن کارت پیام «فقط برای اهداف توسعه» را می‌بینید، حتماً صورت‌حساب Google Cloud خود را فعال کنید. خط‌مشی جدید Google از برنامه‌نویسان می‌خواهد که حساب صورت‌حساب را فعال کنند (هنوز می‌توانید از Google Maps API به صورت رایگان استفاده کنید).

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

بنابراین ! این برای این مقاله است که به شما نشان می دهد چگونه نقشه های گوگل را با JetElements به وردپرس اضافه کنید. اگر هر گونه نگرانی در مورد نحوه رسیدن به آنجا دارید، به آنها اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...