https://www.bambi.pro/entry/CSS-in-body
http://www.ptpclatter.click/entry/hatena-blog-mokuji-css
上記2サイトでは、特定のブログ記事の編集画面にCSSを追記することで、そのブログ記事にだけ効果を適用させることができると書かれています。
説明に従い、適用させたい記事のHTML編集画面で<style>~</style>で囲んだCSSを記入したのですが、ブログ内のすべての記事にCSSが反映されてしまいました。記事の先頭と末尾、どちらも試してみましたが結果は一緒でした。
やはり個別記事のIDを指定しないと、特定の記事だけに適用させることはできないのでしょうか。しかし先のサイトでは成功しているようなので不思議です。
個別記事のIDは記事を公開してからしか取得しようがないと思いますので、その方法はできるだけ避けたいです。下書きの段階でその記事だけにCSSを適用させる良い方法を探しています。
よろしくお願いいたします。
1つのページに複数の記事を表示する設定になっていると、同時に表示されるほかの記事にもCSSが反映されてしまうと思います。
はてなブログの詳細設定で「トップページの記事数」を1に設定すれば、1つのページに1つの記事しか表示されなくなり、問題が解決するような気がします。
ご回答ありがとうございます。トップページの記事数を1にしたところ、おっしゃるように追記した記事にだけCSSが反映されました!また、「ブログURL/archive」で記事を一覧表示をさせた際も、CSSを追記した記事の個別記事ページのみ装飾が反映されていました。できればトップページに複数の記事を表示させるのが理想的なのですが、ひとまず全記事に反映されるのを回避する仕組みがわかって大変助かりました。またいろいろ考えてみたいと思います。ありがとうございました。
2019/07/25 13:11:39