自動リンクブログパーツ

リンク作るのが面倒なので作ってみました。アイテム名がわかれば勝手にリンクするよ!!

使い方

サイトやブログ内のてきとうなところに、以下のタグを仕込みます。

<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を解釈出来ないブラウザでは動きません。

自動ではなく、がっちりリンクしたい方はこちらをどうぞ。