Lightning Proヘッダー上部の多言語化

WordPressの国産有料テーマLightning Proにはヘッダー上部にキャッチフレーズ、電話番号など表示する機能があります。目立つウェブページ最上部に情報を追加できるのは魅力です。多言語サイトを運営しているとして、ここに言語設定に応じた表記で社名や所在地を掲載できたらいいと思いませんか？できません。

Lightning の特徴 | Lightning

ビジネスサイトにもブログにも！





無料で使える超高機能WordPressテーマLightning は、ホームページ制作の専門の知識がなくて…

Lightning

Lghtning Proのヘッダー上部はWordPressのカスタマイズ機能を用いた実装なので、残念ながら多言語に対応していないのです。しかし、ヘッダー上部右端にはメニューを挿入することができます。この機能を使ってなんとかしてみましょう。

手順

1. まだならPolylangなど多言語化プラグインをインストールする。
2. このページの「ナビゲーションの設定」に従いヘッダー上部用のメニューを目的の言語で作成する。例えば日英2ヶ国語のサイトなら2つ作成。
3. ダッシュボードの外観＞メニューで作成したメニューを編集し、カスタムリンクを追加する。URLにダミーのリンク、リンク文字列に表示したい内容を登録する。社名、所在地の2項目を載せるならカスタムリンクを2つ使う。
4. メニュー構造のウィンドーでダミーのURLを削除する。CSS classを設定すれば文字の修飾が可能。
5. 言語スイッチャーもメニューに登録。
6. 他の言語でも3-5を繰り返す。
7. 出来上がり。

メニューとして挿入することで、多言語に対応した社名や住所をヘッダー上部に表示することができました。カスタムリンクの機能を目的外に利用しているので、無効な<a></a>タグが文字列を囲ってしまいます。SEOへの影響が若干気になるところではありますが、少なくとも見た目は上手くできました。