Title: gutenberg独自class用cssファイル格納場所について Last modified: 2020年3月18日 --- # gutenberg独自class用cssファイル格納場所について * 解決済 [tocchimechin](https://ja.wordpress.org/support/users/wakaranchin/) * (@wakaranchin) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/) * gutenbergで設定した文字色や背景色など書き出されるclassに対するcssファイルはどこ にあるのかご存知の方がいらっしゃいましたらお教えいただければ幸いに存じます。 ※ テーマやエディター用ではなくサイト上の has-カラー英名-background-color などの WordPress独自クラス名に対するスタイルシートのことです。 ※WordPress5.3 * 【症状】 編集画面で背景色を指定してもエディタ部では色が反映されるのですが、実際 のサイト上で背景色がつかない症状に遭遇しております。 * そもそもスタイルの書かれているcssが読み込まれているのか！？ も怪しいのですが、 デフォルトテーマにしても改善しませんでした。 ブラウザの開発者モードで確認をし ても、has-カラー英名-background-color に関する部分がスタイルの箇所にはありません でした。 * お手数おかけしますが宜しくお願いします。 - このトピックは[tocchimechin](https://ja.wordpress.org/support/users/wakaranchin/) が6年、 6ヶ月前に変更しました。 7件の返信を表示中 - 1 - 7件目 (全7件中) * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663111) * 「編集画面で背景色を指定してもエディタ部では色が反映されるのですが、実際のサイト 上で背景色がつかない症状」は具体的にどのような例でしょうか。 「編集画面」の背景 色、文字色は、[block-library/style.css](https://github.com/WordPress/WordPress/blob/master/wp-includes/css/dist/block-library/style.css) に色のクラスが設定されているのではないですか。 * [https://developer.wordpress.org/block-editor/developers/themes/theme-support/#block-color-palettes](https://developer.wordpress.org/block-editor/developers/themes/theme-support/#block-color-palettes) * [ishitaka](https://ja.wordpress.org/support/users/ishitaka/) * (@ishitaka) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663112) * > 「編集画面」の背景色、文字色は、block-library/style.cssに色のクラスが設定さ > れているのではないですか。 * テーマによります。ブロックエディター対応のテーマ（デフォルトテーマも）はカラー パレットの色をカスタマイズしている場合が多く、この場合、block-library/style.css ではありません。 テーマ名をお知らせください。 * > デフォルトテーマにしても改善しませんでした。 * デフォルトテーマにない、カラーパレットの色が指定されたのではないでしょうか？ * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663113) * （デフォルトテーマも）とはTwentyTwentyと認知していいですか。 * [ishitaka](https://ja.wordpress.org/support/users/ishitaka/) * (@ishitaka) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663114) * > （デフォルトテーマも）とはTwentyTwentyと認知していいですか。 * TwentyTwenty も独自のカラーパレットを持ちます。 * トピック投稿者 [tocchimechin](https://ja.wordpress.org/support/users/wakaranchin/) * (@wakaranchin) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663180) * 메텔様 ishitaka 様 * お忙しいところご返信いただきまして誠にありがとうございます。 お二人のご返信が ヒントになり問題は解決いたしました。 ありがとうございます。 いくつか勘違いと思い込み が重なり背景色が表示されなかった事が解りました。 * 1.まずテーマは数年前に購入したものをカスタマイズし続けておりgutenbergへの特別 な対応はしていないテーマであったこと。 * 2.add_theme_support の editor-color-palette で独自のカラーを追加した事。（functions. php） この時参考にしたサイトのデフォルトの色のクラス名が現在のものと異なるもの が適用されていました。 ※has-vivid-red-background-color であるべき箇所が has-red- background-color になっていたなどです。 * 3.段落等の文字の一部に対し文字色と背景色を適用できるプラグインを使用していたこと。 ※ Advanced Rich Text Tools for Gutenberg これを入れたら、独自に追加したカラーが 適用になったので、独自に追加したカラー用のCSSを用意しなくても適用になるものと 勘違いしておりました。 * 独自に追加したカラー用のCSSを用意し、デフォルトカラーも独自カラーも無事適用さ れるようになりました。 お二人には感謝申し上げます。 ありがとうございまいした。 - この返信は6年、 6ヶ月前に[tocchimechin](https://ja.wordpress.org/support/users/wakaranchin/) が編集しました。 * トピック投稿者 [tocchimechin](https://ja.wordpress.org/support/users/wakaranchin/) * (@wakaranchin) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663182) * 追記：デフォルトテーマで背景色が適用にならなかったのはおそらくキャッシュのせい だと思われます。 * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663186) * 見事に導き出されましたね。うまい具合に返信がかみ合って展開できました。おふたり ともありがとうございます。 7件の返信を表示中 - 1 - 7件目 (全7件中) トピック「gutenberg独自class用cssファイル格納場所について」には新たに返信すること はできません。 ## タグ * [https://developer.wordpress.org/block-editor/developers/themes/theme-support/#block-color-palettes](https://ja.wordpress.org/support/topic-tag/https-developer-wordpress-org-block-editor-developers-themes-theme-support-block-color-palettes/) * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/) * 7件の返信 * 3人の参加者 * 最後の返信者: [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * 最後の活動: [6年、 6ヶ月前](https://ja.wordpress.org/support/topic/gutenberg%e3%81%a7%e6%9b%b8%e3%81%8d%e5%87%ba%e3%81%95%e3%82%8c%e3%82%8bclass%e3%81%ab%e5%af%be%e3%81%99%e3%82%8bcss%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abno/#post-11663186) * 状態: 解決済 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック