[はてなブログ] コンテンツエリアだけリンクを別ウィンドウ表示

いちいち「html編集」モードでAタグに target="_blank" を挿入するのは大変です。でも、外部ドメインへのリンクは別ウィンドウにしたいですよね。そんなときは、

設定 > 詳細設定 > 検索エンジン最適化 > "headに要素を追加"

入力箇所はここです↓

に以下を設定してみましょう。

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script>
jQuery(document).ready(function(){
    $(".entry-content").find("a").attr("target", "_blank");
});
</script>

これでentry-contentクラスの配下のリンクは全て別ウィンドウに遷移するはずです。
お試しあれ。

この方法の他に、

<base target="_blank">

と設定してbaseを変更する方法もありますが、これだとメインタイトルをクリックしても、関連記事のリンクをクリックしてもどんどんWindowが量産されてしまうので、ちょっとユーザビリティ的によくないですね。