Firefox Quantum画面色を白黒反転変更させるアドオンは?WordPress見やすい最新バージョン

どうも、Mr.フリーマンです。

 

2017年11月にFirefox Quantumの最新バージョン57がリリースされ、今まで使用できていたアドオン(Add on)が一部非対応になり使えなくなってしまいました。

 

僕が好んで使っていた背景色を白黒反転させたり、文字のカラーを変更することができるStylishというアドオンも一部のテーマ(Themes)が非対応になり、インストールしても機能してくれません。

 

よくあるパターンは、Googleの検索画面の背景色は黒に変わるのに、ヤフージャパンは白いままというものです。

 

長時間パソコンを使用していると、どうしてもどうしても目が疲れてしまうので、背景色をブラックやグレーに変更できなくなるのはつらいですよね。

 

また、ワードプレスも対応している見やすいアドオンとなると数が限られてきます。

 

今回はそんな悩みを解決すべく、幾つか背景色(バックグランドの色)を変更するアドオンをご紹介したいと思います。

 

そしてこのページの最後では、僕が1日1万アクセス、価値にして1日3000円を稼いだブログ記事の公開についてのお知らせがありますのでお楽しみに!

関連記事:Firefox Quantum動画が再生できない場合Flash Playerが必要!ダウンロード&設定方法

関連記事:Firefox Quantum自動更新の停止やアップデート無効設定方法!簡単にオフにする

 

Firefox Quantum対応白黒反転させるアドオン

 

 

今回ご紹介するのは2017年11月17日現在、Googleやヤフージャパンの画面背景を黒色に変更することができるアドオンのご紹介です。

 

下記2つのアドオンがバージョン57のFirefoxで動作確認済みです。

 

  • Dark Background and Light Text
  • Stylish

 

どちらも一長一短がありますが、Dark Background and Light Textはカラーを変更できるのでとても便利です。

 

なお、バージョンが58や59にアップデートされると変更できなくなる可能性があるのでご注意ください。

 

関連記事:Firefox QuantumとGoogle Chrome速度比較&感想!メモリやCPU消費量どっちが低い

 

Dark Background and Light Text

 

Dark Background and Light Text

 

上記URLをクリックして【Firefox へ追加】をクリックしてインストールしてください。

 

すると下記画像【Aa】のアイコンが、画面右上に表示されます。

 

 

表示されない場合、Firefoxを再起動してみて下さい。

 

それでも表示されない場合はパソコンを再起動してみて下さい。

 

それでも表示されない場合はインストールしているFirefoxのバージョンに対応していない場合があるので、残念ながらDark Background and Light Textを使用することはできません。

 

表示されていれば既に白黒画面色が反転しているはずです。

 

ヤフージャパンの画面はこのようになります。

 

 

 

Googleであればこのように表示されます。

 

 

 

 

そして僕が毎日使用しているワードプレス(WordPress)の画面は下記のように表示されました。

 

真っ黒になるのは良いのですが、文字のカラーを変更しようと思うと、正しい色が表示されないところが欠点です。

 

WordPressだけ反転を無効にして利用することも可能です。

 

関連記事:Firefox旧バージョンや以前の古いダウンロード先URLは?Windows64bit&32bitも

 

背景色や文字の色をカスタマイズする

 

このDark Background and Light Textの凄いところは、背景色をグレーにしたり、文字も好みの色に変更できるところです。

 

変更するには画面右上の【Aa】をクリックすると、下記画面が表示されます。

 

ここで使うのは主に下記の三点。

 

  • Disabled:無効にする
  • Invert:反転させる
  • Default:初期設定値

 

お好みの色に変更したい場合は、【Global Preferences】をクリックしてください。

 

すると下記カラー設定画面が表示されます。

 

  • Default foreground color:文字の色
  • Default background color:背景色
  • Default link color:リンクの色
  • Default visited link color:既読したリンクの色

 

使用するのは主にこの4つです。

 

変更したいカラーの部分をクリックすると、カラーバッドが表示されるのでお好みの色を選択してください。

 

テストしてみて気に入らなかったら、Resetボタンでリセットできます。

 

色んな色の組み合わせで、お気に入りの色を設定しましょう。

関連記事:Google Chrome画面色を白黒反転させる機能は?目に優しく疲れにくい!

 

Stylishを使用する

 

Stylish

上記リンクからインストールしてください。

 

Stylishはこの他に黒色のテーマをインストールする必要があります。

 

2017年11月現在、ヤフージャパンとGoogleに対応しているテーマは下記3つです。

 

インストールしてみて、お好みの色を選んでください。

 

テーマを有効にしたり変更するには画面右上の【S】をクリックして変更します。

 

Firefoxの背景色の変更方法は以上となります。

 

そして前述しましたが、いまメルマガに登録してくれた方には特典として、僕が1日1万アクセス(PV)を集めたページを公開しています。

こちらがその時の証拠画像です。

このページを公開するということは、1万アクセスを集めたページのみならず、ブログ自体の全てを公開するということになります。

 

アドセンスでは1日3000円もの収益に値する価値です。

 

それ故、なんども止めようかと思ったのですが、今回は思い切って公開することに決めました。

 

ただ、あまり多くの人に教えることはリスクなので、突然この特典を削除する可能性もあるので、少しでも興味がありましたら、ぜひこちらからご確認ください。

メルマガ登録フォーム

みなさんとメルマガでお会い出来ることを楽しみにしています!