Concrete CMS で作成したウェブサイトに言語切り替え機能を追加したいとお考えですか？言語切り替え機能を設定すると、ユーザーが言語を切り替えるプロセスが簡素化されます。この機能は、国際的なユーザーベースを持つウェブサイトに特に役立ち、訪問者が好みの言語でプラットフォームを操作できるようになります。.
Concrete CMS で言語切り替え機能を設定するには、 Concrete CMS、管理者は通常、システム設定でサポートしたい言語を指定することから始めます。次に、ユーザーが希望の言語を選択できるドロップダウンメニューまたはボタンを追加します。この記事では、利用可能な Concrete CMS に言語切り替え機能を実装する方法を説明します。 自動翻訳サービスの1つを使用して、
Concrete CMSで言語切り替え機能を設定する重要性
コンテンツを複数の言語で配信する必要性は、ますます高まっています。DeepLの最近の調査によると、 75% の回答者が、ローカライズされたコンテンツが顧客エンゲージメントを大幅に高めると回答しました。
言語切り替え機能の実装は、コンテンツを翻訳するだけでなく、ウェブサイト訪問者によりパーソナライズされた体験を提供することでもあります。これは、回答者の96%がコンテンツローカライゼーションの取り組みから正のROI（投資収益率）を確認したというデータからも明らかです。.
これらのデータを踏まえると、 Concrete CMS で言語切り替え機能を実装することは、もはや避けて通れない戦略的な一手です。そこで本記事では、あなたの Concrete CMS ウェブサイトで言語切り替え機能を設定する方法について解説します。.
Concrete CMS で言語切り替えを設定する方法
多言語対応の Concrete CMS プラットフォームにおける言語切り替え機能の重要性を理解したところで、その実装方法について説明しましょう。 Concrete CMS には、組織のニーズに合わせてカスタマイズできる言語管理システムが組み込まれています。.
利用できる自動翻訳サービスの1つに Linguiseがあります。 Linguise は使いやすい言語切り替え機能を提供しており、 Concrete CMSを含むさまざまな人気CMSと統合できます Concrete CMS。
Concrete CMS は簡単な多言語統合を提供し、管理者がサイトに言語切り替え機能を迅速に追加できるようにします。 Concrete CMSの高度な機能とユーザーフレンドリーなインターフェースを活用することで、プラットフォーム上の言語切り替えの設定と維持を簡素化できます。以下は Concrete CMSに Linguise の自動翻訳をインストールし、 Concrete CMS 言語切り替えを設定する手順です。
#1 Concrete CMS ドメインを登録する
まず、無料の Linguise アカウントを作成し、ウェブサイトのドメインを追加してください。サブスクリプションを決定する前に、30日間の無料トライアルを利用できます。.
次に、翻訳するドメインを承認する必要があります。「https://」を含むドメイン名をコピーし、プラットフォームとして「Concrete CMS」を選択します。 Concrete CMS内で自動翻訳を設定するためのソース言語とターゲット言語を選択します。.
#2: Linguise スクリプトをアップロードして接続する
Concrete CMS がインストールされているサーバーに Linguise 翻訳スクリプトをアップロードする必要があります。提供されたリンクからスクリプトをダウンロードし、解凍して、 Concrete CMS インストールのルートディレクトリにフォルダを配置してください。フォルダ名が「linguise」であることを確認してください。
次に、サーバー上のConfiguration.phpファイルに Linguise のAPIキーを挿入します。ファイルを開き、「REPLACE_BY_YOUR_TOKEN」をAPIキーに置き換え、一重引用符で囲みます。.
#3: Concrete CMS のURLリライトを設定する
Concrete CMSでは、URLリライティングは通常デフォルトで有効になっています。有効になっていない場合は、ホスティングプロバイダーを通じて有効にできます。「RewriteEngine on」行の後に特定のコードを追加して.htaccessファイルを更新してください。これにより、言語固有のURLが設定されます。.
<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)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4：言語切り替え機能を有効化してカスタマイズする
Linguise のJSスクリプトリンクは、フラグ付きの言語切り替えボタンと代替URL（SEOに重要）を表示するために、すべての Concrete CMS ページに読み込む必要があります。スクリプトリンクは、 Linguise ダッシュボードのドメイン設定で確認できます。.
Concrete CMSでスクリプトを読み込むには、コードをheader.phpファイルに挿入するか、管理パネルから「システム & 設定 > SEO & 統計」に移動して、サイトの<head>セクション内に挿入します。.
次に、それをトラッキングコードに追加してください。.
デフォルトでは、切り替えボタンは右上隅に表示されます。.
ただし、ダッシュボードの外観は「言語フラグ表示」機能を使ってカスタマイズできます。.
#5: メインディスプレイを設定する
言語切り替え機能の設定を始めるには、 「設定」>「言語フラグ表示」 セクションに移動します。 Linguise のダッシュボード内にあります。ここでは、いくつかの設定を調整できます。
- フラグアイコンのスタイル： 横並び、ドロップダウンメニュー、ポップアップの3つの表示スタイルから選択できます。
- 位置： ウェブサイト上の言語切り替え機能の配置場所を選択し、訪問者が簡単にアクセスできるようにします。
#6: 国旗のデザインをカスタマイズする
メイン表示を設定した後、言語の旗のデザインをカスタマイズできます。.
- 表示言語名： 「French」や「Français」のように、国名に基づくか言語名に基づくかを選択して表示するかどうかを決定します。
- 英語の国旗タイプ： このオプションでは、アメリカ英語とイギリス英語の違いを区別でき、スペイン語、ポルトガル語、ドイツ語にも同様に適用されます。
- 旗のスタイル： 旗アイコンの形状を、丸型または長方形から選択します。
#7: 色とサイズを調整する
次に、旗の色とサイズをカスタマイズできます。.
- 国旗の角丸： 長方形の国旗の角丸の半径をピクセル単位で設定します。
- 言語名の色: 言語名を表示するためのデフォルトのテキスト色を選択します。
- ポップアップの言語の色: ポップアップまたはドロップダウン内の言語タイトルのテキスト色を指定します。
- 旗のサイズ: 旗のアイコンのサイズを調整します。
- 言語名のホバーカラー： 言語名のホバー時の色を設定します。
- ポップアップ言語のホバーカラー： ポップアップまたはドロップダウン内の言語タイトルのホバーカラーを定義します。
#8: フラグのボックスシャドウを追加する
最後に、旗のボックスシャドウ設定をカスタマイズできます。.
- 最初のオプションは、ウェブサイトに表示される旗のアイコンに影の効果を追加します。.
- 2番目のオプションは、ユーザーが言語の旗にカーソルを合わせたときの影の効果を制御します。.
設定に満足したら、 「保存」 をクリックして変更を適用します。あなたの Concrete CMS ウェブサイトにアクセスして、言語切り替え機能が期待どおりに動作していることを確認し、その外観をプレビューしてください。
ドイツ語など、サイトを他の言語に翻訳することもできます。.
Concrete CMSで言語スイッチャーを最適化するためのベストプラクティス
Concrete CMS の言語切り替え機能を最適化すると、多言語環境でのユーザーエクスペリエンスが向上します。以下は、お使いのプラットフォームの言語切り替え機能を改善するための重要なヒントです。.
言語名と国旗の使用
言語名と国旗アイコンを組み合わせることは、言語切り替え機能をよりユーザーフレンドリーにする効果的な方法です。このアプローチは2つの視覚的な手がかりを提供し、ユーザーが希望する言語をすばやく識別して選択できるようにします。言語名は明確さを提供し、国旗は視覚的な参照を提供することで、特に同じ言語が異なる国旗を持つ複数の国で使用されている場合に、ユーザーが選択しやすくなります。.
例えば、あなたの Concrete CMS サイトがグローバルなEコマースの視聴者を対象としている場合、言語スイッチャーに「🇺🇸 English」「🇫🇷 Français」「🇩🇪 Deutsch」を組み合わせることで、ユーザーが好みの言語をすばやく見つけやすくなり、ショッピング体験を向上させ、サイトを楽にナビゲートできるようになります。.
認識しやすい国旗アイコン
小さなサイズでもはっきりと認識できる、明瞭で高品質な国旗アイコンを使用することが不可欠です。これらのアイコンは、ユーザーがテキストを読むことなく、自分の言語をすばやく識別するのに役立ちます。必要に応じて、国ではなく言語を表す、文化的に配慮されたアイコンを選ぶことが重要です。たとえば、アラビア語のように広く話されている言語には、国旗を選ぶよりも中立的なシンボルを使用する方が適切な場合があります。.
たとえば、グローバルな旅行代理店向けに設計された Concrete CMS プラットフォームでは、スペイン語にはスペイン国旗、フランス語にはカナダ国旗、英語のように広く話されている言語には地球アイコンを使用するかもしれません。これによりアイコンが明確で直感的になり、ユーザーが旅行パッケージを探しながら希望の言語を簡単に選択できるようになります。.
言語切り替えを戦略的に配置する
言語切り替えツールは、インターフェースを煩雑にすることなく、ユーザーが簡単に見つけてアクセスできる場所に配置する必要があります。一般的な配置場所としては、サイトのヘッダー、フッター、メインナビゲーションメニューなどがあります。すべてのページで配置を一貫させることが重要で、そうすることでユーザーはサイト内のどこでもそれを見つけられます。.
たとえば、 Concrete CMS サイトでは、スイッチャーをヘッダーの右上隅に配置することで、ユーザーがページをスクロールしても常に表示されるようにできます。モバイルでは、ハンバーガーメニューに統合することで、スペースを節約しながらアクセシビリティを維持できます。.
ページ間の一貫性を維持する
外観と機能の一貫性を保つことが重要です。言語切り替え機能はすべてのページで同じように動作するべきであり、ユーザーが言語を切り替えた際には、同じページにとどまりながらコンテンツが新しい言語に翻訳されるべきです。これによりユーザーの作業効率が向上し、ナビゲーションがより直感的になります。.
例えば、ドロップダウン形式の言語切り替え機能がホームページ、お問い合わせページなどで一貫して表示されるケースが挙げられます。これにより、ユーザーは閲覧中のコンテンツから離れることなく、シームレスに言語を変更できます。.
Conclusion
言語切り替え機能を設定し、 自動翻訳を Concrete CMS のウェブサイトに導入することで、ユーザーにシームレスな多言語体験を提供できます。このガイドで説明する手順に従えば、言語切り替え機能を統合し、サイトのニーズに合わせてカスタマイズできます。
言語切り替え機能を効果的に最適化することで、ユーザー体験とエンゲージメントが向上します。始めるには、 Linguise アカウントに登録し、 Concrete CMS サイトに統合して、好みに合わせて言語セレクターを設定してください。これにより、訪問者は自分の希望する言語でプラットフォームを簡単に操作できるようになります。
