目次

とりあえずのメモ

[Cocoon] 各見出し後に「目次に戻る」リンクを追加した(functions.php)

ブログの中でもっともよくクリックされるのは、「目次」だそうです。 各セクションに Cocoonの目次に対応した「戻る」ボタンを設置しました。 参考サイトを元に、自分のブログに合うように一部修正しました。 確かに、目次からサッと読みたいところを確認できるサイトは、とても便利ですよね。 リンクを挿入するコード functions.phpに追加します。 /** 自動で目次に戻るリンクを挿入 */ add...
ニッチな話題

note風スタイル第4弾!目次のデザイン

「note風スタイル」ということで、ブログのスタイルシートを編集しています。 今回は、目次について。 主な変更点は…… 文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加 noteの目次の特徴は、「控えめ」なこと。 記事によっては目次を付けていないものも多いです。 目次(table of contents)のHTML構造 .toc.toc-title.toc-contentol.toc-l...
ホームページ運用

[CSS] 目次のデザインをすっきりさせた

style.cssに目次のデザインを追加しました。 こんなふうに変更しました。 違いがわかりますか? スタイルを変更したのは主に3箇所 目次のアイコンを追加した見出し3のフォントサイズを小さくした余白を狭くした /*目次のデザイン*/ .article .toc { border-color: #a08010 ; padding: 10px; width: 95%; } .article .toc...