【Cocoon】本文ページ内ラベルへの移動方法

移動例:本文の[*1]、[*2]をクリックするとラベルの*1、*2へ移動する

本文

 吾輩は猫である。名前はまだ無い。
 どこで生れたかとんと見当[*1]がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪[*2]な種族であったそうだ。

投稿作成時のテキスト(HTML)に記述
<sup><small><a href="#asterisk1">[*1]</a></small></sup>
<sup><small><a href="#asterisk2">[*2]</a></small></sup>

ラベル

*1:けんとう。めあて

投稿作成時のテキスト(HTML)に記述
<a name="asterisk1" class="anchor"></a>*1:けんとう。めあて

*2:どうあく。性質が凶悪で強いこと

投稿作成時のテキスト(HTML)に記述
<a name="asterisk2" class="anchor"></a>*2:どうあく。性質が凶悪で強いこと

ページ内リンク位置の変更

Cocoon Child: スタイルシート (style.css) に追加
a.anchor{
    display: block;
    padding-top: 0.6em;
    margin-top: -0.6em;
}

タイトルとURLをコピーしました