昨日（2025年8月2日）、はてなブログにおけるページの自由なカスタマイズについて書きました。その内容は、だいたい次のようなものです。
- はてなブログでは他にはないオリジナルのページを作ることができる
- ページのカスタマイズにはデザインCSSを利用する
- デザインCSSにコードを追記することでカスタマイズを行う
- うまくいかなかったときはその追記部分を削除できる
以上によって、あまり抵抗感なく、カスタマイズ作業に着手できます。失敗すれば、いくらでもやり直しがきくからです。ですから、作業の敷居は低いと言えます。
ただ、「デザインCSSにコードを書き足す。」と言うけれども、そのデザインCSSというのがどこにあるのか、どういう操作をすれば開くことができるのか、最初は分からないと思います。ネット上にも、デザインCSSでページのカスタマイズができるなどと、盛んに書かれていますが、そのデザインCSSを開く方法は、最初は私も分かりませんでした。
そのデザインCSSですが、次の場所にあります。
- はてなブログのダッシュボードページを開く
- ［デザイン］アイコンをクリック
- ３つ並んでいるタブの真ん中（スパナアイコン）をクリック
- 縦方向に並んでいるメニュー中最下部［高度な設定］ー［｛｝デザインCSS］をクリック
この順に沿っていけば、「CSSを記述できます。詳しくはこちら」という説明文の書かれたエディタが開きます。これが、デザインCSSです。
エディタには、すでにCSSコードが記述されています。その既存のコードには手を触れず、その最後尾の次の行から追記していくことになります。
ページのカスタマイズには、どのようなコードを記述すればよいか、こればっかりは、各自が学んでいくしかないようです。私も、無理のない範囲で、必要に応じて学んでいくことにします。
それではまた次の記事で。
goosyun
