Joomla 4 で多言語 Web サイトを作成する方法

準備し始める

今日、英語は世界言語となり、インターネット上で最も人気のある言語の 1 つです。英語でのコンテンツの投稿を優先または重視する多数の Web サイトが作成されています。しかし、誰もが読んで理解できるわけではありません。英語。複数の言語をサポートする Web サイトを持つことで、特にターゲットとしている地域で、より幅広い視聴者にリーチする大きな機会が開かれます。実際、世界中のコンテンツ管理者はこれを何年も行っており、多言語ウェブサイトは日々増加しています。幸いなことに、Joomla は最も多くの言語をサポートするコンテンツ管理プラットフォームの 1 つであり、75 以上で利用できます。したがって、このプラットフォームを使用すると、多言語ウェブサイトの構築もはるかに簡単になります。

簡単さについて懐疑的だったとしても、Joomla の多言語 Web サイトを立ち上げるのは想像よりも簡単で、思っているよりも簡単だと断言します。

そこで今日、このチュートリアルでは、Joomla 4 で多言語 Web サイトを作成する方法を説明します。この方法では、サードパーティの拡張機能を使用する必要がなく、もちろん完全に無料です。

さあ、行きましょう！

Joomla 4 での多言語 Web サイトのセットアップ手順

手順に従って、Joomla 4 で多言語 Web サイトを完全にセットアップします。

新しい言語のインストール

Joomla 4 では、言語をインストールするために使用できる方法が 2 つあります。

• Joomla アップデート経由でインストールする

ホーム ダッシュボードから [システム]に移動し、 [インストール]で[言語]をクリックして[拡張機能: 言語]ページにアクセスします。

ここで、インストールしたい言語の「インストール」ボタンをクリックし、必要な数の言語をインストールできます。

説明のために、この記事では、フランス語と中国語 (簡体字)の 2 つの追加言語をインストールします。

• 手動でインストールする

この方法では、まず、公式 Joomla! 言語パッケージから言語パッケージをダウンロードする必要があります。

次に、[システム] > [インストール] > [拡張機能]に移動し、ZIP パッケージをアップロードして言語をインストールします。

次に、[システム] > [管理] > [コンテンツ言語]に移動し、言語を有効 (公開) にします。

* 注意:各言語のタイトルをクリックし、そのオプション (例:タイトル、母国語のタイトル、言語タグ、画像 (フラグ)、ステータス、説明など)を変更することで、言語情報を更新/変更できます。これは言語プロファイルに似ています。これには、Joomla が英語またはフランス語を「切り替え可能な」コンテンツ言語として使用できるようにするために必要なすべての詳細が含まれています。

「システム – 言語」プラグインを有効にする

これで、新しい言語のインストールが完了し、コンテンツ用に公開されました。次のステップでは、言語フィルターと言語コード プラグインを有効にする必要があります。これにより、Joomla がコンテンツをフィルターし、選択した言語に基づいて表示できるようになります。

[システム] > [管理] > [プラグイン]に移動し、「システム – 言語」を検索します。

ここで、Joomla は検索結果にシステム – 言語コードとシステム – 言語フィルターを表示します。両方を有効にします。

また、名前をクリックしてプラグイン設定を変更することもできます (例:システム – 言語フィルター)。このプラグインにより、CMS はインストールされているさまざまな言語を認識し、現在の言語に関連するコンテンツのみを表示できるようになります。

* 知らせ：

• このプラグインは、言語に応じて表示されるコンテンツをフィルターします。
• このプラグインは、言語スイッチャー モジュールが公開されている場合にのみ有効になります。
• このプラグインが有効化されている場合は、管理者多言語ステータス モードも公開することをお勧めします。
• 項目の関連付け— [はい]に設定します。このオプションを使用すると、ある言語から別の言語に切り替えるときに項目の関連付けが可能になります。
• URL 言語コードを削除— このオプションは、SEF URL 機能が有効またはオンになっている場合に、デフォルトのサイト言語に対応するコンテンツ言語の定義された URL 言語コードを削除します。

