はてなブログの"コメント非表示"のカスタムcss【ブログカスタムVol.5】

スポンサードリンク



先日初めてこのブログにコメントをつけていただきまして
そりゃもう感激。感涙。嬉しかったのです。

はてなブログのカスタム記事のまとめはこちら

しかし消します(え?)。

非表示にします(え?鬼?)。

ウソです(うそかーい(ズコッ))。

正確にはトップページのコメント欄を非表示にします。
当然記事内のコメントは残し続けます。永遠に。そう、地球が滅びゆくまで。

これが現状。

トップページのみのクラス名

前回のカスタム記事で発見したトップページのクラス名

はてなブログの"トップページ"のカスタムcss【ブログカスタムVol.4】

2015.12.19

トップページだけのコメント欄を消すには、このクラス名をつけないと、すべてのページのコメント欄が消えちゃいます。

 .page-index

これです。これさえあればちょちょいのちょい。

コメント欄のクラス名

.comment-box

こちらです。
この2つを融合させればオッケー。

cssはたったの一行

.page-index .comment-box {
display: none;
}

もう終わっちゃった。

ついでにイイねも消すか!

いいよね?トップページでイイねしないよね?するの?
記事を読んでから普通はイイねだよね。
よし消します。

クラス名は

.social-buttons

これにさっきと同じでディスプレイ ノン!!

.page-index .social-buttons {
display: none;
}

まとめ

今回はすごく簡単でしたね!
いじったcssもかなり増えてきたけれど、
結局スマホからのアクセスばっかりだから、早くProにしたいなー。
そしてスマホ用のデザインもいじりたい。

おしまい。

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

東京生まれ東京育ち。フレンチのコックからIT業界に飛び込み、アプリ制作会社を友人と経営してたけど、結婚して会社を抜けて北海道に移住。現在は北海道でサラリーマンをやりながら、野望に向かって切磋琢磨。