はてなブログ

[はてなブログ]記事に出るid表記を非表示に

はてなブログのidは、
記事の下部分と、もう一か所サイドバーのプロフィールに、

ハンドルネームと並んで表示されてます。

はてなブログの記事とプロフィールのid部分

 

このうち
記事下のidやハンドルネームを非表示にしたい場合、

以下のコードをスタイルシート(CSS)に入力すればOKです。

CSS

CSSの記述箇所は、

デザイン 🔧カスタマイズ
一番下にある{ }デザインCSSをクリック

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

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

 

ところで、
このコードを探る方法を記しておきます。

記事としてまとめましたので、
こちらのリンクからご覧になってください。参考になりましたら嬉しいです♪

カスタマイズしたいCSSのコードを見つける方法
カスタマイズしたいソースコードを知るには?サイトやブログのCSSコーディングに不可欠なコードの調べかたを上げてます

 

プロフィールのid表示部分

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

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

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

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

おそらくこれでOKかと。

 

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

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

よろしければそれぞれのサイトで、
リンク先にしました開発者ツールなどを眺めていただければ…と思います😌

コメント