言語ファイルを適切に設定し、Joomla の組み込み言語フィルターを有効にしたので、デフォルトでは、このプラグインは訪問者のブラウザの言語設定を検出し、その言語でサイトを表示しようとします (利用可能な場合)。

多言語コンテンツの追加

これで、Web サイトに複数の言語が用意されました。それらを使用して多言語コンテンツを生成できます。ただし、その前に、新しいカテゴリと新しい記事を作成しましょう。

• 言語ごとに新しいカテゴリを作成する
• 各言語で新しい記事を作成します。

新しいカテゴリを追加

言語ごとに別のカテゴリを作成しましょう。

• [コンテンツ] > [カテゴリ] > [新規追加]に移動します。
• 新しいカテゴリにタイトルを付けます
• ドロップダウンから言語を選択します
• 「保存して閉じる」をクリックして完了します
• 他の言語でも同じ手順を繰り返します

新しい記事を追加する

次に、言語ごとに新しい記事を追加して、異なる言語のコンテンツを作成しましょう。

• [コンテンツ] > [記事] > [新規追加]に移動します。
• 新しい記事のタイトルを入力してください
• ドロップダウンから記事の言語を選択します
• コンテンツの作成/更新
• 完了したら、「保存して閉じる」をクリックします
• 他の言語でも同じ手順を繰り返します

多言語メニューの作成

次に、Joomla メニューにカテゴリと記事を割り当てる必要があります。これにより、それらがフロントエンドに表示されるようになります。そのためには、言語ごとに各メニューを作成します。

ホーム ダッシュボードから、[メニュー] > [管理] > [新規追加]に移動します。タイトルを入力し、一意の名前を選択して、[保存して閉じる]を押します。

他の言語についても同じ手順を繰り返します。

メニュー項目の追加

上で作成した新しいメニューはまだ空です。先に進み、各メニューに新しいメニュー項目を追加する必要があります。

• [メニュー] > [メイン メニュー (en-GB)]に移動し、新しい項目を追加します。
• メニュー項目のタイプを選択します
• 特定の言語に対応するカテゴリを選択してください
• ドロップダウンから言語を選択してください
• 「保存して閉じる」をクリックします

他の言語についても上記の手順を繰り返します。

現時点では、各メイン メニュー項目内でデフォルト メニュー (例: Main Menu EN) を設定する必要があります。ホーム メニュー項目をクリックしたとき、英語ページのデフォルトのホーム項目になります。

新しいモジュールの追加

Web サイトのフロントエンドにメニュー項目を表示するには、メニュー項目のモジュールを追加し、正確な位置を指定する必要があります。メニュー >管理に移動し、メニューを選択してモジュールに割り当てるか、コンテンツ>に移動します。始めるにはサイトモジュール。

メニューを作成してモジュールに割り当てる方法の詳細については、この記事を参照してください。

• [コンテンツ] > [サイト モジュール] > [新規追加]に移動します。
• [モジュール タイプの選択]で、[メニュー]をクリックします。
• 新しいメニュー モジュールにTitleを付けます (必須) 。
• このモジュールに割り当てる言語メニューを選択します (例: Main Menu (en-GB))。
• サイトで紹介するモジュールの位置を指定します。
• ドロップダウンから言語を選択します。
• 「保存して閉じる」をクリックして適用します。

他の言語についても同じ手順を繰り返します。

[メニュー] > [管理]に戻ると、それぞれのモジュールにリンクされているすべてのメニューが表示されます。

さあ、次のステップに進みましょう！

多言語協会

一般的に言えば、これにより、言語スイッチャーを押したときにコンテンツ (記事、メニューなど) をある言語から別の言語に翻訳できます。 [システム] > [管理] > [拡張機能]に移動し、「システム」を検索して、[関連付け]オプションが有効になっていることを確認してください。– 言語フィルター」を選択し、[項目の関連付け]オプションがオン ( [はい] )になっているかどうかを確認します。

