はてなブログにブログを開設してまもないのですが、今まで使っていたブログとは違う点がいろいろと見えてきました。 その一つが「リンクを別ウィンドウで開く」ための設定。 はてなブログにはその設定がないみたいです。
普段、あちこちのサイトを見る場合、わたしは別ウィンドウで開いて見ています。 また、別ウィンドウリンクでない場合、ブログの離脱率が上がってしまうという意見もあります。
どちらにしろ、別ウィンドウで開く習慣のある自分としては、やっぱり別ウィンドウで開くように設定したくなりました。
参考にさせて頂いたサイト
別ウィンドウで開く設定方法は幾つかあるようです。
www.oki-ana.comwww.inside-shiina.com www.tssb26.com
やったこと
上記のサイトさんで説明されている方法を試してみたのですが、うまく機能しなかったり、全てのリンクが別ウィンドウで開いてしまったりしました。 全てのリンクが別ウィンドウで開くということは、例えば「続きを読む」とかサイドバーにある記事リンクなども含まれてしまい、別ウィンドウがどんどん増えてしまいます。
ということで、結果的に炭酸せんべいさんのコードを使う方法に落ち着きました。
下記コードを「ダッシュボード」の「デザイン」→「カスタマイズ（スパナマーク）」→「ヘッダ」の「タイトル下」に貼り付けます。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script language="JavaScript">
$(document).ready( function () {
$("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>
これで、記事内のリンクやサイドバーに貼ってあるリンク（自分の記事以外）も別ウィンドウで開くことができるようになりました。
