Skip Navigation
更新済み
3月 14, 2024

このチュートリアルでは、WPMLを使用して、さまざまな種類のメニュー項目を含むWordPressメニューを翻訳する方法を学ぶ。

フロントエンドのデフォルト言語のメニュー
フロントエンドの翻訳可能メニュー

WordPressでは、いくつかの方法でメニューを作成することができる:

  • 外観 → メニューでWordPressメニューエディターを使う
  • サイトエディター(Full Site EditingまたはFSEの一部)のナビゲーションブロックを使用する。

このガイドでは、外観 → メニュー ページで作成したメニューを翻訳するさまざまな方法に焦点を当てる

もし、あなたのサイトに「外観」→「エディター」だけが表示され、「外観」→「メニュー」が表示されない場合は、あなたのテーマが「サイトエディター」(以前は「Full Site Editing」または「FSE」と呼ばれていた)を使用していることを意味する。サイトエディタで作成したメニューを翻訳する方法については、こちらを参照のこと。

このページの内容:

1.メニュー外観のコンテンツを翻訳する

ウェブサイトのメニューは、WordPressウェブサイト内の訪問者を案内する。 ページ、投稿、商品、カテゴリーへのリンクが含まれている可能性が高い。 外部サイトやソーシャルメディアへのカスタムリンクで強化することもできる。

メニュー自体の翻訳に入る前に、リンク先のコンテンツを翻訳する必要がある。

例えば、ガーデニングのブログで、メニューに「ガーデニングの基礎知識」のページを特長とし、初心者向けの貴重なヒントを提供しているとしよう。 その隣に「オーガニック・ガーデニング」というカテゴリーを置き、読者を環境に優しいガーデニング方法に関する投稿に誘導する。

訪問者がスムーズに多言語サイトをナビゲートできるようにする:

  • 投稿やページを翻訳する。 これには、「ガーデニングの基本」ページ、「オーガニック・ガーデニング」カテゴリーに割り当てられた投稿、その他メニューからリンクされているコンテンツが含まれる。
  • カテゴリーやその他のタクゾノミーを翻訳するWPML → タクソノミーの翻訳で「オーガニックガーデニング」カテゴリーとメニュー内の他のタクソノミーを翻訳する。

メニューにカスタムリンクが含まれている場合は、第二言語用のメニューを作成しながら、後でそれらを翻訳することができる。

2.適切なメニュー翻訳方法を選ぶ

コンテンツを翻訳したら、翻訳メニューの作成に進むことができる。 あなたのニーズに最適な方法を選択するために、ここでは各オプションの概要を説明する。

  • WPMLは、すべての言語で同じ構造と項目を持つ翻訳メニューを自動的に作成する。
  • メニューにカスタムリンクやカスタムナビゲーションラベルを含めることができない。

簡単でカスタマイズ可能

WPMLのWP Menus Syncを使う

  • 言語間でメニューを同期させる
  • カスタムリンクを柔軟に翻訳・調整できる。
  • 手作業が増える
  • 各言語のメニュー翻訳と構成を完全にコントロールする。

最も簡単 – WPMLに翻訳メニューを作成させる

すべての言語で同じメニューが必要な場合、WPMLがそれを簡素化してくれる。 WPMLは、カスタムリンクやラベルがない限り、これらの翻訳メニューを自動的に作成し、サイトのフロントエンドに表示することができる。 投稿、ページ、カテゴリー、その他デフォルトの言語メニューにある項目を翻訳するだけで、あとはWPMLが処理してくれる。

始めるにあたって

  1. 外観 → メニューと 進み、デフォルトの言語でメニューを作成する。
サイトのバックエンドにあるメニューの例
  1. WPML → 設定 と進む。 投稿タイプが2つの翻訳可能オプションのいずれかに設定されていることを確認する。 第二言語メニューは、メニューに追加された投稿タイプが翻訳可能として設定されている場合でも、あなたが翻訳したコンテンツのみを表示する– 利用可能な場合は翻訳を使用するか、デフォルト言語にフォールバックする。 サイトを自動翻訳している場合、自動翻訳切り替えが「はい」になっていることを確認する。
WPML設定で投稿タイプを翻訳可能にする
  1. デフォルトの言語メニューに含まれる投稿、ページ、その他のコンテンツをすべて翻訳する。 公開前に自動翻訳を校閲することを選択した場合、ページと投稿の翻訳を承認する。

