إن تضمين خريطة نشاطك التجاري في موقعك سيتيح للمستخدمين التعرف على مكان المتجر أو المكتب الخاص بك بدقة في مدينتك، وهذا بدوره سيزيد من ثقة العملاء بالموقع أو الشركة، وكما أن خرائط جوجل تعد سهلة الاستخدام ومن أكثر الخرائط شيوعًا بما يضمن لهم تجربة مستخدم جيدة.
اليوم سنتعرف على طريقة تضمين خريطة في موقع الووردبريس في أي صفحة من صفحات موقعك من خلال خطوات سهلة وبسيطة.
طريقة تضمين خريطة في موقع الووردبريس
حتى تتمكن من تضمين خريطة للموقع يجب عليك أولًا تحديد الموقع الذي تريد إضافته إلى الموقع بدقة سواء كان الموقع الخاص بك أو أيّ موقع آخر. وحقيقةً أن هناك طريقتين تمكنك من ذلك، وهما:
- إضافة الخريطة من خلال الطريقة اليدوية.
- استخدام أحد الإضافات.
والآن دعنا نتعرف على كلا الطريقتين.
تضمين خريطة في موقع الووردبريس بشكل يدوي
في هذه الطريقة ستتمكن من تضمين موقعك من خلال خرائط جوجل مباشرة من خلال التوصج إلى صفحة خرائط جوجل
ثم بعد ذلك حدد المكان الذي تريد إظهاره في الخريطة وذلك من خلال استخدام شريط البحث الموجود في الجانب الأيمن من الشاشة.
تأكد من أن الموقع المحدد هو الموقع الصحيح لنشاطك التجاري، ثم انقر على خيار مشاركة وسوف تظهر لك نافذة منبثقة من خلالها انقر على خيار تضمين خريطة
ثم قم بنسخ الكود الظاهر وذلك بالضغط على خيار (نسخ محتوى HTML)، مع إمكانية تخصيص حجم الخريطة من الخيار بجانب الكود.
بعد ذلك عد مرة أخرى، إلى لوحة تحكم الموقع الخاص بك، وقُم بإنشاء بالذهاب إلى الصفحة التي تريد من خلالها تضمين خريطة موقعك سواءًا كانت صفحة منشورة أو صفحة جديدة.
وستقوم بإضافة مكون جديد في محرر المكونات، بالضغط على علامة (+) ثم اختر خيار HTML مخصص
ثم الصق الكود الخاص بالخريطة الذي نسخته من خرائط جوجل، في المكوّن المحدد
أما إذا كُنت تستخدم محرر الووردبريس التقليدي (Classic Editor)، ففي هذه الحالة انقر على خيار نص
ثم الصق الكود في المكان الذي تريده.
وبعد ذاك، سيتم إضافة الخريطة إلى الصفحة أو المقال. لتبدو كالآتي:
وبهذا تكون قمت بتضمين خريطة جوجل في موقعك بطريقة سهلة دون الحاجة لإضافات خارجية
تضمين خريطة في موقع الووردبريس باستخدام الإضافات
يمكنك استخدام الإضافات لتضمين الخريطة في الموقع، حيث تمنحك المزيد من التخصيص، والمرونة في إضافة الخريطة في أيّ جزء بالموقع والتحكم في حجمها. كما أنك لن تحتاج للخروج من لوحة تحكم الموقع ومن ثم التوجه إلى خرائط جوجل ونسخ الكود ولصقه مرة أخرى في الموقع.
سنقوم بالإعتماد على إضافة MapPress Maps وذلك من خلال تنصيب الإضافة على الموقع أولًا بالذهاب إلى تبويبة الإضافات << أضف جديد.
ثم ادخال اسم الإضافة في حقل البحث لتظهر لك الإضافة في النتائج ثم اضغط على زر (التنصيب الآن) ثم (تفعيل)، واقرأ أيضًا: كيفية تنصيب إضافة ووردبريس
ثم بعد ذلك توجه إلى إعدادات الإضافة، وذلك بالنقر على open wizard
ثم اضغط على الخيار الثاني الخاص بجوجل، وأما إذا كان الموقع كثير الزيارات فالخيار الثاني المسمى Leaflet
الإضافة ستطلب منك إدخال رمز API الخاص بك بسهولة، وذلك من خلال النقر على خيار Get API Key
سيتوجع عليك الآن إدخال بعض المعلومات للحصول على API Key، وذلك من خلال الموافقة على الشروط وتحديد الدولة الخاصة بك وتحديد إذا كُنت تريد إرسال رسائل إلى البريد الإلكتروني الخاص بك.
ثم اخيرًا انقر على Agree and continue
بعد ذلك انقر على CREATE CREDENTIALS وحدد API Key
ستظهر لك نافذة تبين لك رمز API، لتنسخه بالضغط على علامة النسخ
ثم بعد ذلك، توجه إلى لوحة تحكم الووردبريس وفي نافذة الإضافة السابقة، ألصق مفتاح API في مكانه وانقر على التالي.
ثم انقر على زر (التالي) مرة أخرى، لتضمين الخريطة في محرر الكتابة
ثم انقر على زر (إنهاء)
استخدام إضافة MapPress Maps
إلى هنا تكون قد قمت بإعداد إضافة MapPress Maps، وفي محرر المحتوى ستظهر لك أيقونة خاصة بالإضافة في البار العلوي باسم الإضافة كما بالصورة التالية لتستطيع من خلالها استخدام إعدادات أخرى بالإضافة
ستظهر لك هذه النافذة ولأنك قمت بتثبيت الإضافة للتو سيتوجب عليك إضافة الموقع وذلك بالنقر على خيار Add New
في النافذة التالية ستتمكن من البحث من خلال إدخال أسم المكان الذي تريد إظهاره في الخريطة، مع إمكانية تخصيص حجم الخريطة من الطول والعرض وطبيعة الزوم. وبعد ذلك انقر على save
اختر الخريطة التي تريد إضافتها إلى الموقع.
سيتم إضافة كود الخريطة ليكون كالآتي:
وإذا ما نقرت على معاينة ستظهر لك الخريطة التي أضفتها:
وأما إذا كُنت تستخدم محرر المكونات ( Gutenberg) عليك النقر على أيقونة (+) ومن ثم البحث عن الإضافة في قائمة المكونات، وانقر عليها بعد ذلك، وستظهر لك نافذة على المقال أو الصفحة فقط ما عليك إلا النقر على Map Library لإضافة أو تحديد خريطة موجودة من قبل.
وإلى هنا هنا نكون قد وصلنا إلى نهاية شرح طريقة تضمين خريطة في موقع الووردبريس، سواء بشكل يدوي أو من خلال استخدام إضافة MapPress Maps.
محمد المجتبى
1 سبتمبر، 2021