読者です 読者をやめる 読者になる 読者になる

(ホ)ライムライン

読者に役立ちそうな攻略記事の作成と管理人の移り変わるマイブームを補完的アーカイブ

はてなブログ記事内にあるリンクを別ウィンドウ(target=_blank)表示に設定する方法

カスタマイズ カスタマイズ-はてなブログ

f:id:vv1227:20150909172018j:plain


はてなブログでは、リンクをクリックすると現在のウィンドウを使ってリンク先が開きます。

「記事内でリンク紹介をしたものの、そのまま自分のブログからユーザーが離れてしまう」なんてことは防ぎたいですよね。
そこで簡単な設定でリンクを別ウィンドウで表示させる方法がありましたので紹介します。


まず、ブログ管理メニューから「設定 > 詳細設定」へと移動します。

f:id:vv1227:20150909173328p:plain


ページの下の方にある「headに要素を追加」へ移動します。

f:id:vv1227:20150909173624p:plain



ここに

<base target="_blank">


と記述します。



f:id:vv1227:20150909174249p:plain


変更を保存して完了です。
これでサイト内リンクは新しいウィンドウで表示されます。


ただ、この方法だとリンクをクリックする度にウィンドウが増殖してしまいます。

これが嫌な場合は、なんでもいいので"_blank"の代わりに任意の名前を記述して、新規に開くターゲットウインドウを1つだけに留めると良いです。

<base target="new">


こちらを代わりに追加することで、一度開いた別ウィンドウへ新たに踏んだリンクが表示されます。
(「new」としましたが、名前は何でもOK。)


以上で設定終了です。お疲れ様でした。

広告を非表示にする