サイドバーの「関連記事」モジュールで別タブでリンクを開かせる方法




はてなブログの、サイドバーのモジュールには「関連記事」というコンテンツがありますが、
こちらのコンテンツにより生成されたリンクをクリックすると別タブではなく同一タブで開いてしまいます。

f:id:monopatch:20180716234003p:plain

かといって、設定に「別タブで開かせる」といった類の項目はなかったので
「高度なカスタマイズを使う」
を選択して実際に書いてしまうことにしました。

こんな感じで書いたら大丈夫です

実現させるには target="blank" をimgタグとaタグに貼り付けるだけなので下記のようになります。
class-nameはdeveloer consoleで適当に引っ張ってきたのをそのまま使っているだけです。

<div class="urllist-item-inner related-entries-item-inner">
<a class="urllist-image-link related-entries-image-link" href="{Permalink}" target="blank">
<img alt="{Title}" src="{ImageURL}" class="urllist-image related-entries-image" title="{Title}" width="100">
</a>
<a href="{Permalink}" target="blank" class="urllist-title-link related-entries-title-link  urllist-title related-entries-title">{Title}</a>
</div>

なお、テーマは下記のものを想定していますので、他のテーマにて試したところ形が崩れてしまった等が発生しも悪しからず、、

minimalism-theme.hatenablog.com