シリウスで同一ページ内へジャンプさせる最もかんたんな方法
SIRIUS(シリウス)でかんたんなページを作るときに
目次を作って見出しにかんたんにジャンプさせる方法があります。
1.目次のテキストを以下のコードで囲みます。
<a href="#p1">テキスト</a>
#p1は任意で変えていきましょう。
同一名は使えないので
以下の目次は
#p2
#p3
・
・
と変えています。
2.飛ばし先見出し(h3)を以下のコードで囲みます。
<h3 id="出発点と同じ英数字">見出しテキスト</h3>
ではこのページで使ったコードを紹介します。
目次
↓
<strong>--目次--</strong>
<div class="graybg">
<a href="#p1">テスト1</a>
<a href="#p2">テスト2</a>
<a href="#p3">テスト3</a>
<a href="#p4">テスト4(記事2)</a>
<a href="#p5">テスト5(記事3)</a>
</div>
各見出しのコードです。
↓
<h3 id="p1">テスト1</h3>
テスト1
テスト1
テスト1
テスト1
<h3 id="p2">テスト2</h3>
テスト2
テスト2
テスト2
テスト2
あとはこれの繰り返しです。
以下はサンプルです。
テスト1.2.3は記事1に書いており
テスト4.5は記事2、記事3に書いています。
--目次--
テスト1
テスト1
テスト1
テスト1
テスト1
*ある程度のスペースが必要です
テスト2
テスト2
テスト2
テスト2
テスト2
*ある程度のスペースが必要です
テスト3
テスト3
テスト3
テスト3
テスト3
*ある程度のスペースが必要です
テスト4(記事2)
テスト4
テスト4
テスト4
テスト4
*ある程度のスペースが必要です
テスト5(記事3)
テスト5
テスト5
テスト5
テスト5
*ある程度のスペースが必要です
この方法ならアフィリページやペラページをたくさん作れますね。
そして反応のあるページはあとで作り込みましょう。
以下の集客ツール(無料)を使って
どんどん作ったページを拡散しましょう!