はてなブログのidは、
記事の下部分と、もう一か所サイドバーのプロフィールに、
ハンドルネームと並んで表示されてます。
このうち
記事下のidやネームを非表示にしたい場合、
以下のコードをスタイルシート（CSS）に入力すればOKです。
CSS
CSSの記述箇所は、
デザイン ⇨ 🔧カスタマイズ ⇨
一番下にある｛ ｝デザインCSSをクリック
/* 記事idを非表示 */
span.author.vcard {
display: none;
}
変更を保存するをクリックです。
ところで、
このタグを探る方法を記しておきます。
非表示にしたい部分（この場合、idの上あたり）でマウスを右クリック、
開発者ツールで調査するをクリック。
すると画面の右側にこんなツールが、、
上の部分で、
タブみたくなったエリアにタグが並び。
そこにマウスを当てると、
ブログでカスタマイズしたい箇所に反応するようになっており。
色で反応した箇所が、
該当のタグというわけです。
私は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;
}
よろしければそれぞれのサイトで、
開発者ツールを眺めてみてください😁
コメント