上の図のようにサイドバー内に目次を表示させたいときの大まかな流れは以下の通りです。Focusに限らず多分全てのテーマで動作します。以上の3ステップでサイドバー内に目次が表示されます。次のサイトを参考にしています。git.io※ちなみに、3カラム表示を設定しているときは目次のスクロールに合わせた追尾機能が働きません・・・。以下のコードをサイドバーのHTMLモジュール内に記載します。モジュールのタイトルは「目次」とでもしておくと良いでしょう。id='stoc'></nav>すごく簡単なコードですが、これで大丈夫なのです。以下のコードをフッタHTML内に記載します。読み込み時間を考えるとフッタHTML内の最後尾に記載するとベターです。(デモサイトで使用している全コードをコピペ済みの人は2重になるので不要です。)前半部分に目次の設定項目があります。必要に応じて変更してください。ご利用上の注意3カラムデザイン設定時はJavaScript同士の相性で表示が上手くいかないことがあります。その時はサイドバー内の配置順序を変えたり前後に空のHTMLモジュールを挟むことで改善することがあります。各サイドバー内で最下段に表示させることでうまくいくこともあります。初期設定では記事一覧ページのタイトルを目次内に表示させる仕様になっています。その際は「目次」ではなく「このページ内の記事一覧」という見出しになります。2018-01-12Focusの各アセット(吹き出しとかBOXとか)を簡単に使えるコピペデータを配布しますはてなブログテーマFocusで使用している各種アセット(デザイン...2017-11-01サイドバー内のはてなモジュールをタブ化して表示する方法はてなブログにおいてサイドバー内に配置するモジュールをタブ...2017-10-31投稿記事内で表示する目次の設定方法はてなブログテーマFocusで使用している記事内目次の設定方法に...2017-10-253カラム表示に必要な設定についてFocusで3カラム表示を実現するまでの手順をご紹介します。「ワクワクこそ最強のライフハック」を合言葉にワクワクするネタ探しの日々。2018-01-12Focusの各アセット(吹き出しとかBOXとか)を簡単に使えるコピペデータを配布します2018-01-11Focusでヘッダ部分を画像と置き換える方法2017-11-22Focusで使用しているボタンとバルーンの使い方2017-11-21Focusで使用している主なカラーコード一覧2017-11-20引用などで使えるBOXデザインの使い方2017-11-02カテゴリアーカイブ(記事一覧)ページの見出し表示をCSSで変更してみました。▲はてなブログをはじめよう!ganapati55さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。