8
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Qiita風の目次が便利なのでワードプレスで使わせてクレメンス

Last updated at Posted at 2018-04-23

めっちゃ便利

PCでQiitaの記事を読むときに右側に出るメニュー、めっちゃ便利だと思います。
記事内での現在位置が分かるので、見通しが良くなります。
特に長い記事を読むときに効果抜群ですね。

qiita_menu.PNG
Markdown記法 チートシート

古いバージョンでは今のような形ではなかったみたいですが、2017年末から変わったのでしょうか?

参考:Qiita の新記事ページのレイアウト実装

私も最近立ち上げたワードプレスブログで長い記事を投稿しているので、このような便利な見出しが欲しくなりました。

指針

既に利用中のワードプレステーマの機能で、目次機能とサイドウィジェットの追従領域が用意されています。

使用テーマはSimplicity後継のCocoonです。
他のテーマでは目次を出してくれるプラグイン:Table of Contents Plusなども利用できそうです。

あとは以下の記事を参考にしながら、ページスクロールのたびに現在位置を取得して目次の項目をハイライトすれば実装できそうです。

シングルページでナビゲーションをカレント表示するjQuery

教えてクレメンス

Qiita風の目次を使いたいのはこういう記事です。

クレメンス8世「コーヒーをクレメンス」…41人の偉大なクレメンスに「クレメンス」と言わせてみる | すごい人まとめ

ひたすらに長くなるので、ユーザビリティがピンチ。

Javascriptやワードプレスで使えるプラグインがあったら教えてクレメンス。

8
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?