こんにちは！
のんたんです。
目次と記事内リンクいうのは
こういうふうに章ごとに分かれていて
↓
クリックすると該当の箇所に飛ぶ！
というものです。
私のブログでは
この記事で使っています！
Piascoreで楽譜を買って、スマホ＆タブレットで見てみよう〜！
Googleで
「アメブロ 記事内リンク」などで
検索してみたのですが
出てきた記事の内容を試してもうまくいかず（＞＜）
なので
今回は私がどうやってやったかを書いてみます！
使うのはコレ！
【要保存】
↓
<a href="#"></a>
<div id=""></div>
通常表示ではなくHTML表示を使いますよ〜！！
（Before）
（After）
こっちにしてね！
せっかくなので笑
①タイトルを囲む
目次のタイトルを
<a href="#"></a>
で囲みます。
(Before)
①記事内リンク
(After)
<a href="#">記事内リンク</a>
この記事の目次だと
こんなかんじになってますよ〜
↓
②#の後に好きな数字・アルファベットを入れる
#のあとに好きな数字やアルファベットを入れて下さい。
<a href="#1">記事内リンク</a>
例えば「1」と入れてみました。
③ジャンプ先の少し手前にタグを入れる
ジャンプさせたい箇所の
少し手前に
これを入れます。
↓
<div id=""></div>
④先ほど決めた、数字かアルファベットを入れる
<div id=""></div>
""の間に先ほど決めた、数字かアルファベットを入れる
<div id="1"></div>
⑤改行タグで調整
改行タグ
↓
<p> </p>
これを使って
好きな位置にジャンプできるように調整します。
こんなかんじで…
<div id="1"></div>
の後に4つくらい
<p> </p>
を使うといいかも…。
まとめ
というわけで
これを使えば記事内リンクができることが
分かりました〜！
<a href="#"></a>
<div id=""></div>
もしよければやってみてください。
アメブロでそこまでやる人はいないのかもしれませんが…。
私だってやりたくなかったのに
おいちゃん（夫）が分かりづらいから
やれって言うからさ〜〜〜〜。ぶーぶー
でもやってみたら意外に簡単でした！
1回覚えちゃうとスムーズにできますよ〜！
毎日読みたいブログを作ろう！関連記事
おしゃれ和音でかっこよく弾ける楽譜やLINEスタンプ
SNSフォロー大歓迎！😍こちらでもつながれたら嬉しいです
↓
