知ってました？WordPressのブロックテーマって実は多言語サイトにめちゃめちゃ相性がいいんです。

業務でサイト制作をしていると多言語サイトの案件にぶつかった経験がある方も多いのではないでしょうか？表題の通りなのですが、WordPressのブロックテーマはノーコードで全領域編集できるのはみなさんご存知だと思います。

これにブロックエディタ上で条件分岐が作れるプラグイン VK Dynamic If Block を使って条件分岐の対象を「言語」にしちゃえば簡単に多言語に対応できます。

今回は、ブロックテーマでの多言語サイトの作り方と注意点を紹介していきます。

とりあえずデモサイトを作りましたので見てみてください。

クラシックテーマを使った多言語サイトでぶつかる壁

オプション保存値が多言語に対応できない

弊社 Lightning G3 Pro Unit をはじめ、高機能なテーマは独自に様々な入力フィールドを持っています。旧ウィジェットはプラグインによって出し分けができますが、テーマ独自のオプション値で、しかもそれが配列で保存されていたりすると、他言語対応プラグインでもそこまではサポートしないので、汎用テーマで賄う事は事実上不可能です。

そうなると

• １サイトでの多言語を諦めて別々のウェブサイトとして構築する
• 言語による表示切り替えを実装した独自のテーマを作成する

という面倒な事になるのが一般的でした。

ブロックテーマでは簡単に切り替えられる

クラシックテーマでは言語による要素の出し分けはコードで書く必要がありましたが、ブロックテーマはヘッダーなどもブロックエディタで編集可能なため、

• Dynamic If ブロックを配置
• 条件タイプを 言語 にして、表示対象の言語を指定
• インナー要素にその言語で表示する要素を配置

という形で、簡単に出し分ける事が可能です。

多言語対応のプラグイン Bogo について

多言語にするプラグインには Bogo を使いました。Bogo は Contact Form 7 の作者の三好さんのプラグインで、シンプルで使いやすいからです。

Bogo を使った事がない方も多いと思いますので、どんな感じか簡単に紹介します。

各ページの他の言語ページの作り方

言語スイッチャーの配置

ユーザーが表示言語を切り替えるための「言語切り替え」ブロックを配置します。

カテゴリー名などページタイトル・本文以外の要素の翻訳

カテゴリー名やタグ名などは 言語 > テキストの翻訳 画面に移動して、翻訳したい言語を選択すると、翻訳を指定する事ができます。

英語用ナビゲーションメニューの設定

英語用のページは検索で出てこない

英語用のナビゲーションメニューは少し注意が必要です。この記事執筆時点（ WordPress 6.9 と Bogo 3.9.1 ） では、英語用のナビゲーションを作成しようとして追加するページ名を入力しても候補に出てきません。

そのため、ページ名とページのURLを手動で入力して作成します。

VK Dynamic If ブロックで条件分岐して出し分ける

最初に紹介した通り、VK Dynamic If ブロックで条件を言語に設定して、それぞれのメニューまたはメニューの入ったヘッダー部分を出し分けます。

その他の注意点

SEO対策用タイトル書き換えなどのプラグインは注意

例えば プラグイン VK All in One Expantion Unit で ExUnit > 有効化設定 > タイトルタグの書き換え が有効になっていると、その処理がタイトルを上書きしてしまうので、ページによって多言語に切り替わらなくなったりします。

フィルターフックて本来の表示内容を改変したり、イレギュラーな保存値を表示させたりする場合は注意が必要です。

言語切り替え部分のデザイン調整プラグイン用意しました。

Bogo標準の場合

言語切り替え部分は Bogo の方ではほとんどスタイルが付けられていませんので、以下のようになってしまいます。

VK Bogo Language Switcher

本職のウェブ制作者の方はご自身でCSSあてていただければいいのですが、非制作者はそうもいかないし好みも分かれるかなという事で調整用プラグイン作りました（主にAIが…）。

以下のように 言語 > スタイル からいろいろ設定できるようになっています。

ダウンロードは以下のページからどうそ。

サンプルで作った多言語サイトのデータはそのままインストールできます

作り方としては記載の通りですが、実際のデモサイトは Vektor Passport のユーザーの方は VK FullSite Installer から簡単にインストール可能になっています。必要に応じてダウンロードして中身を見てみてください。

アドベントカレンダーへのご参加をお待ちしております！

ベクトルスタッフ以外のユーザーの皆様の参加大歓迎です！参加特典もあります。

みなさまのご参加を心よりお待ちしております！

この記事を書いた人

石川栄和代表取締役

名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本（共著）
・現場でかならず使われているWordPressデザインのメソッド（共著）
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー（LT）
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
他

最近の投稿

• WordPress2025年12月17日知ってました？WordPressのブロックテーマって実は多言語サイトにめちゃめちゃ相性がいいんです。
• WordPress2025年12月14日めちゃめちゃ便利だけど使ってます？ VK Blocks の便利機能紹介！ nowrap編
• WordPress2025年12月13日[ 解説動画あり ] WordPressにノーコードで絞り込み検索を設置する方法 – VK Filter Search 設定解説 –
• WordPress2025年12月12日Lightning G3 Pro 版のデモサイトが VK フルサイトインストーラー からインストール可能になりました！