メニューの関連付け

新しいメニュー項目を追加して言語を割り当てると、表示される「関連付け」タブに「関連付け」のオプションが表示されます。また、言語ごとに異なるメニュー項目を選択することもできます。モジュールについても同様です。記事やその他のコンテンツアイテム。

完了したら、「保存して閉じる」をクリックします。他のメニュー項目についても同じ手順を繰り返します。

記事、カテゴリ、その他の言語コンテンツについても同じことを行います。

多言語協会

[コンポーネント] > [多言語の関連付け]に移動します。

コンポーネントの主なオプションをいくつか示します。

• 記事— このフィルタを選択すると、言語のすべての記事/カテゴリに関連付けが提供されます。
• 連絡先— 言語関連の連絡先をリストします。
• メニュー— このオプションを使用すると、すべてのメニュー項目に言語を関連付けることができます。
• ニュース フィード— Joomla ニュースフィード コンポーネントを使用している場合、フィードの翻訳に役立ちます

言語ごとのデフォルトページの設定

次に、各言語のホームページを定義します。これは、実行する必要がある最も重要な手順の 1 つです。

• [メニュー] > [メイン メニュー (en-GB)]に移動します。
• 星のアイコン (ホームとして設定) をクリックしてデフォルトとして設定します。
• その後、これがメイン メニュー (en-GB)メニューのデフォルト ページであることを示すために、英語 (en -GB ) フラグに変更されます。
• 他の言語についても繰り返します

フランス語、中国語、その他の言語については、次のとおりです。

テンプレートの複製

Web サイトにさまざまな言語をインストールしている場合、それぞれに固有のテンプレートが必要です。デフォルトのテンプレートを複製し、言語ごとに適切な名前を付けるだけです。

各言語のテンプレート スタイルを作成する

• [システム] > [サイト テンプレート スタイル] ( [テンプレート]の下)に移動します。
• 現在のデフォルトのテンプレート スタイルを選択し、上部にある[複製]ボタンをクリックします。
• 複製したテンプレートの名前を英語用に変更します (英語ページのみ)

fr-FR言語とzh-CN言語でも同じことを行います。

言語スイッチャーモジュールの作成

いよいよ最後のステップです！

言語スイッチャーは、サイト訪問者がいつでも好きな言語を切り替えることができるメカニズムです。言語スイッチャー モジュールを作成することで、訪問者が希望の言語でコンテンツを簡単に表示できる便利な方法を提供します。

• [コンテンツ] > [サイト モジュール]に移動します。
• 左上の「新規」ボタンをクリックします。
• モジュールタイプとして言語スイッチャーを選択します。
• 新しいモジュールにタイトルを付けます (例: Language Switcher)。
• テンプレートに一致するモジュール位置を割り当てます (ドロップダウンから選択)
• 言語スイッチャーをドロップダウン メニューとして使用する場合は、[ドロップダウンを使用]オプションを有効にします。
• 右側の言語フィールドで必ず「すべて」を選択してください。
• 最後に、「保存して閉じる」をクリックしてスイッチャーを保存し、使用できるようにします。

さて、今度はフロントエンドで結果を確認します。

言語スイッチャーで表示される言語の順序を変更したい場合は、コンテンツ言語マネージャーを使用して変更できます。

• [システム] > [コンテンツ言語] ( [管理]の下)に移動します。
• 各言語を 1 つずつ希望の位置にドラッグ アンド ドロップします。
• フロントエンドの変更を確認します。

ふぅ! Joomla 4 で完全に機能する多言語 Web サイトを正常に作成できました。おめでとうございます!

要約

そこで、Joomla 4 で多言語ウェブサイトを構築するための簡単なアプローチを紹介しました。記事をお楽しみいただければ幸いです。ご質問があればコメントしてください。さらに、素晴らしい Joomla 4 テンプレートをチェックして、独自の応答性の高い、高パフォーマンスの、読んでいただきありがとうございます。今後のハウツーにもご期待ください!