【WordPress.com】外部リンクにリンクマークをつける (改)

最終更新日:2020/02/23

以前書いた記事「外部リンクにリンクマークをつける | comemo com|2013-02-03」の内容があまりに限定的すぎたので、もう少し、応用が利きそうなものを考えてみました。

/*リンクマーク*/
a[target=_blank] {
    background: url('(リンクジャンプすることを示す画像の URL)') center right no-repeat;
    padding-right: 15px;
}

自分のブログではない、WordPress.com の外にアクセスするような場合には、以下の編集ボタンをクリックして、

2015-12-26 at 17.01.jpg

リンクを新ウィンドウまたはタブで開く」にチェックを入れておくと、

2015-12-26 at 17.00.jpg

リンクタグに「target=”_blank”」が追加され、別のウィンドウまたはタグで開くようになるわけですが、

2015-12-26 at 17.01.jpg

上記の CSS を追加するとそういったリンクにこんな感じのリンクマークがつきます。

2015-12-26 at 17.16.jpg