はてなブログ

[はてなブログ]記事に出る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;
}

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

コメント

タイトルとURLをコピーしました