@goshiphoto さん
こんにちは。
Twenty Twenty Two は「ブロックテーマ」といって、Twenty Twenty Oneなどの過去のテーマ(クラシックテーマ)とは大きく変わっており、カスタマイザーメニューにも直接アクセス出来なくなっています。
ブロックエディターで全体やブロック毎のスタイルを変更するには、「グローバルスタイル」という機能を使います。
以下は、サイト全体(body
の背景色)を変更する手順です。
- 「外観」>「エディター」を開く
- 画面右上の丸いアイコン(半月のようなもの)をクリック
- 右サイドバー内の「色」をクリック
- 「要素」メニュー内の「背景」をクリック
- カラーパレットから好きな色を選ぶ
またグローバルスタイルについては、WordPress.comのこちらのページが参考になると思います。
スタイルを使用する
@wildworks 様
ご回答ありがとうございます!
おっしゃる方法おは承知しているのですが、その作業がサイトに反映されなくて困っているということでこちらに投稿させていただいております。(わかりづらくて申し訳ありません!)
そうすると色々な理由が考えられますが、いくつかの検証方法を記載します。
- プラグインを全て停止してみる
- グローバルスタイルのバリエーション機能は動作するか
- 「要素 > 背景」以外のグローバルスタイルは正しく適用されるか
- bodyタグに対して、詳細度の高いCSSで背景色を指定していないか
ありがとうございます。
3つ目の項目について。背景以外のスタイル変更も反映されませんので「スタイル」全体の問題かと思います。
それ以外について
・プラグインの全停止は試してみており、結果は変わらずでした。
・「グローバルスタイルのバリエーション機能」とは何のことか調べてみても出てこずわかりません。「固定ページ」「アーカイブ」などのテンプレートを選べる機能のことでしょうか?こちらは選べばそれっぽいテンプレートが表示されるので大丈夫だと思います。
・bodyタグに対して、詳細度の高いCSSで背景色は指定していないはずです。追加cssも使っていません。
ちなみにワードプレスとテーマの入れ直しも試してみています。
「スタイル全体の問題なら〇〇すれば良い」など何か対処方法はありますでしょうか?
差し支えなければ、問題が起きているサイトのURLを公開いただく事は可能でしょうか。
こんにちは、
ちょっと思いついたので、横からごめんなさい。
query loop 等の下位ブロックに背景色設定がありませんか?
ここら辺に色設定がある場合には、bodyのスタイルをリセットしても、変更は下位ブロックには反映しません。
bodyに背景色がある場合は、body要素に背景がセットされるだけですが、query loop等下位ブロックに背景がある場合は、クラスを使って背景がセットされるので、bodyは常に上書きされます。
@wildworks さん、失礼しました。書きたかったのはこれだけです。
@wildworks 様
サイトURLはhttps://goshiphoto.comです。
(最初に記入したつもりでいました。すみません。)
(以下繰り返しの内容もありますが確認のため)
・背景色だけでなく エディター>スタイル に含まれる「タイポグラフィ」「色」「レイアウト」「ブロック」いずれの変更もサイトの表示に反映されません。
・ただ、エディターでページの要素の足したり削除したりは正常に反映されます。
・エディター>設定での変更も正常に反映されます。
@nobita 様
ご回答いただきありがとうございます。
クエリループなどの色設定も見てみましたが、特に変更はされていませんでした。
質問のタイトル設定時は背景色のことだけ気がついていたのですが、スタイル全体の変更が反映されていないようです。すみません!
スタイルの設定がページの表示に反映されなくなるような設定や操作があるのでしょうか?
@goshiphoto さん
WEBサイトでは、AMPを使用しているようですね。
modeは、standard ですかね?
AMPプラグインは、ロードされているCSSをツリーシェーキング(使っていないCSSを削除)して、それらのCSSをキャッシュします。
Twenty Twenty Twoは、AMP互換性の、アイコンが追加されていないので
(テーマ一覧を表示したときに、各テーマの左上に表示されるブルーの雷アイコン)互換性に問題があるのかもしれません。(よくわかりませんが、他のデフォルトテーマでは、アイコンが見えます)
なので、AMPプラグインのOther設定で、Delete plugin data at uninstall を onにして、アンインストールしてみてください。(デアクティベートではなく、アンインストール)
プラグインをアンインストールするときに、そのデータも削除するかどうかを選択できます。プラグインデータの例には、画像のサイズと解析されたスタイルシートを保存するために使用される設定、検証済みのURL、トランジェントが含まれます。
トランジェントというのが、キャッシュに関係する部分と思ってください。
その状態で、背景色の設定をやり直してそれが反映するか確認してみるといいと思います。
OKなら、AMPの再インストール
こちらで試した状態では、AMPを使用していても、背景色の設定は可能なので、頓珍漢なことを言っているのかもしれないと思いつつ、、、
@nobitaさん
アドバイスありがとうございます。
確かに、CSSのキャッシュが原因のように思います。
自分はAMPに関しては詳しくありませんが、サイトのソースを見る限りモードは standard
のようです。
@nobita 様
AMPの削除など試しましたが変わらずでした。
ご提案ありがとうございました。
@wildworks さん
@goshiphoto さん
結局 余計な雑音流しちゃったみたいでごめんなさい。