前から気になってたこの部分。
過去記事をいくつか並べるとより目立ちますね。
編集時に毎回消すのでもいいんだけど面倒です。
いっそのことCSSで消しちゃいましょう。
結果
CSSを設定した現在はちゃんと消えていますね！
↑ここの文字が消えているはず。
（編集状態では表示されているけど、表示時には消えます。）
設定方法
結果から言うと以下のCSSをPC、スマホ用のCSSに追記するだけです。
cite.hatena-citation {
display: none;
}
編集画面はこんな感じ。
追加場所はこちらの記事にて。
調査
はてなブログではURLを貼るだけでも過去記事を追加できますが、その時のプレビューで既にあのリンクがくっついています。
貼り付け時のオプションとかがないのでそういう仕様らしい。
この部分をコードで見てみましょうか。
Chromeだと、メニューにある表示>開発/管理>デベロッパーツール で表示できます。
または option+Command+i でOK。
<cite class="hatena-citation">略</cite>
というのが例のリンク部分です。なのでこれを非表示にするCSSを追加しましょう。
いい感じにはてなブログにコードを貼る方法がわからないので、とりあえずborderで囲っときました。
デベロッパーツール上でちょちょっとCSSを追加してテストします。
cite.hatena-citation {
display: none;
}
消えました〜！
まとめ
細かいところだけど消すことができてスッキリしました。
ぜひお試しください。
