"مبدل اللغة" هو جسر المستخدم إلى بنيتك التحتية المحلية. يدعم MultiLipi طريقتي حقن متميزتين لتحقيق التوازن بين سهولة النشر وسلامة التصميم. يمكنك نشره كـ Floating Overlay (مثالي للإطلاق السريع) أو كـ Embedded Element (مثالي للتصميم المخصص).
يوضح هذا الدليل خطوات التنقل والاختلافات التقنية بين الاستراتيجيتين.
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 المستهدف.
- •فشل: إذا لم يتم العثور على الهدف (فارغ)، فإن البرنامج النصي يبلغ عن خطأ.
- •استرداد: يعود تلقائيًا إلى وضع العائم.
- •النتيجة: يظهر المبادل في الموضع العائم الافتراضي (على سبيل المثال، أسفل اليمين)، مما يضمن أن المستخدم لا يزال بإمكانه تغيير اللغات، حتى لو كان التخطيط معطلاً.
- •تصحيح الأخطاء: يتم تسجيل تحذير في وحدة التحكم ليقوم المطورون بإصلاح المحدد.