「Bogo」での言語切り替えをヘッダメニューにも入れようと考えた。なぜならスマホだとサイドバーは記事一覧の後になってしまうので、気づく前に去られてしまう可能性があるから。
で、カスタムメニューで「ホーム」「Home」を用意。
で、入れたはいいけど、なんかわかりづらい。国旗を表示したらいいのかな。
Font-Awesomeも国旗までは対応してないし、国旗CSSまで使うのは仰々しい。
と言うか、「Bogo」も国旗アイコンを使ってるんだからそれを使用したい。
Bogoの国旗アイコンを見ると、以下のspanタグで表示している模様。
日本(jp)
<span class="bogoflags bogoflags-jp"></span>
アメリカ(us)
<span class="bogoflags bogoflags-us"></span>
ものは試しで入れてみる。
ナビゲーションラベルにそのまま追加。
出力はこんな感じ。お~、動いた。