【WordPress】ヘッダー(フッター)メニューで言語切り替え&国旗アイコンを表示したい【Bogo】

「Bogo」での言語切り替えをヘッダメニューにも入れようと考えた。なぜならスマホだとサイドバーは記事一覧の後になってしまうので、気づく前に去られてしまう可能性があるから。

で、カスタムメニューで「ホーム」「Home」を用意。

で、入れたはいいけど、なんかわかりづらい。国旗を表示したらいいのかな。

Font-Awesomeも国旗までは対応してないし、国旗CSSまで使うのは仰々しい。

と言うか、「Bogo」も国旗アイコンを使ってるんだからそれを使用したい。

Bogoの国旗アイコンを見ると、以下のspanタグで表示している模様。

日本(jp)
<span class="bogoflags bogoflags-jp"></span>
アメリカ(us)
<span class="bogoflags bogoflags-us"></span>

ものは試しで入れてみる。
ナビゲーションラベルにそのまま追加。

出力はこんな感じ。お~、動いた。