چگونه یک نقشه با چندین مکان در وردپرس ایجاد کنیم

آیا می خواهید یک نقشه با چندین مکان در وردپرس ایجاد کنید Elementor و افزونه های ضروری؟

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

افزودنیهای ضروری یک افزونه است Elementor حق بیمه، بنابراین شما نیز نیاز به نصب دارید Elementor قبل از اینکه بتوانید از آن استفاده کنید می توانید از نسخه رایگان Elementor برای ایجاد کارت با ماژول Essential Addons استفاده کنید.

La نسخه رایگان Essential Addons نیز موجود است. با این حال، ویجت برای ایجاد نقشه فقط در نسخه پولی موجود است. می توانید نسخه پولی Essential Addons را در آن دانلود کنید وب سایت رسمی.

ما از پلتفرم Google Maps برای ایجاد نقشه در وردپرس شما با استفاده از افزونه های ضروری استفاده خواهیم کرد. قبل از شروع، مطمئن شوید که Elementor و Essential Addons را نصب کرده اید.

Google Maps را با ماژول Essential Addons ادغام کنید

قبل از اینکه بتوانید نقشه Google Maps را با افزونه های ضروری اضافه کنید، ابتدا باید آنها را ادغام کنید. برای ادغام Google Maps با ماژول های Essential Addons به یک کلید API نیاز دارید.

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

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

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

گوگل API پلتفرم نقشه های گوگل را به 17 نوع تقسیم می کند. با کلیک بر روی لینک می توانید آنها را مشاهده کنید نمایش همه در بخش نقشه. بسته به آنچه می خواهید انجام دهید، باید API ها را فعال کنید.

همچنین کشف کنید: نحوه ایجاد یک قالب سفارشی محصول واحد در ووکامرس با المنتور

در مورد ما، باید API های زیر را فعال کنید تا با استفاده از افزونه های ضروری، نقشه ای از Google Maps اضافه کنید.

• دستورالعمل های API
• API کدگذاری جغرافیایی
• Maps JavaScript API
• صندلی های API

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

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

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

روی دکمه کلیک کنید تنظیمات را ذخیره کن برای اعمال تغییر جدید

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

هنگامی که نقشه های گوگل و افزونه های ضروری یکپارچه شدند، می توانید شروع به ایجاد نقشه کنید. برای انجام این کار، یک صفحه جدید ایجاد کنید (صفحات - > افزودن ) یا یک مقاله جدید (موارد - > افزودن) و آن را با Elementor ویرایش کنید.

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

با کلیک بر روی دکمه پلاس در کادر ویرایش، یک بخش جدید ایجاد کنید. برای داشتن یک منطقه وسیع تر برای نقشه، می توانید ساختار تک ستونی را انتخاب کنید. ویجت را بکشید EA Google Maps از پانل سمت چپ به قسمت ویرایش.

به پنل سمت چپ بروید و نوع کارت را روی آن تنظیم کنید نشانگر چندگانه.

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

برای دریافت طول و عرض جغرافیایی یک مکان، نقشه های گوگل را باز کنید و مکان (مکان) را که می خواهید طول و عرض جغرافیایی آن را بدست آورید جستجو کنید. پس از یافتن، با کلیک راست ماوس و کلیک چپ روی عددی که در منوی متنی ظاهر می شود کلیک کنید.

بنابراین این عمل به شما امکان می دهد که طول جغرافیایی (مقدار اول) و طول جغرافیایی (مقدار دوم) را کپی کنید.

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

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

دفعات بازدید: نحوه استفاده از ویجت Elementor's Posts

پس از اتمام افزودن مکان‌ها، بلوک را باز کنید کنترل های نقشه برای فعال/غیرفعال کردن دستوراتی که می خواهید روی کارت خود ارائه دهید. همچنین می توانید سطح بزرگنمایی را در اینجا تنظیم کنید.

همچنین می توانید بلوک را باز کنید تم نقشه برای انتخاب تم Google Maps که می خواهید استفاده کنید.

تاکنون با موفقیت نقشه ای با چندین مکان ایجاد کرده اید. می توانید برگه را باز کنید سبک برای تعیین ارتفاع و همچنین عرض نقشه.

اگر می‌خواهید نقشه‌ای با عرض کامل داشته باشید، قسمتی که نقشه را در بر می‌گیرد روی تمام عرض تنظیم کنید. برای این کار روی دسته قسمت کلیک کنید.

در برگه و مسدود کردن چیدمان عرض محتوا را روی تمام عرضr و شکاف ستون در بدون انحراف

کلیک بر روی دکمه منتشر شدهER در پایین پانل سمت چپ برای انتشار صفحه شما.

نقشه را در یک صفحه یا پست جاسازی کنید

اگر به دلایلی ترجیح می دهید نقشه خود را در یک صفحه/پست (صفحه/پست ایجاد شده با ویرایشگر پیش فرض وردپرس — گوتنبرگ) جاسازی کنید، می توانید از پلاگین وردپرس Elementor Blocks برای گوتنبرگ. این افزونه یک قالب Elementor را به یک بلوک گوتنبرگ تبدیل می کند.

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

به مدل خود یک اسم بزنید و روی دکمه کلیک کنید ثبت نام کننده.

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

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

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

نتیجه

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

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

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

...