designetlife

ライフスタイル関連の雑多メモ

はてなブログ(PC・スマホ)個別記事下のidを非表示にする方法

f:id:daichi703n:20160229013624j:plain

はてなブログでは基本的にユーザidは非表示にしたい。
変な内容を書いているわけではないが、匿名性を保ちたい場面もある。

全般的なid非表示方法

ヘッダ・プロフィール欄など全般的なユーザid非表示方法はこちらが非常に分かりやすい。
私もこちらの情報を元に設定させていただいた。

個別記事下のid非表示にあたり、一部別途調べた内容を記載しておく。

PC個別記事下のid非表示方法

PCの個別記事下のid表示を消す。
何もしないと、記事の日時とあわせてユーザidが表示されている。 f:id:daichi703n:20160229013657j:plain

以下のコードをデザインCSSに貼り付け

span.author.vcard{
display:none;
}

f:id:daichi703n:20160229013713j:plain

これで記事の下のidが非表示になる。
f:id:daichi703n:20160229015335j:plain

スマホ個別記事下のid非表示方法

スマートフォン表示の個別記事下のid表示を消す。
f:id:daichi703n:20160306124159p:plain

スマホ版では「デザインCSS」の設定ができないため次のように、CSSを明示的に記載する。
私はフッタ部分の編集と位置づけてフッタに記載。

<style tyle=text/css>
span.author.vcard{
display:none;
}
</style>

f:id:daichi703n:20160229014757j:plain

これでスマートフォン表示でも個別記事下のidが非表示になる。
f:id:daichi703n:20160306124214p:plain

まとめ

CSSやHTMLをちゃんと理解して、快適なはてなブログ生活を送りたい。