はてなブログを活用する - 1 - ページ内リンクをしたい
はじめに
このエントリーのシリーズは、はてなブログを利用するにあたって、疑問に思ったことや、編集手段などを掲載していきたいと思います。
本ブログはSkyrimのMod開発を中心としたものですが、ブログそのものもより見やすくわかりやすくするために、学ぶことも多いため、日々の気付きをまとめていきます。
ページ内リンクをしたくなった
はてなブログにてページ内リンクをしたくなったのですが、編集中のツールバーなりにそれらしいものが見当たりません。
はてなブログは始めたばかりのため、ここでのMarkdownなりがよくわかりません。
とりあえず、ページ内リンクの方法を検索したところ次が見つかりました。
目次が自動で出来るので便利ですが、部分的に欲しいです。
再度検索すると次のような記事がありました。
ざっくりと読むと次の記述がありました。
<a href="#a">「飛びたい場所」へ</a><a name="a">飛びたい場所</a>
http://www.endoo.site/entry/hatenablog-jump
HTMLで直接記載すれば、それはそれでできるのはわかります。今は実現できればいいので、これでいきます。
実際のページ内リンクの方法
ようはHTMLの直接編集です。
今回のサンプルは以下のエントリーでのページ内リンクを作成したときのものです。
大見出し内に箇条書きを作成し、その箇条書きについての詳細な説明を中見出しにして説明を記載したので、箇条書きから中見出しへとリンクするのが目的です。
HTML編集で次のようになっている部分があります。
<ul> <li>3つ目の錬金素材の絞込み</li> <li>錬金素材以外での素材での錬金</li> <li>コンテナ内にある素材を直接使用する</li> <li>NPCから錬金アイテムの作成を依頼されるようにする</li> <li>新たな効果の作成</li> <li>錬金素材の効果とは別の特性や効能を追加する</li> <li>錬金素材採取時にランダムな特性や効能を付加する</li> <li>錬金素材の効果をランダムに書き換えるジェネレーターを用意する</li> <li>他のModとの競合を避けるために、他のModを含めたすべての錬金素材をマージできるようにする</li> <li>おまかせ錬金鍋で自動で錬金する</li> </ul>
これを次のように買い換えます。
<ul> <li><a href="#1">3つ目の錬金素材の絞込み</a></li> <li><a href="#2">錬金素材以外での素材での錬金</a></li> <li><a href="#3">コンテナ内にある素材を直接使用する</a></li> <li><a href="#4">NPCから錬金アイテムの作成を依頼されるようにする</a></li> <li><a href="#5">新たな効果の作成</a></li> <li><a href="#6">錬金素材の効果とは別の特性や効能を追加する</a></li> <li><a href="#7">錬金素材採取時にランダムな特性や効能を付加する</a></li> <li><a href="#8">錬金素材の効果をランダムに書き換えるジェネレーターを用意する</a></li> <li><a href="#9">他のModとの競合を避けるために、他のModを含めたすべての錬金素材をマージできるようにする</a></li> <li><a href="#10">おまかせ錬金鍋で自動で錬金する</a></li> </ul>
リンク先の中見出しは次のようにします。
<h4>3つ目の錬金素材の絞込み</h4>
から
<h4><a name="1" />3つ目の錬金素材の絞込み</h4>
以上でページ内リンクができるようになりました。HTMLを直接編集しているので出来て当然ですね。
見たまま編集でもっと楽な方法があればいいのですが、今はこれで進めて行きます。
次回