إن "مبدل اللغة" هو جسر المستخدم إلى البنية التحتية المحلية الخاصة بك. يدعم MultiLipi طريقتي إدخال مميزتين لتحقيق التوازن بين سهولة النشر وسلامة التصميم. يمكنك نشره كطبقة عائمة ثابتة (الأفضل للإطلاق السريع) أو كعنصر مدمج متكامل بعمق (الأفضل للتصميم المخصص).
يرشد هذا الدليل إلى خطوات التنقل والاختلافات التقنية بين الاستراتيجيتين.
1. بروتوكول التكوين (التنقل)
الوصول إلى عناصر تحكم الواجهة.
لتكوين استراتيجية التموضع، اتبع هذا المسار في مركز التحكم الخاص بك:
الخطوة 1: الوصول إلى لوحة التحكم
قم بتسجيل الدخول إلى حساب MultiLipi الخاص بك للوصول إلى عرض الصفحة الرئيسية.
الخطوة 2: تحديد المشروع
انقر فوق بلاطة المشروع المحددة للموقع الذي ترغب في تكوينه.
الخطوة 3: الوصول إلى الإعدادات
في الشريط الجانبي الأيسر، انقر فوق الإعدادات.
الخطوة 4: تحديد موقع الوحدة
من القائمة الفرعية أو قائمة الإعدادات، حدد محول اللغة.
الإجراء:
هنا سترى خيار التبديل بين الوضع العائم والمضمن.
2. مبدل عائم (وضع الطبقة العائمة)
نشر سريع عبر حقن JS.
ما هو؟
مبدل العائم هو أداة مستقلة يتم حقنها في DOM عبر JavaScript. إنه يقع على المحور Z فوق محتوى موقعك، مثبتًا في زاوية العرض.
تحديد الموضع: قابل للتكوين لأي من الأرباع الأربعة:
- •أسفل اليسار (افتراضي) / أسفل اليمين
- •أعلى اليسار / أعلى اليمين
الميزة المعمارية:
- •صفر كود: لا يلزم تحرير HTML. يعمل فورًا عند حقن البرنامج النصي.
- •التوافق العالمي: مضمون للعرض على أي منصة (WordPress، Shopify، Webflow) دون كسر تدفقات التخطيط.
- •متجاوب مع الجوّال: يتكيف تلقائيًا مع أحجام الشاشات الصغيرة ويعيد تموضعها.
مثالي لـ: الفرق التي تحتاج إلى حل "توصيل وتشغيل" دون إشراك مطور الواجهة الأمامية.
3. المحول المضمن (وضع التكامل)
إدراج DOM سلس.
ما هو؟
يتيح لك المحول المضمن إدراج تبديل اللغة مباشرة في حاوية معينة ضمن بنية HTML الخاصة بك، مثل شريط التنقل (
الآلية: أنت تقدم محدد CSS محدد (معرف أو فئة) في لوحة تحكم MultiLipi.
مثال للإدخال: #menu-language-item أو .navbar-right.
الإجراء: يقوم برنامجنا النصي بفحص DOM لهذا المحدد المحدد ويعرض المحول داخل هذا العنصر، ويرث قيود التخطيط من العنصر الأصل.
مثالي لـ: المصممون الذين يحتاجون إلى تحكم دقيق بالبكسل ويريدون أن يشعر المبدل بأنه جزء أصيل من نظام قائمة الواجهة.
4. بروتوكول الفشل (منطق الأمان)
ضمان توفر الواجهة.
في بيئات الويب الديناميكية، يمكن أن تتغير المعرفات والفئات. ماذا يحدث إذا قمت بنشر محول مضمن يستهدف #nav-lang، ولكن قام المطور الخاص بك عن طريق الخطأ بإعادة تسمية هذا المعرف إلى #nav-menu؟
MultiLipi ينفذ فشلاً تلقائيًا:
- •مسح: يحاول البرنامج النصي تحديد موقع محدد CSS المستهدف.
- •فشل: إذا لم يتم العثور على الهدف (فارغ)، يقوم البرنامج النصي بالإبلاغ عن خطأ.
- •الاسترداد: يعود تلقائيًا إلى وضع الطبقة العائمة.
- •النتيجة: يظهر المحول في الموضع العائم الافتراضي (على سبيل المثال، أسفل اليمين)، مما يضمن أن المستخدم لا يزال بإمكانه تغيير اللغات، حتى لو كان التخطيط معطلاً.
- •التصحيح: يتم تسجيل تحذير في وحدة التحكم ليقوم المطورون بإصلاح المحدد.