ヘルプ記事

MultiLipiでのRTLサポート

MultiLipi
MultiLipi12/9/2025
5分 読む

グローバルタイポグラフィでは、 「方向性」 は重要です。アラビア語やヘブライ語のような言語は右から左(RTL)に読みます。テキストを翻訳するだけでレイアウトを反転させないと、ユーザーエクスペリエンスが損なわれたように感じられます(例:テキストが左揃えになり、句読点がずれる)。

MultiLipiの RTLエンジン は、これらの言語を検出し、WebサイトのCSSを自動的に「ミラーリング」する(マージン、パディング、テキスト配置を反転させる)動的なスタイリングレイヤーであり、カスタムコードを一行も書くことなく、ネイティブな読書体験を保証します。

1. 検出プロトコル

どの言語がフリップをトリガーしますか?

エンジンはコンテキストを認識します。指定されたRTL言語が選択された場合にのみレイアウトミラーをアクティブにします。他のすべての言語(英語、フランス語など)では、標準の左から右(LTR)レンダリングがアクティブなままです。

サポートされているRTL言語:

アラビア語 (アラビア語)

ヘブライ語 (ヘブライ語)

ペルシャ語/ファルシ語 (ファルシ)

ウルドゥー語 (ur)

2. 設定プロトコル

ミラーエンジンをアクティブ化しています。

この構造的適応を有効にするには、コマンドセンターで次のパスに従ってください:

ステップ1:プロジェクトコンテキストにアクセスする

MultiLipiダッシュボードにログインします。

設定したい特定のプロジェクトを選択します。

ステップ2:セットアップにアクセスする

に移動します 設定 左側サイドバーのセクション。

クリック プロジェクト設定.

ステップ3:エンジンの切り替え

を見つけるためにスクロール RTLサポート トグル。

アクション: 切り替える オン(青).

システムアクション: CSSインジェクションレイヤーがアクティブになりました。

RTLサポートがグラデーションボーダーでハイライトされたセットアップページ、およびスラッグ翻訳、スクリプトの有効化、言語リダイレクト、ページビュー制限設定

3. 技術的動作

ブラウザでの動作方法。

有効にすると、エンジンは動的に次の操作を実行します:

方向属性

自動的に注入します dir="rtl" HTMLに RTL言語がアクティブなときのタグ。

CSSフリッピング

標準のCSSプロパティを事実上「反転」させます。

float: left になります float: right.

margin-left: 10px になります margin-right: 10px.

スイッチャー統合

MultiLipi言語スイッチャーを使用すると、ユーザーがアラビア語またはヘブライ語を選択した瞬間にUIの向きが即座に反転し、シームレスな移行を提供します。

注: 手動でのCSSの上書きは不要です。システムが自動的にジオメトリ計算を処理します。

この記事は役に立ちましたか?

この記事では

共有

グローバル展開の準備はできましたか?

MultiLipiがコンテンツ戦略を変革し、AI搭載の多言語最適化でグローバルオーディエンスにリーチするお手伝いをする方法について、ぜひご相談ください。

フォームにご記入いただければ、24時間以内にチームからご連絡いたします。