BOOKS:LIMELIGHT

読んだ本を、感想とともに紹介していきます。

ヘッダー下のカテゴリー階層化に成功!機能面の目標達成。(ブログカスタマイズに挑む・完)

去る3月下旬、ブログカスタマイズをするんだ!と目標を掲げました。具体的にはヘッダーの下に、階層があるカテゴリーをつくるというもの。

books-limelight.com

月末に締め切りを設けたはずが、やってしまった…もう4月だ。ソシャゲのエイプリルフールイベントで気がつく。

高らかに宣言した時に限ってこういうことをしてしまう。すみません、わたしは割とこういうやつなんです。それでは面の皮を厚くして、成果発表していきます。

なんとかできた。機能面の目標達成!

今回やりたかったヘッダー下のカテゴリー分けですが、これは「グローバルナビゲーション(またはグローバルメニュー)というそうです。

できたー!ちゃんと階層化されてる!

以下、やってみた手順。

  1. ネットで調べる(やさしい人がhtmlとcssの記述をネットにたくさん載せている)
  2. よさそうなグローナビゲーションの記述をコピー
  3. ブログのデザイン部分→トップ下のhtmlとcssにペーストする

どのサイトを参考にしたか書き残しておきたかったんだけど、調べすぎてもうどれだったか思い出せない。

→と思ったらありました!こちらの効率さん (id:kurakosan)の記事です。求めていたシンプルさで、本当に助かりました。ありがとうございました!

kurashisan.hatenablog.jp

やっとやりたいことができました、機能面の目標達成です!これで記事が随分と探しやすくなりました。まだ全部終わってないので、ちまちまと整理していこうと思います。

はてなのブログテーマを変えた

上記の方法でうまくいかない部分があり、ブログテーマを変えました。
以前が「Neutral」、新しいのが「UnderShirt」です。
本当は前のものを引き続き使いたかったんだけど、これでやると↓のようにトップとグローバルナビゲーションの間に妙な隙間ができてしまう。

結構色々やったんだけどな~ダメだった

打ち消すcssを書いてみても変わらず…断念しました。他のテーマを試してみたところ、たまたまこのテーマのすき間が狭めだったのでこれにした感じです。

  • テーマストアにもやもやもや

なんか…はてなのテーマストアって基本的にすごく古いものなのですね???
人気のテーマでも最終更新が6〜7年前とか(2024年現在)で、全然メンテとかはしてない感じなのかな…と寂しい気持ちになりました。

でも全部割とシンプルな感じだし、そういうのは不要なのかなあ?これから少しでも盛り上がりますようにと願います。

参考になった本は意外にも

なかったです。ネット記事が一番でした。

色々読み散らかしたけど、はてな民にとっては「はてな用のカスタマイズ」が知りたいわけです。いろんな人が個人ブログではてなのカスタマイズ記事をあげてくれてて、とても助かりました。HTMLとかCSSの本も手にかけましたが…原理を丁寧に説明してくれるもので、ためになるけど手が動かなくなりそうなのでやめました。

わたしの場合は、とりあえずやってみて、後から振り返りで本を読む方が良いみたいです。大まかにはできたので、これからこの「CSS設計の教科書」を読んでみる。前よりは分かってるといいな…!

ブログレイアウトで「やりたい」が出てきた喜び

以前ワードプレスでブログを運営しようとして挫折した経験があります。挫折理由の二位がこのブログレイアウトです。(一位が自意識過剰、三位がプラグイン
その時は自分がどんなサイトを作っていきたいのかイメージが固まっておらず、迷走しまくってました。

このブログをやってたら書くのは自然とできるようになり、そして今回、全体的なデザインはさておき機能的には随分見やすくなりました。すごい達成感です。そしてなにより、こういうことがしたいという気持ちが湧いたことが一番嬉しかったりします。

なんでもかんでもやりたいけど、ものごとには順番があるのだな。当たり前のことが体験を通して腹落ちしました。

ブログで自分の総合プロデュース力を鍛えてる気分

このブログもそろそろ2年目に入るので、心新たにいろんな準備をしています。やってて思うのが、ブログは発信に関する総合力が鍛えられるなぁ〜ということ。

自分の思いを、相手にどのように伝えるか?別にYouTuberとかインスタグラマーじゃなくても、対人関係において大事な能力の一つだと思います。

ブログなんで文章はもちろんですが、ヘッダー画像やブログのレイアウトでも伝わるイメージがあります。ブログで自分の総合プロデュース力を高めてる…そんな風に考えたらもうちょいやってみるかと思えてきます。

とはいえ、まぁ今回グローバルナビゲーションがついて、回遊性が格段に上がりました!今回はこれでよしとしようと思います。お疲れさまでした!

books-limelight.com

おまけ①
わたしのブログ閲覧者は8割がスマホユーザー。今日のカスタマイズはPCだけなんで、目に見えて何かが変わるということはないでしょう。このブログを一番読んでいるわたしが一番助かる結果となったのだった。

おまけ②ー実は締め切り守らなくてすごく落ち込んでいるやつ。もう締め切りとかいうのやめようかな。。でも言わないとやらないんだよなあ。

books-limelight.com