Readerに戻ったというお話です。Firefox...darkreader.orgChrome、Firefox、Safari、Edgeなど主要なブラウザに対応しており、ダークモードにするプラグインの中では一番良い状態で表示されます。Firefoxなどはスマホ版でもこのプラグインが使えるので、寝る前のブラウジングで本当に目が疲れなくなりました。Modeでの見え方WordPressプラグインでの管理画面ダークモード化も色々試しましたが、その中で良い感じに表示されたのが以下のプラグインです。edit...ja.wordpress.org投稿画面はほぼダークモードですが、編集エリアはダークではありません。これは好みが分かれると思いますが、このプラグインだと実際の記事に近い状態で編集できる反面、長時間記事とにらめっこするには目に優しくないです。あと、上記投稿画面内の「スタイル」のメニューがグレーアウトしたような表示になってしまっています。これだと「使えない」ように見えてしまいますが、実際には使えるので少し紛らわしいです。投稿画面の「カテゴリー」部分です。Readerより配色は良い感じです。これくらいならFirefoxアドオンのStylishやStylusで個別に修正すれば良さそうな感じ。チェックボックスがアレですね。プラグインごとにclassやidがバラバラなためなのか、対応するのが難しいのかもしれません。設定ページ全体がダークモード化されておらず、文字のコントラストも弱くて非常に視認しずらいです。WordPressの管理画面自体は配色も良い感じなので、プラグインをあまり使わない(設定をあまりしない)のであれば良い感じですね。Readerも同様に見ていきます。投稿画面は編集エリアも全部ダークになっています。各所の色を変更するような場合は、いちいちプレビューで確認しないと分からないような状態ですが、とにかく目にやさしいです。夜中に編集してても全然目に刺激がありません。先程のWordPressプラグインではグレーアウトしているかのような状態になっていた「スタイル」の箇所も問題ありません。同様に投稿画面のカテゴリーの部分です。全体的に黒一色に近いようになるのでおしゃれな感じではありませんが、チェックボックスも視認しやすいです。他の箇所もチェックボックスを含めてコントラストがはっきりしており、視認は非常にしやすいです。各種プラグインの設定ページもコントラストがはっきりしていてダークモードしています。ダークモードに関してはほぼ完璧ですが、難点を言えばシンプルすぎる表示になるため、メニューやボタンなどがスッキリしすぎて同化しかかってる点でしょうか。一応枠線などがあるので同化はしていませんが、立体感などもなくなる感じです。Readerでのサイトごとの設定サイトリストはホワイトリストかブラックリストかの動作指定が可能ですが、ここではブラックリスト(ダークモードにしない)例として説明します。Readerの設定画面左上はドメインごとにON/OFFを切り替えられるボタンになっており、クリックするびに「サイトリスト」へ追加もしくは削除が行われます。上記のボタンはドメイン単位のため、ブログ自体はダークモードをOFFにしたいけど、管理画面はONにしたいというのはできません。サイトリストはワイルドカードや一部の正規表現がサポートされているので、それを組み合わせればWordPressの管理画面はダークモード、ブログ記事は通常通りという表示が可能です。~で始まる先頭に「^」を付けます。sakue.comの場合は以下のようにします。^sakue.com例えば「https://www.sakue.com」ではOFFにしたいけど、「https://sakue.com」ではONにしたい場合は以下のようにするとwww付きのURLの場合のみOFFになります。^www.sakue.com~で終わる末尾に「$」を付けます。以下の例では「https://www.sakue.com」でも「https://sakue.com」でも一致します。サブドメイン部分は無視して適用する場合はこうします。sakue.com$~で始まり~で終わる以下のようにすると、「https://www.sakue.com」はダーク化されますが、「https://sakue.com」ではOFFになります。「^」が~ではじまり、「$」は~で終わるという意味です。^sakue.com$上記のようにすると、「https://sakue.com」ではOFFになりますが、完全な指定をしていますので、「https://sakue.com/archives/」などでは適用されません。要するに、サイトのトップページだけOFFになるという感じです。末尾のパラメータ(?param=1など)は無理されます。ワイルドカードワイルドカードは「*」で指定します。「*」の部分は何でもOKという意味です。sakue.com/archives/*組み合わせてWordPressの管理ページだけダークモードにするこのブログの場合は以下の4つの指定でOKでした。^sakue.com$sakue.com/archives/*sakue.com/privacy-policysakue.com/contact以下の部分でブログのトップページ(パラメータなし)を除外します。投稿画面からのプレビューは「https://sakue.com/?p=1168&preview=true」のようなURLになっており、パラメータ部分の「?p=1168&preview=true」は無視されるので、プレビュー表示はダークモードから除外されます(通常表示)^sakue.com$続いて記事やカテゴリには「archives」という文字が入っていたので以下も除外しますsakue.com/archives/*ここまでで、ブログトップページと、記事ページは除外(ダークモードにしない)にできましたが、プライバシーポリシーページや、コンタクトのページは直下にあるので個別に除外します。)などではダークモードになり、実際の記事や、投稿画面からの記事のプレビューなどは除外され、通常通りの表示で確認することができます。現在は部分一致(指定した文字列が含まれる場合に一致)でも反映されるようですが、正規表現やワイルドカードが使える点を考慮すると、もしかすると今後適用されなくなるかもしれません。このため、正規表現やワイルドカードで記述しておいた方が安心でしょう。現在の仕様では以下のようにした場合、sakue.com/archive部分一致なので以下のようなURLにも一致しますhttps://sakue.com/archives/しかし、今後のことを考えるなら以下のように指定しておいた方が無難だと思います。関連記事HTML・CSSWordPressの投稿画面で先頭のスペースが除去されるのを防ぐWordPressのエディターの自動整形機能により、記事に不要と思われる先頭のスペースなどは自動で除去されますが、ソースコードなどを貼り付ける時など整形されると困ります。これを以下のように余白をもたせる方法です。commands」として登録することができ、スクリーンショットの撮影時に同時に実行させることができます。MFTを利用した超高速ファイル検索「UltraSearch」の日本語化パッチです。「UltraSearch」本体は以下からダウンロードできます。リソース書き換えや差分パッチの作成は初めてやっ...PCWindowsの全画面表示で固まったソフトの終了方法(新しい仮想デスクトップへ移して対処)ショートカットキーでのソフト終了などは正常動作中のソフトには効きますが、全画面中に「応答なし」の状態になったソフトには効きません。再起動とかサインアウトしてしまえば良いのですが、裏で何か処理中の場合は困ります。フォルダをタスクバーにドロップしてみると「エクスプローラーにピン留めする」と表示されます。ドロップはできますが、エクスプローラーにピン留めされるので、タスクバー上のエクスプローラーを右...PCGIMPのブラシで次回も同じサイズにする高解像度のものと低解像度のブラシが混在している場合、毎回サイズを指定しなおす必要がありますが、これはブラシの元の解像度がデフォルト値になっているためです。リストのフィルタリング」では、不要な項目を一覧から非表示にする機能です。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。目次トップタイトルとURLをコピーしました。