ここのサイトは「古典作品登場人物名鑑 別館」と銘打っているわけですが、ブログを立ち上げたことによってページが増えたので、ナビゲーション(メニュー)を表示させることにしました。ブログをつくる前はお問い合わせページだけだったので、ナビは見えないようにしていたのですね。
すると、スマホで見たときの見た目が、うーん…という感じになってしまった。ヘッダーの下にナビがきて、それが縦並びなので、とても邪魔くさい。
そもそも、「本館」である「古典作品登場人物名鑑」と分けなければ悩まなくてよいことなんだけど…一緒にしてもよかったのだけど…一応、こちらは私の中で「商用」に近い、という位置づけなので、別にしてみた次第です。
※「本館」が遊びというわけではないのですよ。
ここのサイトもHTMLとかをかじっているのをいいことに独自レイアウトで作成していますが、そいつをスマホに対応させるには…と思って、世間の詳しい方々のお知恵を借りようといろいろ調べる…でも、自分の知識では難しいものも多く(メニューをハンバーガーにする方法とか)、結局無い知恵を振り絞り、もともと左側にあったナビの位置を右に持ってきて、スマホではナビが下に来るようにして、スマホ用の背景色をつけてちょっとでも見やすいように…なんてことをして、どうにか格好がついたような気がする。「本館」のレイアウトにも近くなりますし。
独自レイアウトでナビゲーション辺りのCSSを見ると、デフォルトでdisplay:inlineになっているように思われるのだけど、横並びにならないの不思議。どういう仕組みなんだろう。スマホのときは横並びにして…とか、できたらいいのになあと思ったりもするのだけど、そこはまあ、既存のサービスを利用させてもらっていることなので、あまり贅沢は言えないか(^^;)
今の自分ができる範囲で一応なんとかできる、ということを覚えておくための備忘録として記しておきます。
2022.5.15追記
ブログを移したことで、上記の内容は現状とは合わなくなりましたが、記録として残しておきます。
