［はてなブログ］ ID表記を非表示に

はてなブログのIDは、
記事の下部分と、もう一か所サイドバーのプロフィール欄に、ハンドルネームと並んで表示されてます。

はてなブログの記事を表示

 

このうち
記事下のIDやネームを非表示にしたい場合、
以下のコードをスタイルシート（CSS）に入力すればokです。

CSS

CSSの記述箇所は、
デザイン →🔧カスタマイズ →
一番下にある｛ ｝デザインCSSをクリック

/* 記事IDを非表示 */
span.author.vcard {
display: none;
}

変更を保存するをクリックです。

 

ところで、
このタグを探る方法を記しておきます。

非表示にしたい部分でマウスを右クリック、
開発者ツールで調査する項目をクリック。

記事を開発者ツールで表示

すると右側にこんなツールが、、

上の部分で、
タブみたくなったエリアにタグが並び。

そこにマウスを当てると、
ブログでカスタマイズしたい箇所に反応するようになっており。

色で反応した箇所が、該当のタグというわけです。

私はGoogle ChromeのブラウザでなくEdgeのやり方にて…
あしからずご了承ください。

このコーディングは、
ハンドルネーム+IDとも非表示にするというやり方。

開発者ツールのタブ見るとわかるのですが、
ネームは残し、IDを見せなくする…というやり方もありです。

 

ちなみに、
サイドバーのプロフィールに載るIDには、また別のコードがつけられてます。

なのでこれを非表示にするには、、
ココが該当してるかと。

/* サイド・プロフィール欄のIDを非表示 */
a.hatena-id-link {
display: none;
}

自分はデフォルトのプロフィール欄ごと非表示にしちゃってるので、このカスタマイズはしてないんですが。。
これでおそらくokかと。

 

2か所を一つに表記するならこんな感じ。

/* IDを非表示 */
span.author.vcard,
a.hatena-id-link {
display: none;
}

よろしければそれぞれのサイトで、
開発者ツールを眺めてみてください😁

コメント