【メモ】Stylishを使用してpixivのブックマーク数やいいね数を非表示にする設定

pixivのブックマーク数やいいね数を非表示にする方法をググったところ、「Stylish」と言うChrome用プラグインを使いCSSをカスタマイズするという方法を知りました。

参考サイト様:http://pixadversaria.web.fc2.com/user-mute/css-work.htm

が、他の配布サイトにあったCSSをコピペしても上手く消えなかったので、自分で作ったものをメモしておきます。

Pixivの仕様変更があると使えなくなるかも知れませんので、ついでに更新のやりかたも記述しておきます。

20170319-2

「display:none;」で消すやり方なので、その項目がまるごと消えます。空白はできずにその分詰まります。

必要な部分だけコピペして使ってください。

/* 管理画面のいいね回数・コメント数・閲覧数 */
.display-report{display:none;}

/* 管理画面・検索結果一覧・ブックマークのブックマーク数 */
.count-list{display:none;}

/* 作品ページの閲覧数・いいね回数 */
.user-reaction{display:none;}

/* 作品ページのブックマーク数(ブックマークボタンは表示する) */
.bookmark-container .bookmark-count{display:none!important;}

/* 小説検索結果一覧のブックマーク数 */
._ui-tooltip bookmark-box{display:none;}

/* 小説ブックマーク一覧のブックマーク数 */
.list-b .bookmark-box{display:none;}

/* 小説ブックマーク完了画面のブックマーク数 */
.column-menu .count-list{display:none;}

/* 小説管理画面のコメント・閲覧数・いいね回数 */
.stats{display:none;}

/* 検索結果一覧の人気作品をもっとみる */
.popular-introduction-block{display:none;}

スポンサーリンク

解説

Pixivの仕様変更などで表示されるようになってしまったら、消したいクラス名を増やして設定しなおせば消すことができます。

.非表示にしたいクラス名{非表示にするわという設定}

.display-report{display:none;}

クラス名の調べ方

  1. Chromeで調べたいページを開き、F12キーを押します。
  2. 開発者ツールが開くので、①左下の矢印マークをクリックした後に②消したい部分をクリックします。
  3. するとクリックした部分のクラス名が下の画像のように表示されるのでそれをコピペして使います。

20170319

上の画像の例ですと、非表示にしたい「ブックマーク数」のクラス名が「count-list」なので

.count-list{display:none;}

と記述します。

※同じクラス名の部分が全部非表示になります。

コピペ保存して消えなかったら何かしら間違ってるので、もう一回り外側のクラス名を使ってみるなどして、いろいろ試してみてください。

追記

最近PixivのURLがSSL対応(暗号化)で変更になったようです。

「Stylish」の「適用先URL」のところを「http://www.pixiv.net」から「https://www.pixiv.net」へ変更してください。