كيفية إضافة خرائط تفاعلية إلى موقع الويب الخاص بك على ووردبريس

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

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

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

ولكن قبل أن تبدأ ، خذ الوقت الكافي لإلقاء نظرة على كيفية تثبيت وورد موضوع, كم عدد الإضافات التي يجب أن تثبيت على وورد.

ثم ، مهيا بنا الى العمل

ما هي الخريطة التفاعلية (ومتى يتم استخدامها؟)

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

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

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

اكتشف بالمناسبة ملحقات 5 WordPress لإضافة الموقع الجغرافي إلى مدونتك

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

بالإضافة إلى ذلك ، ليست بالضرورة أكثر صعوبة من إضافة نظرائهم.

كيفية إضافة خرائط تفاعلية إلى موقع WordPress الخاص بك

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

1. استخدم البرنامج المساعد Maps Marker Pro

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

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

ومع ذلك ، فهي ليست صعبة كما قد تتخيل. 

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

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

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

الخيار علامات البحث، من ناحية أخرى هو واضح تماما. يمكن أن يكون مفيدًا إذا كنت تريد تضمين معلومات إضافية حول علاماتك:

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

اكتشف ايضا كيفية ضغط وتغيير حجم الصور على وورد

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

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

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

الآن ، ضع رمز قصير [طبقة محدد الخرائط = "X"] في منشورك أو صفحتك. لا تنسى استبدال العنصر النائب X  من خلال معرف "الطبقة" مقدمًا.

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

2. استخدام ميزة التضمين المضمنة في خريطة جوجل

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

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

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

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

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

بمجرد أن يكون لديك علامات متعددة ، يمكنك رسم خطوط بينها لعرض المسافات:

عندما تكون بطاقتك جاهزة ، انقر فوق الزر شارك في القائمة على اليسار. هناك ، قم بتغيير إعدادات الوصول  de سرا  à جمهور :

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

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

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

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. في نهاية المطاف الرياضيات Captcha

Ultimate Math Captcha هو ملف وورد البرنامج المساعد 100٪ قسط كابتشا فعال. يسمح بإضافة رمز التحقق الرياضي على ملف أشكال تسجيل الدخول إلى WordPress ، التسجيل ، استعادة كلمة المرور ، التعليقات ، WooCommerce ، Easy Digital Downloads and aux أشكال من bbPress.

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

تحميل | عرض | استضافة المواقع

2. PayPal Standard Payment Gateway for Ninja Forms

تسمح لك بوابة PayPal القياسية لنماذج Ninja بإنشاء نماذج تتكامل بسلاسة مع بوابة الدفع PayPal. ستكون قادرًا على إنشاء نماذج طلبات مخصصة وتلقي المدفوعات باستخدام حسابات Paypal القياسية.

ميزاته الرئيسية هي: التكامل السهل والسريع ، وتكامل IPN ، والقدرة على تنشيط / إلغاء تنشيط بوابة PayPal في النماذج الفردية ، ودعم المدفوعات المنتظمة ، وما إلى ذلك.

تحميل | عرض |  استضافة المواقع

3. أشكال الجاذبية - قائمة وتحرير

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

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

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

• لا يتم عرض الصور الخاصة بك مع SSL؟ هنا هو الحل
• كيفية إضافة أداة إلى رأس وورد الخاص بك بلوق
• كيفية ضغط وتغيير حجم الصور على وورد
• كيفية تقديم ملفات PDF ومشاركتها على WordPress؟

وفي الختام

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

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

إذا كانت لديك اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

...