長文になる時等はツールバーの[目次](右図)を使って目次を作成しているが、ある時、無視されていることがあった。
どうもスクロールして探す方が(慣れていて)いいようだった...
そういう背景もあり、目次をカスタマイズしてみた。
🌐はてなブログ【目次カスタマイズ】コピペで使えるデザイン集|フジブロっ! 2020-05-03
ということで、上記サイトの- ルーズリーフ風の目次の[このコードをコピーする]をクリック
- 管理メニューの[デザイン]⇒[カスタマイズ]⇒[デザインCSS]をクリック
- 枠内にコードを(追加)貼り付けた。
- [変更を保存する]
確認のため、2021-07-16の まりふのひとのブログ「Excelリボン/ユーザー設定のコマンド用マクロをドライブC直下に置き、パスワード保護共有を試行]」を見たら‥‥
目次のデザインが変わっていたぁ~~~
🌐【はてなブログ】上に戻るよりも<目次に戻るボタン>を設置しよう!|るいのブログ 2020-12-22
前述のまりふのひとのブログには が所々に出てくるが、これは全くの手作り。るいのブログ さんが言う <目次に戻るボタン> とは左下に常時表示されており、何時でも目次に戻れるという優れもの。
コピペで出来るようなのでやってみた。
- デザインCSSにCSSを書き込む
- 「記事下」にhtmlを書き込む
- 各記事にリンクを貼る(編集モード:はてな記法の例)
- 目次を作ってある[記事を編集]する。
- "[:contents]" の真上に
<a name="link"></a>
を入れる。- アッ! これは自分で「▲目次へ」を作る場合と同じなので、苦にはならない...
- アイコンの三本線が表示されなかったので‥‥
- ダッシュボード ⇒ 設定 を開き、
- [詳細設定]をクリックする。
- 「headに要素を追加」までスクロールし、
- 枠内に
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
を入れた。 - 最後までスクロールし、[変更する]をクリックして、
- 閉じた。