ユーザーCSSのインストール方法

配布しているユーザーCSSのインストール方法について解説しています。

なお、ユーザーCSSのインストールには、拡張機能のインストールが必要です。

拡張機能「Stylus」のインストール

ユーザーCSSを導入できる拡張機能はいくつかありますが、今回は筆者も使用している「Stylus」のインストール方法をご紹介します。

Chrome / Firefox / Opera

この下のリンクからインストールしてください。

Chrome版をインストール Firefox版をインストール Opera版をインストール

Edge

Edgeのみは、インストール前に「Chromeウェブストアからのインストールを許可」する必要があります。

1. 右上の「拡張機能」アイコンをクリックし、「拡張機能を管理」から拡張機能ページを開きます。

2. 左上にある「他のストアからの拡張機能を許可します」をオンにしてください。
※その上の「開発者モード」はオフのままで大丈夫です。

3. 「Chromeウェブストア」から「Stylus」をインストールします。

インストール

これで、ユーザーCSSを導入するための準備が整いました。

ユーザーCSSの導入

1. 導入したいユーザーCSSのページを開きます。
私が公開しているユーザーCSSは、こちらからインストールすることができます。

2. 少しスクロールしたところにある、「Install」ボタンをクリックします。

3. 拡張機能のページが開きます。左上の「インストール」をクリックすれば、インストール完了です！
ユーザーCSSによっては、右上の部分に設定項目が表示されます。ユーザーCSSの詳細ページに設定項目を説明していますので、そちらを確認しながら変更してください。

ユーザーCSSの設定変更方法

一部のユーザーCSSには、いくつか設定項目が用意されています。
その設定項目をインストール後に変更する方法を説明します。

1. Stylusの管理画面を開きます。

2. 設定を変更したいユーザーCSSのタイトル横にある、設定アイコンを選択してください。