アメブロコメント欄に書かれたURLを自動的にリンクにする方法
※CSS編集用デザイン
![アメブロコメント欄](https://farm9.staticflickr.com/8782/17053145721_07d324ffec_o.png)
タンメンの好きなワンタンです。こんにちワ^^;
アメブロは、記事欄には勿論リンクを貼ることが出来ます。そしてメーセージにはURLを記述すると、それがリンクになります。
ただ残念な事にコメント欄ではそれが出来ません。
今回、コメント欄に書かれたURLをリンクにする方法を御案内します。
コメント欄に書かれたURLを自動的にリンクにする方法
このカスタマイズ、フリープラグインを使います。
※jQueryを使えるようにしておいて下さい。⇒フリープラグインを利用してアメブロをカスタマイズする方法|アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん
![](https://farm4.staticflickr.com/3668/13315172213_2e75f734d7_o.gif)
以下のコードをフリープラグインに記述して下さい。
<!--コメント欄URLをリンクにする-->
<script>
$(function(){
$('div.commentBody, p.comment_body').each(function(i, e){
$(e).html($(e).html().replace(/(http:\/\/ameblo\.jp\/アメーバID\/[\w\/\.\-#\?=]*)/g, '$1'));
});
});
</script>
<script>
$(function(){
$('div.commentBody, p.comment_body').each(function(i, e){
$(e).html($(e).html().replace(/(http:\/\/ameblo\.jp\/アメーバID\/[\w\/\.\-#\?=]*)/g, '$1'));
});
});
</script>
赤文字のアメーバIDの部分に、ご自身のアメーバIDを差し換えて記述してください。
※アメーバIDにハイフン「-」が含まれている場合:ハイフンの部分を「\-」と書いて下さい。
例えば、アメーバIDが「wantan-52」なら、上記コードの赤文字のアメーバIDの部分には「wantan\-52」と書いて下さい。
これで、 御自身のブログ内であれば、そのURLをコメント欄に記述すると自動的にリンクにする事が出来ると思います。
参考にして下さいね・・('-^*)/
ワンら、ニャンコを舐めたらあかんぜよ!!