ブログ記事内にジャンプするページ内リンクを貼る設定方法！

こんにちは、パワフル母ちゃんみゆきです＾＾

ながーーーーーい記事を読むのって大変ですよね。。

その内容全てが自分の欲しい情報の時はいいけど、残念ながらそんな時って少なくないですか？

自分が長い文章を書く時に思うんです。

この部分はいらないな～って人いるだろうな…って。

最近のブログでは目次が普通に存在しますが目次ってタグを設定していないと表示されないでしょ？

タグを設定するまでではないけど、この後を違う所にジャンプさせたい！！

って時がよくあるので、同じような事を考えている人の為にジャンプの方法を解説します！

ブログ記事内にジャンプするページ内リンクを貼る設定方法

やり方はとても簡単です。

リンクの出発点の設定

<code><span style="color: #ff0000;"><a</span><span style="color: #00ccff;"> href="<span style="color: #008000;">#任意の英数字</span>"</span><span style="color: #ff0000;">></span>○○○</code>○○○までジャンプ！<span style="color: #ff0000;"></a></span>

リンクの到達点の設定

<code><span style="color: #ff0000;"><a</span> <span style="color: #00ccff;">name="<span style="color: #008000;">任意の英数字</span>"</span><span style="color: #ff0000;">></span>○○○○○○<span style="color: #ff0000;"></a></span></code>

任意の英数字はなんでも構いませんが私はいつも次のように設定しています。

<span style="color: #ff0000;"><a</span> <span style="color: #00ccff;">href="<span style="color: #008000;">#abc</span>"</span><span style="color: #ff0000;">></span>○○○○○○までジャンプ！<span style="color: #ff0000;"></a></span>

<span style="color: #ff0000;"><a</span> <span style="color: #00ccff;">name="<span style="color: #008000;">abc</span>"</span><span style="color: #ff0000;">></span>○○○○○○<span style="color: #ff0000;"></a></span>

任意の英数字はなんでもいいと言いましたが注意事項もあります。

・任意の英数字【abc】は一つの記事内で一箇所にしか使えない。
（ページ内リンクを二箇所以上設置したい場合は、英数字を【abc】と【abk】など変えなければないけません。）

・任意の英数字はアルファベットから始めなければいけない。

・使用できる文字は半角英数字とハイフン（-）にする。コロンなども使用できるが、なるべく使わない。

・大文字と小文字の区別があるので間違わないようにする。

私はHTMLにも全く詳しくありませんが、この通りやるだけでページ内リンクを設定する事ができました！

書かれている通りにやってみて下さい＾＾

ちなみにどんな風にジャンプできるのか見たい人はこちらの記事でジャンプする設定を入れていますので見てみて下さいね＾＾↓

初心者が始めるのに最適なネットビジネスは？

お問い合わせ
質問や感想はこちらからお願いします！