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