この記事の続きです。
StylishはChromeのユーザースタイルシートを編集できるエクステンションだそうで。
前回の記事を書く時に名前は見たものの、ローカルで簡単にできないか。という思いもあってスルーしてました。id:yuta25さんにコメントいただいたので使ってみます。
動画や説明文を見ると単にユーザースタイルシートを編集するだけじゃなくて、いろいろなサイトのテーマやスキンを変更できるみたいです。
インストールしようとすると、ちょっと不安になるダイアログ。
右上のアイコンをクリックして、Write style for:の項目の「this URL」をクリックすると編集画面へ。なお、クリックするリンクによってスタイルを適用するURLが変わります。
編集画面。アクセス数を表示しているテーブルを非表示にして、右側にある読者数などを表示しているテーブルを左寄せにしました。スタイルに適当な名前をつけて(hatena-blog-accessのところ)保存ボタンを押したら画面を閉じます。
table.left{display: none;} table.right{float: left;}
ブログの概要ページを開いてみたところ。ちょっとわかりにくいですが、スタイルをオフ→オンにしてページの再読み込みをしています。あっさりとやりたかったことができてしまいました。
スタイルをオフにするにはチェックを外すだけです。
CSSで簡単に表示内容を制御できるのは便利ですね。最初からインストールすればよかった…
そもそもChromeにユーザースタイルシートに機能は無いのか。と改めて調べてみると、バージョン33で削除されたとのこと。
Chrome標準でこの機能入っててほしいです。