コンテンツを翻訳したら、フロントエンドからサイトを見る。 WPMLが自動的に翻訳されたバージョンのメニューを表示することがわかるだろう。 サイトのバックエンドにはデフォルト言語のメニューしか表示されないが、WPMLはデフォルト言語のメニューにページを追加、削除、または並べ替えるたびに、フロントエンドのメニューを自動的に更新し続ける。 新しく追加したり編集したりしたコンテンツの翻訳を常に最新の状態に保つことだけ覚えておけばよい。

フロントエンドで翻訳可能メニューを表示する

この自動プロセスを維持するために、WPML → WP Menus Syncの 手動同期特長を使用せず、サイトのバックエンドに翻訳可能メニューを作成しないこと。 これを一度でも行うと、WPMLによるメニューの自動作成が無効になる。

簡単でカスタマイズ可能 – WPMLのWPメニュー同期特長を使用する。

WPMLのWP Menus Sync特長を使って、メニューは言語間で同じにしたいが、ソーシャルメディアや外部ウェブサイトへのカスタムリンクのようなカスタマイズが必要な場合は、WPMLのWP Menus Syncを使おう。

言語間でメニューを同期させ、翻訳可能なメニューをデフォルトの言語メニューと一致させる。 文字列翻訳を使って、カスタムリンクのURLやラベルを翻訳することができる。

バックエンドのカスタムリンク付きデフォルト言語メニュー

始めるにあたって

  1. WPML → WP Menus Syncに進む。 WPMLは、変更予定と追加または削除される項目を表示する。 同期をクリックする。
同期ボタンをクリックすると、言語間でメニューが同期される。
  1. 変更内容を校閲する画面に移る。 変更を適用する ボタンをクリックする。

同期が終了すると、WP Menus Syncページの下部に、文字列翻訳を使用してカスタムアイテムを翻訳するよう促す通知が表示される。

リンクをクリックすると文字列翻訳に移動し、カスタムリンクのURLやラベルを翻訳できる。 翻訳を追加し、WPML → WP Menus Syncで再度同期を実行する。 これにより、新しく翻訳されたリンクとラベルでメニューが更新される。

文字列翻訳でカスタムリンクのラベルとURLを翻訳する

これで、サイトのフロントエンドにアクセスして、カスタムリンクが異なる言語で正しく機能しているかどうかをチェックできる。 翻訳可能なラベルが表示され、リンクが正しいURLにつながるはずだ。

フルカスタム – メニュー翻訳を自分で作成する

WPMLでは、 外観 → メニューページで各言語のメニューを個別に作成することができる。 第二言語メニューを作成した後、WPMLはそれらをデフォルト言語メニューの翻訳としてリンクする。 ただし、翻訳可能なメニューをデフォルトの言語メニューと同期させたり更新したりはしない。 各メニューをマニュアルで自由にカスタマイズできる。 自動更新を気にすることなく、アイテムの追加、削除、並び替えができる。

この方法は理想的だ:

  • 言語ごとにまったく異なるメニュー項目や構造
  • カスタムナビゲーションラベルによるアーカイブなどの内部ページへのリンク
  • 言語ごとに異なるカスタムリンクの量

デフォルト言語のメニュー

異なるメニューの翻訳

このオプションを使い始めるには、すべての投稿、ページ、カテゴリーが翻訳可能であることを確認する。 それからだ:

  1. 外観 → メニューを開き、第二言語の横にあるプラスアイコンをクリックする。
プラスアイコンをクリックし、第二言語でメニューを作成する。
  1. 新しいメニューに第二言語で名前をつけ、Create Menuをクリックする。 WPMLは自動的にあなたのデフォルト言語のメニューの翻訳としてリンクする。
第二言語メニューを作成する
  1. お好みの投稿、ページ、カテゴリー、メニュー項目を追加する。 また、翻訳可能メニューに表示させたいカスタムリンクやカスタムナビゲーションラベルを追加することもできる。
メニュー項目の追加と翻訳可能なカスタムナビゲーションラベルの作成

メニューを保存したら、サイトのフロントエンドにアクセスする。 デフォルト言語と第二言語のページにわたって、作成したさまざまなメニューが表示されるはずだ。