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

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

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


طريقة تضمين خريطة في موقع الووردبريس

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

  • إضافة الخريطة من خلال الطريقة اليدوية. 
  • استخدام أحد الإضافات. 

والآن دعنا نتعرف على كلا الطريقتين. 

تضمين خريطة في موقع الووردبريس بشكل يدوي 

في هذه الطريقة ستتمكن من تضمين موقعك من خلال خرائط جوجل مباشرة من خلال التوصج إلى صفحة خرائط جوجل 

ثم بعد ذلك حدد المكان الذي تريد إظهاره في الخريطة وذلك من خلال استخدام شريط البحث الموجود في الجانب الأيمن من الشاشة. 

تأكد من أن الموقع المحدد هو الموقع الصحيح لنشاطك التجاري، ثم انقر على خيار مشاركة وسوف تظهر لك نافذة منبثقة من خلالها انقر على خيار تضمين خريطة

ثم قم بنسخ الكود الظاهر  وذلك بالضغط على خيار (نسخ محتوى 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.

اطرح سؤالك على منتدى عرب ووردبريس وافتح نقاشًا جديدًا مع مجموعة من الخبراء في إدارة مواقع ووردبريس وهناك نشارك تجاربنا وأفضل الممارسات التي يحتاجها أصحاب المواقع