多様な言語的背景を持つ視聴者に対応する企業や組織にとって、多言語 Web サイトの作成が Laravel、広く使用されている PHP Web アプリケーション フレームワークであり、多言語 Web サイトの開発と保守を容易にする堅牢なツールと機能を提供します。
多言語 Web サイトの重要なコンポーネントの 1 つは言語スイッチャーです。これにより、ユーザーは利用可能な言語をシームレスに切り替えることができます。 Laravelで言語スイッチャーを設定する方法について段階的なガイドを提供します。
Laravel多言語 Web サイトで言語スイッチャーを設定する方法について説明する前に、なぜそうする必要があるのかを理解することが重要です。
多言語Laravel Web サイトにおける言語スイッチャーの重要性を理解した後、それを実装する方法について説明します。 通常、Web サイト翻訳サービスはこの機能を提供しており、ユーザーのニーズに応じてカスタマイズできます。
ただし、すべての翻訳サービスが、簡単にカスタマイズ可能でユーザーフレンドリーな言語スイッチャーを提供しているわけではありません。 さまざまなフレームワークと互換性があり、柔軟な言語切り替え機能を提供する自動翻訳サービスを選択することが重要です
これらの基準を満たす自動翻訳サービスの 1 つがLinguiseです。 Linguise自動翻訳は、 Laravelなどの人気のあるフレームワークと統合された、高度にカスタマイズ可能でユーザーフレンドリーな言語スイッチャー機能を提供します。
LinguiseLaravelフレームワークとのシームレスな統合を提供するため、開発者は言語スイッチャーを多言語アプリケーションに簡単に組み込むことができます。 Linguiseの高度な機能とユーザーフレンドリーなインターフェイスを活用することで、 Laravel Web サイトでの言語スイッチャーのセットアップと保守のプロセスを合理化できます。
さっそく、Laravel Web サイトにLinguiseインストールし、言語スイッチャーを設定する手順を説明します。
Linguiseで無料アカウントを作成し、1 か月間無料トライアルを利用することが含まれます。 Linguiseに登録するには、メール アドレスを入力してユーザー名とパスワードを作成するだけです。
1 か月の試用期間中は、 Linguiseのあらゆる魅力的な機能にアクセスできます。 試用期間が終了すると、 Linguiseダッシュボードにリダイレクトされます。
Linguiseに接続したら、新しい Web サイトを追加し、その設定を保存して API キーを取得する必要があります。 まず、Web サイトを追加するには、次のようないくつかの列を追加する必要があります。
その後、API キーを取得します。この API キーは、Web サイトで翻訳を有効にするために有効化されます。 基本的に、API キーは特定のドメインでどの言語が有効になっているかを確認し、自動翻訳されたページの作成を許可します。 API キーをコピーしてクリップボードに保存します。
次に、 「Script PHP」タブをクリックしてインストール手順を取得します。ここで詳しく説明します。
Linguise翻訳スクリプトをサーバーにアップロードし、 Laravelがインストールされているフォルダーに配置する必要があります。 ここからダウンロードできます。
スクリプトをダウンロードしたら、解凍してLaravelがインストールされているルートフォルダーにアップロードします。
スクリプトがLaravelインストールのルートレベル(通常はCMSファイルがある場所)にあることを確認してください。 フォルダーの名前が「 linguise 」（解凍後のデフォルト名）であることを確認してください。
次に、言語 URL を設定する必要があります。 言語ベースの URL は .htaccess ファイルで構成する必要があります。 ファイルに「RewriteBase/」がある場合は、その後の次のコードをすべてコピーするだけです。
<IfModule mod_rewrite.c> RewriteEngine On RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA] </IfModule>
次のステップでは、 Linguiseダッシュボードから取得したスクリプトを貼り付けて、言語スイッチャーをアクティブ化します。 この言語スイッチャー スクリプトの貼り付けは、 Laravelで使用されているテーマによって異なる場合があります。
この場合、スクリプトは、 resources/views/layouts/にあるfront.blade.php。 以下は、貼り付けたスクリプトのプレビューです。
言語スイッチャーのセットアップを開始するには Linguiseの[設定] > [言語フラグの表示]に移動します。
このページでは、いくつかのオプションを構成できます。 1 つ目はメインのディスプレイ設定で、次のようなさまざまな側面を調整できます。
フラグと言語名、フラグと言語の略語、または言語名のみの表示を組み合わせることができます。 ユーザーが認識しやすいように、フラグと言語名を使用することをお勧めします。
メイン表示を設定した後、表示されるフラグのデザインをさらにカスタマイズできます。
フラグのデザイン構成が完了したら、フラグの色とサイズをカスタマイズできます。 調整できる設定をいくつか示します。
最後に、フラグ ボックスのシャドウ設定を構成できます。 最初のオプションでは、Web サイトに表示される各旗アイコンにシャドウ効果を適用できます。 次のオプションは、ユーザーが言語フラグの上にマウスを置いたときの影の効果を制御します。
必要な調整をすべて行ったら、 「保存」ボタンをクリックしてカスタマイズの変更を適用します。 Laravel に移動して、設定が正常に適用されたことを確認します。 これは言語スイッチャーのおおよその表示方法です。
セットアップが完了すると、 Laravel多言語 Web サイトで言語スイッチャーがどのように機能するかを確認できるようになります。
その後、ウェブサイトを他の言語 (フランス語など) に翻訳してみます。
Laravel多言語 Web サイトで言語スイッチャーを正常にセットアップしたら、Web サイトと Web 訪問者の両方のために言語スイッチャーを最適化するためのヒントも知る必要があります。
普遍的に認識されている記号や旗は、訪問者が好みの言語オプションをすばやく識別して選択するために非常に重要です。 混乱や曖昧さを避けるために、使用するアイコンや旗が視覚的に目立つこと、色のコントラストが良好であること、文化を超えて広く理解されることを確認してください。 使い慣れた記号やアイコンは、直感的でユーザーフレンドリーなエクスペリエンスを生み出すのに役立ち、訪問者が希望する言語バージョンに簡単に移動できるようになります。 潜在的な誤解や混乱を避けるために、誰もが認識できるアイコンや旗を選択することが重要です。
言語切り替えボタンを Web サイトの目立つ、アクセスしやすい領域に配置します。 標準の配置には、ヘッダー、フッター、またはメイン ナビゲーション メニューが含まれます。 これらの場所は、ほとんどのインターネット ユーザーにとって直感的であり、言語オプションを探すときの期待と一致します。 すべてのページにわたって一貫した配置により、訪問者は、エントリ ポイントや訪問している特定のページに関係なく、言語スイッチャーに簡単にアクセスできます。 この一貫した配置は、シームレスで予測可能なユーザー エクスペリエンスを生み出すのに役立ちます。
言語スイッチャーが Web サイト全体で一貫した外観と動作を維持するようにしてください。 ユーザーは、閲覧しているページや表示しているコンテンツに関係なく、言語をシームレスに切り替えることができる必要があります。 一貫性は、一貫したユーザー エクスペリエンスを提供するだけでなく、言語オプションのアクセシビリティと可用性を強化し、多言語 Web サイトに対する信頼と信頼を促進します。 言語スイッチャーに矛盾があると、ユーザーに混乱や不満を与え、Web サイトから離れてしまう可能性があります。
単にフラグを使用するのではなく、フラグと言語名をそのままの形で使用することを検討することをお勧めします。 一部の言語は国旗が異なる国で話されているため、このアプローチは混乱を避けるのに役立ちます。 言語名を直接使用すると曖昧さがなくなり、訪問者が誤解を招くことなく目的の言語を明確に識別して選択できるようになります。 さらに、言語名の使用により、より包括的で文化的多様性を尊重することができます。
デフォルトの言語が好みに合わない場合に、ユーザーが別の言語に切り替えるプロセスを簡素化します。 ドロップダウン メニュー、フラグ/アイコン リスト、またはトグル ボタンなどの要素を使用して言語を選択することもできます。 ただし、各ボタンがスムーズにクリックできること、および利用可能な言語オプションが明確に表示されていることを確認してください。 このユーザーフレンドリーなアプローチにより、摩擦が最小限に抑えられ、言語のスムーズな移行が確保され、全体的なユーザー エクスペリエンスが向上します。 シームレスで簡単な言語切り替えプロセスにより、ユーザーの満足度が向上し、訪問者が多言語コンテンツを探索するようになります。
この時点で、 Laravel多言語 Web 用に言語スイッチャーを構成していることがわかります。 言語スイッチャーを開発するとさまざまなメリットが得られ、結果的に前述の点に基づいた最適化につながります。
言語スイッチャーを効果的に最適化することで、全体的なユーザー エクスペリエンスを大幅に向上させることができます。 Linguiseの登録に進み、 Laravel を統合し、言語スイッチャーを微調整してユーザーエクスペリエンスを向上させます。
ウェブサイトの自動翻訳、国際SEOなどのニュースを受け取る！
メールを共有せずに終了しないでください。
宝くじに当たるという保証はできませんが、翻訳に関する興味深い情報ニュースや、時折割引を受けることはお約束できます。
