هل تريد إنشاء خريطة بمواقع متعددة في WordPress باستخدام Elementor وEssential Addons؟
لنفترض أن لديك شركة لديها بالفعل عدة فروع في المدينة ، وتريد إنشاء خريطة رقمية توضح موقع تلك الفروع. إذا كان لديك موقع ويب مستند إلى WordPress ، فيمكنك إنشاء مثل هذه الخريطة دون عناء. هناك مكون إضافي رائع يمكنك استخدامه لإنشاء خريطة متعددة المواقع: الإضافات الأساسية.
الإضافات الأساسية هذه إضافة مدفوعة لبرنامج Elementor، لذا يجب عليك تثبيت Elementor قبل استخدامها. يمكنك استخدام النسخة المجانية من Elementor لإنشاء خريطة باستخدام وحدة Essential Addons.
La النسخة المجانية من الإضافات الأساسية متوفر أيضًا. مع ذلك، فإن أداة إنشاء الخرائط متاحة فقط في النسخة المدفوعة. يمكنك تنزيل النسخة المدفوعة من Essential Addons من موقعها الإلكتروني. الموقع الرسمي.
سنستخدم منصة خرائط جوجل لإنشاء خريطة على موقع ووردبريس الخاص بك باستخدام Essential Addons. قبل البدء، تأكد من تثبيت Elementor وEssential Addons.
ادمج خرائط Google مع الوحدة الإضافية الأساسية
قبل إضافة خريطة من خرائط جوجل باستخدام وحدات Essential Addons، يجب عليك أولاً دمجها. ستحتاج إلى مفتاح API لدمج خرائط جوجل مع وحدات Essential Addons.
أولاً، قم بزيارة وحدة تحكم واجهة برمجة تطبيقات Google وقم بتسجيل الدخول باستخدام حساب Google الخاص بك. أنشئ مشروعًا جديدًا من خلال النقر على القائمة المنسدلة في الأعلى والنقر فوق مشروع جديد.
امنح مشروعك الجديد اسمًا وانقر فوق الزر CREATE .
بمجرد إنشاء مشروعك الجديد ، حدده من القائمة المنسدلة وانقر فوق المكتبة على اللوحة اليسرى.
تقسم جوجل واجهة برمجة تطبيقات منصة خرائط جوجل إلى 17 نوعًا. يمكنك الاطلاع عليها بالنقر على الرابط. اعرضهم جميعا في القسم Cartes. تحتاج إلى تمكين واجهات برمجة التطبيقات اعتمادًا على ما تريد تحقيقه.
اكتشف أيضًا: كيفية إنشاء قالب منتج فردي مخصص في WooCommerce باستخدام Elementor
في حالتنا، تحتاج إلى تمكين واجهات برمجة التطبيقات التالية لإضافة خريطة خرائط جوجل باستخدام الإضافات الأساسية.
- اتجاهات API
- API التشفير الجغرافي
- API للخرائط جافا سكريبت
- مقاعد API
لتنشيط API ، حدد API الذي تريد تنشيطه (بالنقر فوقه) وانقر فوق الزر تفعيل.
بمجرد اكتمال تفعيل واجهة برمجة التطبيقات المطلوبة، ارجع إلى لوحة التحكم الرئيسية في وحدة تحكم Google API وانقر على معرفات على اللوحة اليسرى. انقر فوق الزر إنشاء بيانات اعتماد تسجيل الدخول وحدد مفتاح API. انسخ مفتاح API في النافذة المنبثقة التي تظهر.
قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك وانقر فوق الإضافات الأساسية في اللوحة اليسرى. انقر على علامة التبويب عناصر وانتقل لأسفل في القسم خريطة جوجل المتقدمة. اضغط على الإعدادات ولصق مفتاح API الذي نسخته للتو.
انقر فوق الزر احفظ التغييرات لتطبيق التغيير الجديد.
ابدأ في إنشاء الخريطة
بمجرد دمج خرائط Google والملحقات الأساسية ، يمكنك البدء في إنشاء الخريطة. للقيام بذلك ، قم بإنشاء صفحة جديدة (الصفحات -> إضافة ) أو عنصر جديد (مقالات -> إضافة) وتحريره باستخدام Elementor.
قبل إنشاء الصفحة، حدد التخطيط بالنقر على أيقونة الترس في الزاوية السفلية اليسرى لفتح لوحة الإعدادات. ثم حدد التخطيط من القائمة المنسدلة.
أنشئ قسمًا جديدًا بالنقر على زر علامة الجمع (+) في منطقة التحرير. للحصول على مساحة أكبر للخريطة، يمكنك اختيار تخطيط العمود الواحد. اسحب الأداة. خرائط جوجل EA من اللوحة اليسرى إلى منطقة التحرير.
انتقل إلى اللوحة اليسرى واضبط نوع البطاقة على علامة متعددة.
افتح القسم إعدادات محدد الخريطة وانقر على محدد الخريطة الحالي لتعديله. الصق خط الطول وخط العرض للموقع الأول الذي تريد إضافته إلى الخريطة. قم أيضًا بتعيين العنوان بالإضافة إلى الوصف.
للعثور على خط العرض وخط الطول لموقع ما، افتح خرائط جوجل وابحث عن الموقع (المكان) الذي تريد معرفة خط العرض وخط الطول له. بمجرد العثور عليه، انقر بزر الماوس الأيمن ثم انقر بزر الماوس الأيسر على الرقم الذي يظهر في القائمة المختصرة.
يتيح لك هذا الإجراء بالتالي نسخ خط العرض (القيمة الأولى) وخط الطول (القيمة الثانية).
عند الانتهاء من إضافة خط الطول وخط العرض للموقع الأول ، انقر فوق الزر أضف عنصرًا لإضافة موقع آخر إلى خريطتك.
افتح خرائط جوجل مرة أخرى وابحث عن الموقع الجديد الذي تريد إضافته إلى الخريطة. انسخ خط الطول وخط العرض، ثم الصقه في الحقول المخصصة لهما كما هو موضح أعلاه. كرر الخطوات السابقة لإضافة المزيد من المواقع إلى الخريطة.
اقرأ أيضا: كيفية استخدام عنصر واجهة العنصر
بعد الانتهاء من إضافة الفتحات، افتح الكتلة ضوابط الخريطة لتمكين / تعطيل الأوامر التي تريد توفيرها على بطاقتك. يمكنك أيضًا ضبط مستوى التكبير / التصغير هنا.
يمكنك أيضًا فتح الكتلة موضوع الخريطة لتحديد مظهر خرائط Google الذي تريد استخدامه.
لقد نجحت حتى الآن في إنشاء خريطة تحتوي على مواقع متعددة. يمكنك فتح علامة التبويب الطراز لتحديد ارتفاع وعرض الخريطة.
إذا كنت تريد الحصول على خريطة كاملة العرض ، فقم بتعيين القسم الذي يحتوي على الخريطة على العرض الكامل. للقيام بذلك ، انقر فوق مقبض القسم.
في علامة التبويب والكتلة تصميم اضبط عرض المحتوى على العرض الكاملr والمسافة بين الأعمدة على لا انحراف
انقر على زر نشرتER في أسفل اللوحة اليمنى لنشر صفحتك.
تضمين الخريطة في صفحة أو منشور
إذا كنت تفضل، لسبب ما، تضمين خريطتك في صفحة/منشور (الصفحة/المنشور الذي تم إنشاؤه باستخدام محرر ووردبريس الافتراضي - غوتنبرغ)، فيمكنك استخدام إضافة ووردبريس. كتل العنصر لجوتنبرج. سيقوم هذا المكون الإضافي بتحويل قالب Elementor إلى كتلة Gutenberg.
لحفظ الخريطة التي أنشأتها للتو كقالب Elementor، انقر فوق رمز السهم الموجود بجوار الزر. النشر / التحديث وحدد حفظ كقالب.
قم بتسمية النموذج الخاص بك وانقر فوق الزر حفظ.
بعد ذلك، أنشئ صفحة أو منشورًا جديدًا (تأكد من تثبيت إضافة Elementor Blocks for Gutenberg مسبقًا). أضف كتلة جديدة وحدد مكتبة العنصر وحدد النموذج الذي أنشأته للتو.
ريمارك: إذا ظهرت لك رسالة "لأغراض التطوير فقط" عند إضافة خريطة، فتأكد من تفعيل خدمة فوترة Google Cloud. تتطلب سياسة Google الجديدة من المطورين تفعيل حساب الفوترة (لا يزال بإمكانك استخدام واجهة برمجة تطبيقات خرائط Google مجانًا).
احصل على Elementor Pro الآن !!!
خاتمة
هذا كل شيء! بهذا نختتم هذه المقالة التي توضح كيفية إنشاء خريطة بمواقع متعددة باستخدام Elementor. إذا كانت لديكم أي أسئلة، يُرجى إخبارنا بها في التعليقات. تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...