هل تحتاج إلى العثور على كيفية إضافة خرائط Google إلى WordPress باستخدام JetElements؟

يمكن أن تؤدي إضافة خرائط Google إلى موقع WordPress الخاص بك إلى تحسين تجربة المستخدم من خلال توفير معلومات جغرافية دقيقة. ولكن هناك العديد من المكونات الإضافية التي يمكنك استخدامها لإضافة خرائط Google إلى موقع WordPress الخاص بك. JetElements هو واحد.

يعمل JetElements، وهو مكون إضافي قوي لـ Elementor، على تبسيط هذا التكامل. إنه ملحق Elementor متميز تم تطويره بواسطة Crocoblock. وهو يقدم مجموعة من أدوات التخصيص، بما في ذلك أداة خرائط Google المخصصة. يسمح لك بإنشاء خرائط مخصصة دون لمس سطر واحد من التعليمات البرمجية. بالإضافة إلى ذلك، فهو سهل الاستخدام ويتناسب بسهولة مع أي جهاز وورد موضوع.

في هذه المقالة، سنستكشف كيفية إضافة خرائط Google إلى WordPress باستخدام وورد البرنامج المساعد JetElements والقطعة خريطة متقدمة.

كيفية إضافة خرائط Google إلى WordPress باستخدام JetElements

قبل أن تبدأ ، تأكد من تثبيت Elementor وJetEments على موقع WordPress الخاص بك. يمكنك استخدام الإصدار المجاني من Elementor لاستخدام JetElements. ولكن بالنسبة لـ JetElements، سيتعين عليك الحصول عليها من موقعها الموقع الرسمي مقابل 19 دولارًا.


محتويات


خطوات إضافة خرائط Google إلى WordPress باستخدام JetElements

الخطوة 1: تثبيت JetElements و Elementor

ابدأ بتثبيت Elementor، وهو منشئ الصفحات المرئية لـ WordPress. بعد ذلك، أضف JetElements عبر لوحة تحكم WordPress الخاصة بك. قم بتنشيط كلا البرنامجين الإضافيين.

لمزيد من المعلومات، راجع دليلنا على: كيفية إتقان Elementor على WordPress: التثبيت والاستخدام والميزات المتقدمة

الخطوة 2: احصل على مفتاح Google Maps API

قبل أن تتمكن من إضافة خرائط Google إلى موقع الويب الخاص بك باستخدام JetElements، تحتاج إلى الحصول على مفتاح API لدمج JetElements مع خرائط Google. يمكنك الحصول على واجهة برمجة التطبيقات من خلال وحدة تحكم Google API. لذلك، قم بزيارة وحدة تحكم واجهة برمجة تطبيقات Google وقم بتسجيل الدخول باستخدام حساب Google الخاص بك.

بمجرد تسجيل الدخول ، قم بإنشاء مشروع جديد من خلال النقر على القائمة المنسدلة في الأعلى والنقر فوق مشروع جديد.

أدخل اسمًا لمشروعك وانقر على الزر CREATE.

حدد مشروعك الجديد من القائمة المنسدلة وانقر فوق المكتبة على اللوحة اليسرى.

أضف خرائط Google إلى WordPress باستخدام JetElements

لا توفر JetElements أي معلومات مفصلة حول واجهات برمجة التطبيقات التي تحتاجها لتمكين عمل عنصر واجهة المستخدم. خريطة متقدمة. وفقًا لتجربتنا ، يجب عليك على الأقل تمكين واجهات برمجة التطبيقات التالية:

  • API التشفير الجغرافي
  • API للخرائط جافا سكريبت

تقسم Google نفسها API لخرائط Google إلى 17 نوعًا. يمكنك رؤيتهم بالنقر اعلان الكل في القسم Cartes.

لتنشيط API ، حدد API التي تريد تنشيطها (بالنقر فوقها) وانقر فوق الزر تفعيل.

بمجرد الانتهاء من تمكين واجهات برمجة التطبيقات المطلوبة ، ارجع إلى لوحة القيادة الرئيسية لوحدة تحكم Google API وانقر معرفات على اللوحة اليسرى. انقر فوق الزر إنشاء بيانات الاعتماد وحدد مفتاح API. انسخ مفتاح API في النافذة المنبثقة التي تظهر.

بعد ذلك ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى القائمة JetPlugins -> JetElements الإعدادات.

أضف خرائط Google إلى WordPress باستخدام JetElements

افتح علامة التبويب التكامل والصق مفتاح API الذي نسخته للتو في الحقل مفتاح API لخريطة Google.

الخطوة 3: أضف أداة خرائط Google

