Concrete CMSで作成されたウェブサイトがあり、言語スイッチャーを追加したいですか？言語スイッチャーを設定すると、ユーザーが言語間を切り替えるプロセスが簡素化されます。この機能は、国際的なユーザー層を持つウェブサイトに特に有用で、訪問者が好みの言語でプラットフォームを操作できるようにします。.
Concrete CMSで言語スイッチャーを設定するには、管理者は通常、system’s 設定でサポートしたい言語を指定することから始めます。その後、ユーザーが好みの言語を選択できるドロップダウンメニューまたはボタンを追加します。本記事では、利用可能な 自動翻訳サービス.
Concrete CMSで言語スイッチャーを設定する重要性
複数言語でコンテンツを提供する必要性はますます重要になっています。DeepL の最近の調査で明らかになったのは、 75% の回答者が、ローカライズされたコンテンツが顧客エンゲージメントを大幅に向上させることに同意しました。
言語スイッチャーの実装は、コンテンツの翻訳とウェブサイト訪問者に対してよりパーソナライズされた体験を作り出すことに関するものです。これは、回答者の96％がコンテンツローカリゼーションの取り組みからプラスのROI（投資利益率）を観測したというデータから明らかです。.
これらのデータを踏まえて、Concrete CMSで言語スイッチャーを実装することは、放棄できない戦略的な取り組みです。それが、この記事がConcrete CMSのウェブサイトで言語スイッチャーを設定する方法について説明する理由です。.
Concrete CMSで言語スイッチャーを設定する方法
多言語Concrete CMSプラットフォームにおける言語変更機能の重要性を理解したので、実装方法について議論しましょう’。Concrete CMSには、組織’ のニーズに合わせてカスタマイズ可能な組み込みの言語管理システムがあります。.
利用できる自動翻訳サービスの一つはLinguiseです。Linguiseは使いやすい言語切替機能を提供し、 さまざまな人気CMS、Concrete CMSを含むと統合できます。
Concrete CMSは簡単な多言語統合を提供し、管理者がサイトに言語切替機能を迅速に追加できるようにします。Concrete CMS’の高度な機能とユーザーフレンドリーなインターフェースを活用することで、プラットフォーム上で言語スイッチャーの設定と維持を簡素化できます。以下は手順です。 Concrete CMSにLinguise自動翻訳をインストールする そして言語スイッチャーを設定します。
#1 Concrete CMSドメインを登録
まず、無料のLinguiseアカウントを作成し、あなたのwebsite’sドメインを追加してください。サブスクリプションを決定する前に、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ファイルに挿入するか、サイト’の <head> セクション内で管理パネルを使用し、System & Settings > SEO & Statistics に移動してください。.
次に、Tracking Codes の下に追加します。.
デフォルトでは、スイッチャーは右上隅に表示されます。.
しかし、ダッシュボードは“Language flags display”機能を使用して外観をカスタマイズできます。.
#5: メイン表示を設定する
言語スイッチャーの設定を開始するには、次へ移動してください “Settings” > “Language Flags Display” セクションは Linguise ダッシュボードにあります。ここで、いくつかの設定を調整できます。
- フラグアイコンのスタイル: 3つの表示スタイルから選択してください：横並び、ドロップダウンメニュー、またはポップアップ。
- 位置: ウェブサイト上の言語スイッチャーの場所を選択し、訪問者が簡単にアクセスできるようにしてください。
#6: フラッグデザインをカスタマイズ
メイン表示を設定した後、言語フラッグのデザインをカスタマイズできます。.
- 言語名の表示: 国や言語に基づいて名前を表示するかどうかを決定します。例として“French”または“Français”のように。
- 英語フラッグの種類: このオプションにより、米国英語と英国英語のバリエーションを区別でき、スペイン語、ポルトガル語、ドイツ語にも同様に適用されます。
- フラッグスタイル: フラッグアイコンの形状を選択します。丸形または長方形のいずれかです。
#7: 色とサイズを調整
次に、フラグの色とサイズをカスタマイズできます。.
- フラグのボーダー半径: 長方形のフラグの半径をピクセル単位で設定します。
- 言語名の色: 言語名を表示するためのデフォルトテキスト色を選択します。
- ポップアップ言語の色: ポップアップまたはドロップダウン内の言語タイトルのテキスト色を指定します。
- フラグサイズ: フラグアイコンのサイズを調整します。
- 言語名ホバー色: 言語名のホバー時の色を設定します。
- ポップアップ言語ホバー色: ポップアップまたはドロップダウン内の言語タイトルのホバー色を定義します。
#8: フラッグのボックスシャドウを追加
最後に、フラッグのボックスシャドウ設定をカスタマイズできます。.
- 最初のオプションは、ウェブサイトに表示されるフラッグアイコンに影効果を追加します。.
- 2番目のオプションは、ユーザーが言語フラッグにホバーしたときの影効果を制御します。.
設定に満足したら、クリック “Save” 変更を適用してください。Concrete CMS のウェブサイトにアクセスし、言語スイッチャーが期待通りに動作しているか確認し、外観をプレビューしてください。
ドイツ語など、追加の言語にサイトを翻訳することもできます。.
Concrete CMS の言語スイッチャーを最適化するベストプラクティス
Concrete CMS の言語スイッチャーを最適化することで、多言語環境におけるユーザー体験が向上します。以下は、プラットフォーム上の言語スイッチャーを改善するための重要なヒントです。.
言語名と旗を使用する
言語名と旗アイコンを組み合わせることは、言語切替スイッチャーをよりユーザーフレンドリーにする効果的な方法です。このアプローチは2つの視覚的手がかりを提供し、ユーザーが自分の選択した言語をすばやく識別し選択できるようにします。言語名は明確さを提供し、旗は視覚的な参照を提供するため、特に同じ言語が複数の国で異なる旗と共に使用される場合、ユーザーが選びやすくなります。.
例えば、Concrete CMS サイトがグローバルな e コマースのオーディエンスに対応している場合、言語に“🇺🇸 English,” “🇫🇷 Français,” と “🇩🇪 Deutsch” を組み合わせることで、スイッチャーはユーザーが好みの言語をすばやく見つけやすくなり、ショッピング体験を向上させ、サイトのナビゲーションをスムーズにします。.
認識しやすい旗アイコン
明確で高品質な旗アイコンを使用することは、たとえ小さなサイズでも容易に認識できるため、不可欠です。これらのアイコンは、テキストを読むことなくユーザーが自分の言語を迅速に識別するのに役立ちます。必要に応じて、国ではなく言語を表す文化的に配慮されたアイコンを選ぶことが重要です。例えば、アラビア語のような広く話されている言語には、中立的なシンボルを使用する方が、国旗を選択するよりも適切かもしれません。.
例えば、グローバルな旅行代理店向けに設計されたConcrete CMSプラットフォームは、スペイン語にはスペインの旗、フランス語にはカナダの旗、英語など広く話されている言語には地球儀のアイコンを使用するかもしれません。これにより、アイコンが明確で直感的になり、ユーザーが旅行パッケージを閲覧しながら好みの言語を簡単に選択できるようになります。.
言語スイッチャーを戦略的に
言語切替スイッチは、インターフェースを乱さず、ユーザーにとって見やすくアクセスしやすい場所に配置すべきです。一般的な配置オプションには、site’ のヘッダー、フッター、またはメインナビゲーションメニューが含まれます。すべてのページでの配置の一貫性は重要で、ユーザーがサイト内のどこにいても見つけやすくなります。.
例えば、Concrete CMS のサイトでは、スイッチャーをヘッダーの右上隅に配置し、ユーザーがページをスクロールしても常に表示されるようにできます。モバイルでは、ハンバーガーメニューに統合することで、アクセシビリティを保ちつつスペースを節約できます。.
ページ全体で一貫性を保つ
外観と機能の一貫性を保つことが重要です。言語スイッチャーはすべてのページで同じように動作すべきで、ユーザーが言語を切り替える際には、同じページにとどまり、新しい言語に翻訳されたコンテンツが表示されます。これによりユーザーの作業フローが改善され、ナビゲーションが直感的になります。.
例えば、ドロップダウン式の言語スイッチャーがホームページ、コンタクトページなどで一貫して表示されます。これにより、ユーザーは資料の位置を失うことなくシームレスに言語を変更できます。.
結論
言語スイッチャーを設定し、実装すること Concrete CMS の自動翻訳 ウェブサイトは、ユーザーにシームレスな多言語体験を提供できます。このガイドで概説された手順に従って、言語スイッチャーを統合し、site’s のニーズに合わせてカスタマイズできます。
言語スイッチャーを効果的に最適化することで、ユーザー体験とエンゲージメントが向上します。まずは、 Linguise アカウントにサインアップしてください、Concrete CMS サイトと統合し、好みの設定に基づいて言語セレクターを構成します。これにより、訪問者は好みの言語でプラットフォームを簡単にナビゲートできます。
