العودة إلى الدعم المحتوى والوسائط المكوِّنات مكوّنات التضمين التضمين من Google Maps

التضمين من Google Maps

تُعد Google Maps أداة مجانية شائعة لعرض الخرائط والاتجاهات. يوضِّح لك هذا الدليل كيفية تضمين (عرض مثلاً) Google Map على موقع ووردبريس.كوم الخاص بك على الويب.

تضمين Google Map

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

خطوة 1: الحصول على كود تضمين الخرائط

  1. تفضَّل بزيارة Google Maps.
  2. ابحث عن أي عنوان شارع أو موقع جغرافي، وانقر على زر “مشاركة”:
يشير السهم إلى زر "مشاركة" على قائمة Google Map.
  1. في القائمة المنبثقة التي تظهر، حدد علامة تبويب “ تضمين خريطة“.
  2. انقر على زر “نسخ HTML” لنسخ كود HTML بالكامل من المربع إلى الحافظة في حاسوبك. سيبدأ الكود بما يأتي: <iframe.
سهم يشير إلى زر "نسخ HTML".

خطوة 2: إضافة الكود المضمن إلى موقعك

  1. فتح صفحة موقعك على الويب في محرر ووردبريس
  2. انقر على أداة إدراج المكوّن لإضافة مكوّن HTML مخصص.
  3. ألصق كود التضمين بالكامل في المكوّن.
  4. انقر على زر نشر أو تحديث أو حفظ لجعل خريطتك تظهر على الموقع.

في المرة المقبلة التي تحرِّر فيها صفحتك أو تدوينتك، ستلاحظ أنه تم تحويل كود التضمين إلى كود قصير:

يُعرَض الكود المختصر لـ Google Maps.

إذا كان الكود الخاص بك لا يعمل، فجرِّب استخدام عنوان فعلي. قد لا تمنحك العناوين التي تم إنشاؤها باستخدام إحداثيات خطي الطول والعرض بدلاً من العنوان الفعلي كودًا صالحًا.

مثال لخريطة مضمَّنة على غوغل

في ما يأتي مثال لما ستبدو عليه الخريطة المضمَّنة:

تضمين خريطة مخصصة

توفِّر Google Maps القدرة على إنشاء خرائطك المخصصة الخاصة بك باستخدام مسامير ومواقع متعددة وأيقونات مخصصة والمزيد. يمكنك تضمين خريطة مخصصة على موقعك على الويب من خلال الخطوات الآتية:

  1. تفضَّل بزيارة خرائطي.
  2. اختر إما خريطة أنشأتها بالفعل أو أنشئ خريطة جديدة.
  3. اجعل الخريطة عامة باستخدام خيار “مشاركة“:
  4. انقر على علامات الحذف (النقاط الثلاث) الموجودة بجوار اسم الخريطة للكشف عن خيارات إضافية. ستظهر نافذة، على النحو الموضَّح أدناه:
  5. حدد “التضمين على موقعي” من تلك القائمة. سيؤدي ذلك إلى فتح نافذة تتضمن كودًا مضمَّنًا. انسخ الكود بالكامل.
    embed-this-map
  6. أضف كود التضمين إلى موقعك باتباع الخطوات نفسها للحصول على خريطة منتظمة.
Copied to clipboard!