table of contents plusのジャンプ先の位置がずれるため、アンカーの調整をしました。

シェアする

wordpress001

小ネタです。table of contents plusのジャンプ先の位置がずれるため、アンカーの調整をしました。

WordPress › Table of Contents Plus « WordPress Plugins

スポンサーリンク

table of contents plusのアンカーを綺麗にあわせる方法

ジャンプすると、見出しの下にあわさります。 見出しのマージンなども見出しにより、違うため調整が必要ということですね。

初期値の30はWordpressのツールバーの高さのようです。

「Enable smooth scroll effect」をチェックしていると 上級者設定の方に「Smooth scroll top offset」という項目が追加されます。 オフセットが調整できるわけですね。^^

面倒くさいので、基本的に英語で使っているのですが、日本語化した場合

「スムーススクロール」をチェックしていると、 上級者向けの「スムーススクロール先の余白」が追加されています。

移動中にユーザーがマウスをまわす可能性もあるため、多少ゆとりを持って設定した方がいいかもしれません。

あとキャッシュ系のプラグインを利用していたらキャッシュをクリアすること。

スポンサーリンク

電子書籍のおすすめ比較

table of contents plusの行間

ついでにtable of contentsの行間も調整すると綺麗に見えます。 設定にはないため、cssに追加ですね。

/* table of contents plusの行間 */
#toc_container li {line-height: 1.8;}

このプラグインは設計が美しく、ほんとすごーくよくできていると思います。^^

スポンサーリンク

シェアする

フォローする