lp7-polylang-ja

ランディングページの作り方 7
– 多言語対応サイト

ランディングページの作り方 7
– 多言語対応サイト

サイトを多言語化する

Polylangで多言語化の設定

①プラグイン「Polyang」と「Connect Polylang for Elementor」をインストール、有効化します。

インストール済みプラグイン > Polyang > 設定 にアクセスします。

③「言語を追加」から英語と日本語を追加します。

④「英語」設定例

  • 言語を選択:English – en_US
  • 名称:English
  • ロケール:en_US
  • 言語コード:en
  • 順序:1

⑤「日本語」設定例

  • 言語を選択:日本語 – ja
  • 名称:日本語
  • ロケール:ja
  • 言語コード:ja
  • 順序:2

⑥URLに言語コードを使用するか確認します。

  • 言語 > 設定「URLにデフォルトの言語の言語情報を表示しない」

⑦メニューバーの右にコンテナを追加して「言語スイッチャー」を設置します。

⑧「言語スイッチャー」を以下のように設定すると、表示中のサイトの言語を国旗のみで表示するようになります。

  • コンテンツ > レイアウト:Dropdown
  • コンテンツ > 配置:中央
  • コンテンツ > 現在の言語を非表示にする:いいえ
  • コンテンツ > 翻訳がない言語を非表示にする:いいえ
  • コンテンツ > 国旗を表示にする:はい
  • コンテンツ >言語名を表示する:いい
  • Displays language codes:いいえ

⑨表示される国旗の位置とメニューラベルの上下の位置を揃えるように調整します。

  • コンテナ > 高度な設定 

プラグイン > インストール済みプラグイン > Polylang > 設定 で以下を確認します。

  • 順序:言語スイッチャーの表示順序
  • ★:デフォルト言語

⑪「固定ページを追加」すると、デフォルト言語の英語のページとして作成されます。それ以外の日本語のページも作成する場合は「+」をクリックします。

⑫追加で作成した日本語ページは設定のみ日本語のページになっています。コンテンツ自体は何も変わっていませんので、内容はGoogle Translateなどを使って翻訳を行い、自身で書き換えます。

※Polylang無償版は言語別に設定のみページのコピーを作るだけで、コンテンツを自動翻訳してくれるものではありません。

ランディングページの作り方 7
– 多言語対応サイト

関連記事