グローバルタイポグラフィでは、 「方向性」 は重要です。アラビア語やヘブライ語のような言語は右から左(RTL)に読みます。テキストを翻訳するだけでレイアウトを反転させないと、ユーザーエクスペリエンスが損なわれたように感じられます(例:テキストが左揃えになり、句読点がずれる)。
MultiLipiの RTLエンジン は、これらの言語を検出し、WebサイトのCSSを自動的に「ミラーリング」する(マージン、パディング、テキスト配置を反転させる)動的なスタイリングレイヤーであり、カスタムコードを一行も書くことなく、ネイティブな読書体験を保証します。
1. 検出プロトコル
どの言語がフリップをトリガーしますか?
エンジンはコンテキストを認識します。指定されたRTL言語が選択された場合にのみレイアウトミラーをアクティブにします。他のすべての言語(英語、フランス語など)では、標準の左から右(LTR)レンダリングがアクティブなままです。
サポートされているRTL言語:
アラビア語 (アラビア語)
ヘブライ語 (ヘブライ語)
ペルシャ語/ファルシ語 (ファルシ)
ウルドゥー語 (ur)
2. 設定プロトコル
ミラーエンジンをアクティブ化しています。
この構造的適応を有効にするには、コマンドセンターで次のパスに従ってください:
ステップ1:プロジェクトコンテキストにアクセスする
MultiLipiダッシュボードにログインします。
設定したい特定のプロジェクトを選択します。
ステップ2:セットアップにアクセスする
に移動します 設定 左側サイドバーのセクション。
クリック プロジェクト設定.
ステップ3:エンジンの切り替え
を見つけるためにスクロール RTLサポート トグル。
アクション: 切り替える オン(青).
システムアクション: CSSインジェクションレイヤーがアクティブになりました。

3. 技術的動作
ブラウザでの動作方法。
有効にすると、エンジンは動的に次の操作を実行します:
方向属性
自動的に注入します dir="rtl" HTMLに RTL言語がアクティブなときのタグ。
CSSフリッピング
標準のCSSプロパティを事実上「反転」させます。
float: left になります float: right.
margin-left: 10px になります margin-right: 10px.
スイッチャー統合
MultiLipi言語スイッチャーを使用すると、ユーザーがアラビア語またはヘブライ語を選択した瞬間にUIの向きが即座に反転し、シームレスな移行を提供します。
注: 手動でのCSSの上書きは不要です。システムが自動的にジオメトリ計算を処理します。
