Chrome 拡張機能
Chrome で
Chrome ウェブストアへアクセスし、「Chrome に追加」ボタンをクリックしてインストールします。
Firefox アドオン
Firefox で
Firefox add-ons へアクセスし、「Firefox へ追加」ボタンをクリックしてインストールします。
Microsoft Edge アドオン
Microsoft Edge で
Microsoft Edge アドオン へアクセスし、「インストール」ボタンをクリックしてインストールします。
基本的な使い方
Wikipedia のヘッダーを非表示にする
ここでは例として Wikipedia のヘッダー（上部のウィキペディアロゴの部分）を非表示にしていきます。
- 拡張機能アイコン
をクリックして表示されるメニューから「Stylebot を開く」をクリックします。
Stylebot メニュー
- 画面右に Stylebot が表示され、ウェブページ側でマウスカーソルを動かすとセレクター（CSS が適用される、クラス、ID などの要素）を選択できるようになります。
ヘッダー部分をカバーできる場所にマウスカーソルを持っていき、クリックします。
マウスカーソルを乗せてヘッダー部分のセレクター（要素）を選択
- クリックしたセレクターに対して画面右の Stylebot タブから編集が可能です。
ここではヘッダー部分を非表示にしたいので右下の「隠す」をクリックします。
「レイアウト」下にある「隠す」ボタンをクリックしてヘッダーを非表示に
Wikipedia のテキストを ＭＳ Ｐゴシックにする
ここでは例として、Windows 95/98/Me 時代に Windows 標準で利用された「ＭＳ Ｐゴシック」で表示されるようにします。
※ Windows でのみ表示されます。
- 画面右の Stylebot の「フォント」右の「デフォルト」をクリックするとフォントを選択できます。
「MS Pゴシック」はデフォルトではリストに含まれていないので「フォントリストの編集」をクリックします。
フォントのプルダウンから「フォントリストの編集」をクリック
- オプション画面が表示されます。
フォント項目下のテキストボックス末尾に「,ＭＳ Ｐゴシック」を追加します。
※ ＭＳ Ｐゴシックの「MS P」の英字を全角文字で入力しないと反映されません。
オプション画面「基本設定」の「フォント」項目に「ＭＳ Ｐゴシック」を追加
- Wikipedia のページへ戻り、F5 キーを押すなどしてページをリロード（再読み込み）します。
- Stylebot 左上のアイコンが
になっていない場合は 
をクリックして にしてセレクター選択モードにします。
- Wikipedia のページの一番上あたりをクリックして選択します。
マウスカーソルを乗せてウェブページのほとんどのテキストが対象になりそうなセレクター（要素）を選択
- Stylebot の「フォント」右のプルダウンをクリックして「ＭＳ Ｐゴシック」をクリックすると、ＭＳ Ｐゴシック のフォントが適用されます。
「フォント」項目の「ＭＳ Ｐゴシック」を選択するとフォントが変更される
Wikipedia の背景とテキスト色を変更する
画面右の
Stylebot の「色」項目内、「
文字色：または「
背景色」右の色のついた四角形をクリックしてパレットから色を選択するか、テキストボックスに HTML カラーコードを入力して色を指定して変更できます。
文字色、背景色の変更
CSS を編集する
- 画面右の Stylebot 下にある「コード」タブをクリックして CSS を編集できます。
現在までに指定した操作が CSS コードとして表示されます。
※ まだ何も操作していない場合は空白で表示されます。
Stylebot 画面下部の「コード」タブから追加されているコードを表示
- CSS を直接編集してスタイルを指定することが可能です。
CSS を手書きで編集しても反映される
Stylebot の有効／無効を切り替える
拡張機能アイコン
をクリックして表示されるメニューから「ja.wikipedia.org」項目の
をクリックして
にすると、そのウェブサイトでの Stylebot の設定は無効になり元の表示になります。
※ Wikipedia の場合。
※ 再び
にすると Stylebot の設定が適用されます。
表示中のウェブサイトの Stylebot 設定の有効/無効を切り替え
Stylebot のスタイル設定を削除する
Stylebot に設定したスタイルを削除したい、リセットしたい場合は、拡張機能アイコン
の右クリックメニュー「オプション」から表示される
オプション画面にて、画面左の「スタイル」をクリックして表示される
スタイル画面から削除したいドメイン（ウェブサイト）の設定を「削除する」ボタンをクリックして個別に削除するか、右上の「すべて削除する」ボタンをクリックしてすべての設定を削除できます。
オプション - スタイル画面から Stylebot の設定を削除できる
更新履歴
Version 3.1.4
（2024/05/17）
Version 3.1.3
（2022/07/24）
- 日本語翻訳の改善
- インポートファイルの種類を json に制限
- stylebot を初めて開いたページでページレイアウトが正しく調整されない不具合を修正
- フォントピッカーを修正し、読みやすさを向上
- ワイルドカードの使用に関するバグを修正
- ポルトガル語のロケール設定を拡張機能でサポートされるロケールコードと一致するように修正
Version 3.1.2
（2022/07/13）
- オプションページでカスタムフォントの追加を可能に
- ドメインマッチングロジックの不具合修正と改善
- オプションページのスタイルエディタを修正
- ポルトガル語の翻訳を追加
- 翻訳の修正。
※ 本ソフトは
ssk 様 のご推薦により掲載させていただきました。（掲載日：2023年02月09日）
