مقال المساعدة

دعم RTL في MultiLipi

MultiLipi
MultiLipi 12/9/2025
5 دقائق اقرأ

In global typography, "Directionality" is critical. Languages like Arabic and Hebrew are read from Right-to-Left (RTL). If you simply translate the text without flipping the layout, the user experience feels broken (e.g., text aligns left, punctuation is misplaced).

MultiLipi's RTL Engine is a dynamic styling layer that detects these languages and automatically "mirrors" your website's CSS—flipping margins, padding, and text alignment—to ensure a native reading experience without requiring you to write a single line of custom code.

1. The Detection Protocol

Which languages trigger the flip?

The engine is context-aware. It only activates the layout mirror when a user selects a designated RTL language. For all other languages (English, French, etc.), standard Left-to-Right (LTR) rendering remains active.

Supported RTL Languages:

العربية (ar)

العبرية (he)

Persian / Farsi (fa)

الأوردية (ur)

2. Configuration Protocol

Activating the mirror engine.

To enable this structural adaptation, follow this path in your command center:

الخطوة 1: الوصول إلى سياق المشروع

سجل الدخول إلى لوحة تحكم MultiLipi الخاصة بك.

Select the specific Project you wish to configure.

Step 2: Access Setup

Navigate to the الإعدادات section in the left sidebar.

اضغط على الإعداد .

Step 3: Toggle Engine

Scroll to find the دعم RTL toggle.

الأكشن: Switch it to ON (Blue).

إجراء النظام: The CSS injection layer is now active.

Setup page showing RTL Support toggle highlighted with gradient border, along with Slug Translation, Enable Script, Language Redirection, and Page Views Limit settings

3. Technical Behavior

How it functions in the browser.

Once enabled, the engine performs the following operations dynamically:

Direction Attribute

Automatically injects dir="rtl" into the HTML <html> tag when an RTL language is active.

CSS Flipping

It virtually "flips" standard CSS properties.

float: left becomes float: right.

margin-left: 10px becomes margin-right: 10px.

Switcher Integration

If you use the MultiLipi Language Switcher, the UI will instantly flip orientation the moment a user selects Arabic or Hebrew, providing a seamless transition.

ملاحظة: No manual CSS overrides are required. The system handles the geometry calculations automatically.

هل كان هذا المقال مفيدا؟

في هذا المقال

شارك

هل أنت مستعد للانطلاق عالميا؟

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

املأ النموذج وسيتواصل معك فريقنا خلال 24 ساعة.