会員サイトをリニューアルしました! 新サイトはこちら

カスタマイズ「コンテンツの背景を白にする」の項目で好きな色を選べるようにしてほしい < ご要望

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

カスタマイズ「コンテンツの背景を白にす...
 
通知
すべてクリア

[解決済] カスタマイズ「コンテンツの背景を白にする」の項目で好きな色を選べるようにしてほしい

4 投稿
2 ユーザー
3 Likes
2,163 表示
Eiter
(@eiter)
Trusted Member
Topic starter
 

お世話になっております。

わたしの運営するブログは黒を基調としたダークテーマで作成していて、先日1つカスタマイズを行いました。

今回行ったことは、まず「カスタマイズ≫サイト全体設定≫基本デザイン」と進んだ先にある「■サイト全体の見た目≫コンテンツの背景を白にする」をオンに。

その後、以下のCSSを当てて白の箇所をグレーに変更しました。

.-frame-on .l-mainContent {
background-color: #303030;
}
.-frame-on-sidebar #sidebar .c-widget {
background-color: #303030;
}

これにより、希望通りのレイアウトになりました(添付画像参照)。

その後記事を書こうと執筆画面に進むと、エディターの背景が真っ白になってしまい、文字が薄いグレーに設定してあったため非常に見ずらい状態になってしまいました。

そこでエディター画面の背景もグレーにしようと思って以下のCSSをあてたのですが、解決しません。

.editor-styles-wrapper{
   background-color: #303030;
}

調べてみると、ブロックエディタの画面をいじるには、親テーマに含まれる「editor_style.css」を触らないといけないということがわかりました。

親テーマのファイルをいじるのは抵抗がありましたがCSSを覗いてみたところ、該当の箇所を見つけることができず、編集を断念しました。また編集できたとしても、テーマのアップデートのたびにCSSをいじるのもストレスになるだろうと感じています。

そこで本題なのですが、カスタマイザーの「コンテンツの背景を白にする」の項目で、好きな色を指定できる設定を用意してほしいです。

これさえあれば、すべて解決して設定も楽で最高なのです。

SWELLは現状でも柔軟であらゆる人の希望を叶えられるポテンシャルがあると感じていますが、ダークテーマでサイトを制作する場合今回のようにレイアウトに制限が出てきてしまうのが悔しく感じています。

お忙しいとは思いますが、どうかお願いします!

 
投稿済 : 22/06/2020 11:52 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

あ〜、なるほどです!

ただちょっと、この辺はかなり色んなところに影響受けてしまうのですぐには難しそうです...。

ちょっと前のとあるイベントのために、「ブロックエディターにCSSファイルを読み込めるプラグイン」を作っていたので、そちらを使っていただき、同じようにカラーをCSSで変えていただければと思います...!

https://github.com/ddryo/Load-My-Files-for-Gutenberg

このプラグインの中にある「editor.css」にCSS書けば反映されるかと思います!

 
投稿済 : 22/06/2020 2:02 pm
Eiter reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

ただ、ブロックエディター用のCSSを管理画面上で書ける機能は実装予定です!

そちらが実装されれば、上記のプラグインを停止してそちらに書いていただくと良いかなと...!

 
投稿済 : 22/06/2020 2:04 pm
Eiter reacted
Eiter
(@eiter)
Trusted Member
Topic starter
 

プラグインを使用させていただきまして、解決しました!

ありがとうございます!

 
投稿済 : 22/06/2020 2:42 pm
共有: