サポート » テーマ » twenty twenty-twoの背景色をエディターで変更できない

  • テーマ「twenty twenty-two」の背景色を、エディター>スタイル>色で変更できません。

    できれば原因を解決してエディター内で変更できる様にしたいです。現状無理なら追加CSSでの変更方法を知りたいです。

    現在は、同テーマのバージョン1.2で、wordpress6.0です。現在の色は確か同テーマが出てすぐにインストールして設定したものです。

    ちなみにtwenty twenty-oneなど過去のテーマだと「カスタマイズ」で問題なく変更できました。
    また、同テーマ同wordpressバージョンで始めた他のサイトでは問題なく変更できています。

    どなた様か問題の解決方法をご存知の方がいらっしゃいましたら、ご教授いただけますでしょうか?
    よろしくお願いいたします。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • @goshiphoto さん

    こんにちは。
    Twenty Twenty Two は「ブロックテーマ」といって、Twenty Twenty Oneなどの過去のテーマ(クラシックテーマ)とは大きく変わっており、カスタマイザーメニューにも直接アクセス出来なくなっています。

    ブロックエディターで全体やブロック毎のスタイルを変更するには、「グローバルスタイル」という機能を使います。

    以下は、サイト全体(bodyの背景色)を変更する手順です。

    • 「外観」>「エディター」を開く
    • 画面右上の丸いアイコン(半月のようなもの)をクリック
    • 右サイドバー内の「色」をクリック
    • 「要素」メニュー内の「背景」をクリック
    • カラーパレットから好きな色を選ぶ

    またグローバルスタイルについては、WordPress.comのこちらのページが参考になると思います。

    スタイルを使用する

    トピック投稿者 goshiphoto

    (@goshiphoto)

    @wildworks
    ご回答ありがとうございます!
    おっしゃる方法おは承知しているのですが、その作業がサイトに反映されなくて困っているということでこちらに投稿させていただいております。(わかりづらくて申し訳ありません!)

    そうすると色々な理由が考えられますが、いくつかの検証方法を記載します。

    • プラグインを全て停止してみる
    • グローバルスタイルのバリエーション機能は動作するか
    • 「要素 > 背景」以外のグローバルスタイルは正しく適用されるか
    • bodyタグに対して、詳細度の高いCSSで背景色を指定していないか
    トピック投稿者 goshiphoto

    (@goshiphoto)

    ありがとうございます。
    3つ目の項目について。背景以外のスタイル変更も反映されませんので「スタイル」全体の問題かと思います。

    それ以外について
    ・プラグインの全停止は試してみており、結果は変わらずでした。
    ・「グローバルスタイルのバリエーション機能」とは何のことか調べてみても出てこずわかりません。「固定ページ」「アーカイブ」などのテンプレートを選べる機能のことでしょうか?こちらは選べばそれっぽいテンプレートが表示されるので大丈夫だと思います。
    ・bodyタグに対して、詳細度の高いCSSで背景色は指定していないはずです。追加cssも使っていません。

    ちなみにワードプレスとテーマの入れ直しも試してみています。

    「スタイル全体の問題なら〇〇すれば良い」など何か対処方法はありますでしょうか?

    差し支えなければ、問題が起きているサイトのURLを公開いただく事は可能でしょうか。

    こんにちは、

    ちょっと思いついたので、横からごめんなさい。

    query loop 等の下位ブロックに背景色設定がありませんか?

    ここら辺に色設定がある場合には、bodyのスタイルをリセットしても、変更は下位ブロックには反映しません。
    bodyに背景色がある場合は、body要素に背景がセットされるだけですが、query loop等下位ブロックに背景がある場合は、クラスを使って背景がセットされるので、bodyは常に上書きされます。

    @wildworks さん、失礼しました。書きたかったのはこれだけです。

    • この返信は1年、 9ヶ月前にnobitaが編集しました。
    トピック投稿者 goshiphoto

    (@goshiphoto)

    @wildworks
    サイトURLはhttps://goshiphoto.comです。
    (最初に記入したつもりでいました。すみません。)

    (以下繰り返しの内容もありますが確認のため)
    ・背景色だけでなく エディター>スタイル に含まれる「タイポグラフィ」「色」「レイアウト」「ブロック」いずれの変更もサイトの表示に反映されません。
    ・ただ、エディターでページの要素の足したり削除したりは正常に反映されます。
    ・エディター>設定での変更も正常に反映されます。

    トピック投稿者 goshiphoto

    (@goshiphoto)

    @nobita
    ご回答いただきありがとうございます。
    クエリループなどの色設定も見てみましたが、特に変更はされていませんでした。

    質問のタイトル設定時は背景色のことだけ気がついていたのですが、スタイル全体の変更が反映されていないようです。すみません!

    トピック投稿者 goshiphoto

    (@goshiphoto)

    スタイルの設定がページの表示に反映されなくなるような設定や操作があるのでしょうか?

    @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を使用していても、背景色の設定は可能なので、頓珍漢なことを言っているのかもしれないと思いつつ、、、

    • この返信は1年、 9ヶ月前にnobitaが編集しました。

    @nobitaさん

    アドバイスありがとうございます。
    確かに、CSSのキャッシュが原因のように思います。
    自分はAMPに関しては詳しくありませんが、サイトのソースを見る限りモードは standard のようです。

    トピック投稿者 goshiphoto

    (@goshiphoto)

    @nobita
    AMPの削除など試しましたが変わらずでした。
    ご提案ありがとうございました。

    @wildworks さん
    @goshiphoto さん

    結局 余計な雑音流しちゃったみたいでごめんなさい。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • トピック「twenty twenty-twoの背景色をエディターで変更できない」には新たに返信することはできません。