بمجرد دمج JetElements وخرائط Google، يمكنك البدء في إضافة الخريطة. للقيام بذلك، افتح الصفحة التي تريد إضافة البطاقة إليها في Elementor. في محرر صفحة Elementor. ابحث عن القطعة " خريطة متقدمة » في مكتبة JetElements. قم بسحب وإسقاط هذه الأداة في القسم المطلوب من الصفحة.

أضف خرائط Google إلى WordPress باستخدام JetElements

الخطوة 4: تخصيص البطاقة

قم بتكوين العنوان الذي تريد عرضه. يمكنك تخصيص ارتفاع الخريطة والتكبير/التصغير والإعدادات الأخرى لتتناسب تمامًا مع تصميم موقعك. توفر JetElements أيضًا خيارات لإضافة مواقع متعددة على خريطة واحدة، وهي مثالية للشركات متعددة المواقع.

ستتمكن أيضًا من التعامل مع المعلمات الأخرى على خريطتك. يمكنك إجراء الإعدادات من القسم إعدادات الخريطة.

لتغيير نمط الخريطة ، يمكنك فتح القسم نمط الخريطة.

تغيير نمط الخريطة

الخطوة 5: أضف موقعك إلى الخريطة

بشكل افتراضي ، يتم تعيين عنوان الدبوس على عين لندن ، لندن ، المملكة المتحدة. يمكنك تحريره لإضافة موقع عملك.

للقيام بذلك، افتح القسم دبابيس وانقر على عنوان الدبوس الموجود. الصق عنوان عملك في الحقل عنوان الدبوس وتعديل الوصف في الحقل دبوس الوصف.

أضف موقعك إلى الخريطة - أضف خرائط Google إلى WordPress باستخدام JetElements

لجعل عنوان الدبوس الذي قمت بتعيينه مرئيًا على الخريطة ، تحتاج إلى تعيين مركز الخريطة. على سبيل المثال ، إذا كان موقع عملك في باريس ، فيمكنك تعيين مركز الخريطة إلى باريس.

لتحديد مركز الخريطة ، افتح القسم  إعدادات الخريطة اكتب مرة أخرى مركز الخريطة المفضل لديك (اسم المدينة).

تعيين وسط الخريطة

ريمارك: إذا رأيت رسالة "لأغراض التطوير فقط" عند إضافة بطاقة ، فتأكد من تمكين فوترة Google Cloud. تتطلب سياسة Google الجديدة من المطورين تنشيط حساب الفوترة (لا يزال بإمكانك استخدام واجهة برمجة تطبيقات خرائط Google مجانًا).

خطوة 6: حفظ ونشر

بمجرد اكتمال التخصيص، احفظ التغييرات وانشر الصفحة. يمكنك معاينة الصفحة للتأكد من عرض الخريطة بشكل صحيح على جميع الأجهزة.

فوائد استخدام JetElements لخرائط جوجل

لا يعمل JetElements على تبسيط التكامل مع خرائط Google فحسب، بل يوفر أيضًا خيارات تخصيص متقدمة. هذه أداة مثالية لأولئك الذين يتطلعون إلى إنشاء موقع احترافي بدون تعقيدات فنية. بالإضافة إلى ذلك، يتم تحديثه باستمرار لضمان التوافق مع أحدث إصدارات WordPress وخرائط Google.احصل على Elementor Pro الآن !!!


موارد مشابهة لهذه المقالة

الأسئلة الشائعة حول كيفية إضافة خرائط Google إلى WordPress باستخدام JetElements

هل JetElements متوافق مع جميع سمات WordPress؟

نعم، تعمل JetElements مع معظم الأشخاص وورد المواضيع متوافق مع العنصر.

هل يمكنني إضافة مواقع متعددة إلى الخريطة؟

نعم، يتيح JetElements إضافة مواقع متعددة على خريطة واحدة.

هل من الضروري معرفة الكود لتخصيص البطاقة؟

لا، توفر JetElements واجهة بديهية لا تتطلب أي مهارات برمجية.


وفي الختام

لذا ! يعد دمج خرائط Google في موقع WordPress الخاص بك أمرًا ضروريًا لتحسين إمكانية الوصول وتجربة المستخدم. بفضل JetElements، تصبح هذه العملية بسيطة وسريعة. يعد هذا البرنامج المساعد خيارًا رائعًا لأي شخص يتطلع إلى إضافة وظائف الخريطة دون أي متاعب. إذا لم تكن قد استكشفت بعد الإمكانيات التي تقدمها Elementor وJetElements، فقد حان الوقت للتعمق فيها.

هذا كل ما في هذه المقالة التي توضح لك كيفية إضافة خرائط Google إلى WordPress باستخدام JetElements. إذا كانت لديك أي مخاوف بشأن كيفية الوصول إلى هناك، فأخبرنا بذلك في تعليقات.

ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...

يعلقون عليه على موقع Pinterest