自動リンクブログパーツ
リンク作るのが面倒なので作ってみました。アイテム名がわかれば勝手にリンクするよ!!
使い方
サイトやブログ内のてきとうなところに、以下のタグを仕込みます。
<script src="http://test.rotools.mukya.net/js/romalink.js"></script>
自動でリンクして欲しいアイテム名や文字列を指定します。
リンクしたいアイテム名と表示したいアイテム名が同じ場合
<span class="romaLinkWord">ポポリン帽</span>
ポポリン帽
みたいに表示されます。
リンクしたいアイテム名と表示したい内容が違う場合
<span class="romaLinkWord" data-word="ポポリン帽">ポポリンになるにはこれ!</span>
ポポリンになるにはこれ!
みたいに表示されます。
リファレンス
スクリプトをよしなに読み込みます。
class に romaLinkWord を指定します。
リンクしたいアイテム名を data-word 属性に指定します。
そうすると、要素含まれる内容をリンクにします。
data-word 属性と、要素に含まれる内容が同じ場合は、data-word 属性を省略できます。
注意
HTML5を解釈出来ないブラウザでは動きません。
自動ではなく、がっちりリンクしたい方はこちらをどうぞ。