تريد معرفة كيفية إنشاء جولة افتراضية 360 درجة في WordPress بمساعدةElementor?

تتيح لك تقنية التجوّل الافتراضي من Google التجول افتراضيًا في منطقة معينة دون التواجد فعليًا هناك. على سبيل المثال ، يمكنك عمليا رؤية البيئة المحيطة بشاطئ كوتا في بالي أثناء تواجدك فعليًا في شقتك في لندن.

بالنسبة لبعض الأماكن - مثل متحف اللوفر في باريس - يمكن لـ Google Street View تغطية جولة افتراضية داخلية.

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

يُعد تقديم جولة افتراضية بزاوية 360 درجة فكرة رائعة للشركات مثل حديقة الحيوان أو منطقة جذب سياحي أو مطعم لأنها تتيح لك آخر لرؤية البيئة المحيطة بموقعك افتراضيًا.

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

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

كيفية إنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام الإضافات الأساسية

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

تنزيل Essential Addons Pro

الخطوة 1: دمج الإضافات الأساسية مع خرائط Google

أول شيء عليك القيام به بعد تثبيت Elementor و Essential Addons هو دمج الإضافات الأساسية مع خرائط Google. يمكنك دمجها باستخدام مفتاح API لخرائط Google.

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

امنح مشروعك الجديد اسمًا وانقر فوق الزر CREATE .

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

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

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

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

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

  • اتجاهات API
  • API التشفير الجغرافي
  • API للخرائط جافا سكريبت
  • مقاعد API

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

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

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

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

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

الخطوة 2: ابدأ في إنشاء جولة افتراضية بزاوية 360 درجة

إنشاء صفحة جديدة (الصفحات -> إضافة) أو عنصر جديد (العناصر -> إضافة) وتحريره باستخدام Elementor. قبل أن تبدأ في إنشاء الصفحة ، يمكنك أولاً تحديد التخطيط.

اكتشف أيضًا: كيفية إضافة العناصر ذات الصلة في Elementor

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

أضف قسمًا جديدًا بالنقر فوق رمز علامة الجمع في مربع التعديل وإضافة خريطة Google EA فيه.

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

تحت الخيار إعدادات عامة التبويب محتويات ، قم بتغيير نوع الخريطة إلى بانوراما.

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

ارجع إلى علامة التبويب وصف المنتج والصق خط العرض وخط الطول في الحقول المعنية.

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

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

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

قم بإنشاء جولة افتراضية بزاوية 360 درجة في WordPress باستخدام Elementor

انقر على زر للنشر لنشر خريطتك.

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

تتطلب سياسة Google الجديدة من المطورين تنشيط حساب الفوترة (لا يزال بإمكانك استخدام واجهة برمجة تطبيقات خرائط Google مجانًا).

احصل على Elementor Pro الآن !!!

وفي الختام

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

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

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

...