2019/12/21こんにちは。「多言語サイトをカンタンに作りたいなぁ」という方向けに、WordPressとプラグインで多言語サイトを作る方法をご紹介します。WPMLが最強WordPressを使った多言語サイトの作り方(最もメジャーな2パターンを紹介)WordPressを使った多言語サイトの作り方には、10通り以上のパターンがあります。多言語化プラグインもたくさんありますが、最もメジャーな方法は以下の2つ。Switcher」をつかう(無料)プラグイン「WPML」をつかう(有料)それぞれを使った制作経験から、それぞれのメリット・デメリットをご紹介します。Switcher」をつかう(無料)WordPressを使った多言語サイト制作の代表格ともいえる、メジャーな方法です。何といっても無料で多言語サイトが作れますからね。Switcherで作ってました。こちらのパターンのメリット・デメリットは以下の通りです。無料プラグインで作れる設定画面がシンプル。Switcherは、無料でとにかくシンプルなのがいいところです。シンプルゆえに多くのことは望めません。プラグインを導入するまでにマルチサイト化のひと手間がかかりますし、言語切り替えボタンもコードを書かなければカスタムできませんので、初心者にはややハードルが高いです。メディアファイルも言語ごとに管理されるので、それぞれの言語でゼロからアップロードし直す必要があります。そもそもWordPressのマルチサイト機能とは、1つの管理画面から別々のサイトを管理できるようにする機能ですので、サイトはそれぞれ独立しています。Switcherは、そのサイトに別々の言語を設定できるというだけのシンプルなプラグインですので、これを入れたからといって翻訳テキスト入力が楽になったりはしないので注意してください。Switcherを使いましょう!設定に必要な情報がのっているサイトを以下にまとめました。ホームページ制...https://skygold.jp/web/3066/「マルチサイト」とは、1つのサーバ・ドメイン・プログラムで複数のサイトを構築・運営できる便利な機能です。ホ...https://skygold.jp/web/4646/多言語サイトをwordpressを使用して構築する際、管理のしやすい制作方法はないかと調べてたところ、いろいろ制作方法があるようなので、少しずつ試していきたいと思います。option』で実装する...https://manablog.org/multisite-language-switcher-select-option/プラグイン「WPML」をつかう(有料)WPMLはとにかく機能が充実していて、「こんなことできたらいいな」とおもう機能はほぼデフォルトで備わっています。インストールするだけですぐ使えるのもいいところですね。こちらもメリット・デメリットをまとめました。インストールするだけで多言語化できるデフォルトの機能・関連プラグインが充実している翻訳テキストの入力が効率的にできるプラグインが増えるので管理が大変WPMLは非常に使い勝手がいいです。サブドメイン・サブディレクトリの形式変更、切替えボタンの表示カスタマイズ、ブラウザ言語への自動リダイレクト機能などもデフォルトで備わってますので、インストールして管理画面から設定していくだけです。コードを書くのは、ショートコードをつかって任意の場所に言語切替えボタンを表示させるときくらいかと。Switcherで作ってましたが、WPMLを使ったほうが圧倒的に効率がいいと気付いてからはこちらを使ってます。初心者はもちろん、制作者の方も「多言語サイト」の依頼がきたらWPMLを使いましょう!制作にかかる工数が2/3~1/2になりますよ!ここからはWPMLの基本的な使い方と、実際に使って便利だったプラグインをご紹介していきます。WPMLの初期設定と基本的な使い方紹介それでは、WPMLの使い方を順番にみていきましょう。WPMLのインストール29ドル、79ドル、195ドルと3つのプランがありますが、これから紹介していく便利な機能をすべて使えるのは79ドルのプランからです。79ドル版ではプラグインのアップデートができるのは1年までです(サポート期間も1年)。更新すると1年あたり39ドルかかるので、脆弱性が見つかるリスクやPHPへのバージョン対応を考えて、最初から195ドル版を買い切ったほうが無難でしょう。インストールはこちらの公式ページからどうぞ。アップロード」から追加してください。言語」にすすんで初期設定を完了させます。初期設定は公式ページのセットアップ動画が一番わかりやすいです。この記事では、設定のなかで特に重要かつ便利な部分だけを解説します。サイトの言語設定このサイトで使用したい言語を設定できます。「言語追加」から使いたい言語を追加してください。言語URLフォーマットの設定(サブドメイン・サブディレクトリ選択)多言語でサイトを運用する際のURL形式を設定できます。サブディレトリー型(例:https://example.com/〇〇)にしたい場合は、「ディレクトリ内の異なる言語」を選択しましょう。サブドメイン型(例:https://〇〇.example.com)で運用したい場合は、「言語毎の異なるドメイン」を選択すればOKです。言語の表示順​​を決める言語スイッチャー・オプションでは、言語切替えボタンに表示する言語の順番をきめられます。左から優先されるので、優先的に表示したい言語は左にドラッグ&ドロップしてください。「翻訳なしで言語を扱う方法」では、そのページの翻訳版が存在しなかった場合にどうするかを選択できます。コンテンツの中にはすべての言語に翻訳されないものもあります。「言語をスキップする」を選択しておけば、翻訳が存在しないページではその言語は切り替えボタンに表示されなくなります。メニューに言語スイッチャーを追加する言語スイッチャーをどのメニューに追加するか、どんな形式で表示するかを選択できます。編集または新規追加ボタンを押すと以下のようなポップアップがでますので、表示のしかたを調整してください。ウィジェット・フッター用の設定欄も、メニューと同じ手順で設定できます。任意の場所に言語スイッチャーを入れるメニュー・ウィジェット・フッター用の表示設定は上で紹介したとおりですが、それ以外の場所、例えば投稿ページや固定ページにスイッチャーを入れたい場合があります。そんなときは、カスタム言語スイッチャーを使いましょう。「カスタマイズ」をクリックすると、「メニューに追加」で紹介したものと同じポップアップが出てきます。設定したら、あとは言語スイッチャーを出したい場所に[wpml_language_selector_widget]のショートコードを記述するだけOKです。[wpml_language_switcher]を使って、ショートコードの中でスイッチャーをカスタマイズすることもできます。詳しくショートコードを見たい方はこちらをどうぞ。WPMLで使えるショートコード閲覧者のブラウザ言語ページにリダイレクトさせる例えば、「日本語がメインで英語・中国語のページもある3ヶ国語のサイト」があったとしましょう。このサイトに英語圏の人が訪れたとき、メインの日本語サイトが表示されたらどうでしょう?せっかく苦労して英語ページを用意しているのに、「なんだ日本語のサイトか」と勘違いされたまま離脱されるかもしれません。それを防ぐのがブラウザ言語へのリダイレクトです。チェックしておけば、ビジターのブラウザ言語ページにリダイレクトしてくれるので、必ず設定しておきましょう。)投稿・固定ページを翻訳するそれでは、ここまででWPMLの設定が完了しましたので、翻訳の仕方を見ていきましょう!WPMLを追加した後、投稿ページ・固定ページに行くと、翻訳ボタンと各言語の切替えタブが追加されています。こちらの翻訳ボタンからもテキスト入力できるんですが、オススメは追加・編集ページからの「コピー」です。新しい投稿を作ったら「複製」ボタンにチェックを入れてください。投稿を保存すれば、自動的に他の言語にも原文と同じタイトル・本文の投稿が追加されます。あとはコピーしたページに移動し、原文タイトルと本文をみながら翻訳文に置き換えていけばOKです。メニュー」を開くと翻訳ボタンと同期ボタンが追加されています。言語ボタンを押せば、その言語のメニューを追加・編集できますが、ここでもオススメは「言語間でメニューを同期」です。同期ボタンを押せば、追加したいメニューがまだ存在しない言語に一括追加できます。手動で全言語のメニューを作成するのは地味に大変な作業です。言語数・ページ数が多いほど、地味なドラッグ&ドロップをなんども繰り返すことになります。WPMLならばボタンひとつで全言語にコピーできますので、無駄な反復作業を大幅に削減できます。タクソノミー翻訳」からの翻訳が効率的です。デフォルト言語で追加した項目をほかの言語にもコピーしたいときは、項目にカーソルを合わせると出てくる「すべての言語にコピー」ボタンを押せばOKです。個別の国旗ボタンを押すと、翻訳画面のポップアップが出てきます。原文を見比べながら入力できるので便利です。WPMLをもっと便利にする関連プラグイン紹介ここからは、多言語サイト構築をさらにラクにしてくれる関連プラグインをご紹介します。Management」です。このプラグインを入れると、各ページの翻訳状況を管理できます。便利なのが、翻訳を担当するユーザーに翻訳ジョブを送信できる機能です。役に立つのが「クライアントには日本語テキストだけをもらい、翻訳は外注する」といったケース。エクセル管理にしろ、WordPressから直接入力してもらうにしろ、言語数・ページ数が多いほど翻訳状況の管理が大変になってきます。Managementを有効にし、翻訳担当者用のアカウントを追加して「トランスレーター」登録しておけば、トランスレーターに翻訳を依頼したいページを「ジョブ」として送信できます。Managementで確認できますし、どのページを依頼したか「翻訳ジョブ」に履歴が残りますので、コンテンツの翻訳状況を確実に管理できます。ちなみにトランスレーターアカウントにログインすると、以下のようにリストアップされたジョブが表示されます。ディレクターの方限定かもしれませんが、かなり便利な機能です。Translation」WPMLは投稿・固定ページ・タクソノミーを翻訳できます。Translationは、そのWPMLの翻訳機能を拡張するプラグインです。WPMLのみでは対応していなかった、ウィジェット・管理画面・追加したプラグインなどのテキストを翻訳できるようになります。「日本語サイトにプラグインの英語が表示されちゃってる...」とか、「日本語対応のテーマだけど、翻訳がなんか不自然」といった場合に、独自の翻訳を追加できます。Management」と合わせて使えば、翻訳担当者にジョブとして依​​頼することもできます。Media」WPMLの大きなメリットの一つが、メディアファイルをどの言語でも共通で利用できることです。Switcher」は、各言語ごとにメディアの追加が必要ですので地味に時間がかかります。Media」を追加すると、管理がさらにラクになります。このプラグインを追加すると、投稿・固定ページに「付添メディア」欄が追加されます。両方チェックしておけば、翻訳ページを追加すると自動でアイキャッチ画像と本文に挿入したメディアをコピーしてくれます。メディア翻訳」から以下のキャプチャーのように設定してスタートボタンを押せば大丈夫です。これで過去にアップロードした記事の翻訳ページにも、アイキャッチと挿入画像がコピーされます。Checker」が有名です。Links」はリンク切れを感知するだけでなく、リンク切れを予防してくれるプラグインです。他のページから10個以上リンクされている「https://example.com/aaaa/」というページがあったとします。ある日、「やっぱりこのページのURLは『https://example.com/bbbb/』にしよう」と変更しました。サイト制作終盤で、タイトル悩んでたページのURLを変えたりすることありますよね。こんなとき、普通なら「aaaa」にリンクしていた全ページのリンクも「bbbb」に書き換えなければいけません。Linksを有効にしておけば、URLを書き換えなくてもまた「bbbb」に自動でリダイレクトしてくれます。リンク先のURLが変わっても自動で追従してるくれるんです。)注意点としては、自動で追従してくれるのは自サイト内のリンクのみだということ。外部サイトのリンクが変わっても、それは追従してくれませんのでお気をつけください。商業タブ」を開くと、WPMLも含めた関連プラグインがリストアップされます。欲しいプラグインにチェックを入れて一括ダウンロード・アップデートができますし、新バージョンのリリースノートも確認できます。言語』から変更できます。管理画面は英語・フロントは多言語、のように運用したい場合に役立ちます。最初は日本語サイトだけリリースして、後から英語サイトを追加したいってことも多々あります。言語」から開発中の言語ページのみを非表示にすることができます。WPMLが最強あー!疲れたwwここまで辛抱強く読んでくださった方、ありがとうございます!全力で多言語サイトの作り方(というか後半はWPMLの良さ)を解説してきましたが、結論は一言。WPMLが最強です!デメリットは有料なことくらいですが、これだけ便利で195ドルならむしろ激安かと。僕ももっと早くからWPMLを使っておけばよかったなぁ...。WebマーケターショーヘーWordPressを中心にWeb制作歴5年のWebエンジニアです。フリーランス歴は3年ほど。PHP・WordPress・Laravelが好きです。月間15万PVのフリーランス向けメディア「東京フリーランス」の運営、月間1000人以上が学ぶプログラミング学習カリキュラム「30DAYSトライアル」の作成、プログラミングスクールの講師なども勤めています。