FC2ブログでのコメント欄URLを別窓で開くカスタマイズ
ページ概要
【備忘録】・FC2のコメント欄URL別窓表示カスタマイズ
FC2ブログを使っていて、こりゃ、マズイなぁ・・と思ったのが、
頂戴したコメントのリンクです。
もちろん、ブログにコメントをいただくのは大変嬉しいことです。
しかし、せっかく頂いたコメントやトラックバックですが、
その方のURLは、デフォルトでは同じウィンドウで開いてしまいます。
これを別窓で開くようにする方法です。
■FC2ブログのコメント欄のURLを別窓で開く修正方法
手順を箇条書きにしてみます。
- FC2ブログの管理画面を開きます。
- 左サイドバーから、「環境設定」→「テンプレートの設定」を開きます
- テンプレート設定、HTML編集を開きます。
- 自分が使っているテンプレートの「HTML/CSS」の「編集」をクリックして
- HTMLを表示させます。
- HTMLの中の文字列から、<!–comment–> というタグを探してください。
- 探しにくい時は キーボードの「Ctrl」+「F」を押してみてください。
- 検索窓が開きます。そこにを入れてみてください。
- <!–comment–>が見つかったら、その少し下の方に、
- <%comment_url+str>というタグがあります。
- 以下、私のブログで説明します。テンプレートによって、若干違いがあるかもしれませんが
基本は同じですので、参考にしてください。
以下のソースの部分を見つけてください。<!--comment--></span> <h3 id="comment<%comment_no>" class="sub_title"><%comment_title></h3> <div class="sub_body"><%comment_body></div> <ul class="sub_footer"> <li><%comment_year>-<%comment_month>-<%comment_day> | </li> <li><%comment_mail+name></li> <li><span style="color: #dc143c;"><%comment_url+str></span> | </li> <li><a href="<%comment_edit_link>" title="コメントの編集">edit</a> | </li> <li><a href="#container" title="このページのトップへ">▲</a></li> </ul> <!--/comment-->
私のブログソースは上記ようなテンプレートでした。
この中、<%comment_url+str>の部分を見つけます。
そのタグを、以下のソースに差し替えます。
置換すると早いです。<script type="text/javascript"> </span> <span style="color: #800080;">a="<%comment_url>"; </span> <span style="color: #800080;">if (a!="") document.write('<a href="'+a+'" target="_blank">URL</a>') </span> <span style="color: #800080;"></script> </span> <span style="color: #800080;"><noscript> </span> <span style="color: #800080;"><a href="<%comment_url>" target="_blank">URL</a> </span> <span style="color: #800080;"></noscript>結果、このようなソースになります。
↓ ↓ ↓<!--comment--> <h3 id="comment<%comment_no>" class="sub_title"><%comment_title></h3> <div class="sub_body"><%comment_body></div> <ul class="sub_footer"> <li><%comment_year>-<%comment_month>-<%comment_day> | </li> <li><%comment_mail+name></li> <span style="color: #dc143c;"><li><script type="text/javascript"> </span> <span style="color: #dc143c;">a="<%comment_url>"; </span> <span style="color: #dc143c;">if (a!="") document.write('<a href="'+a+'" target="_blank">URL</a>') </span> <span style="color: #dc143c;"></script> </span> <span style="color: #dc143c;"><noscript> </span> <span style="color: #dc143c;"><a href="<%comment_url>" target="_blank">URL</a> </span> <span style="color: #dc143c;"></noscript></li></span> <li><a href="<%comment_edit_link>" title="コメントの編集">edit</a> | </li> <li><a href="#container" title="このページのトップへ">▲</a></li> </ul> <!--/comment-->
以上で、FC2ブログでのコメント欄に書き込んでくれた人のサイトURLは別窓で開くようになります。
FC2ユーザーの方は、導入してみてください。