[キタジマ タカシ]

んーだめでしたか…。

なので、残るはプラグインの個別確認、ダメならテーマのアンイストールからの再インストールでしょうかね。
もしくはCSSで個別に当てていくかでしょうか…。

プラグインの全停止は試したほうが良いです。テーマのアンインストール＆再インストールは、上書きアップロードで変化なしであれば多分変化はないかなと思います。CSS を自力で当てるのはアップデートとかも考えるとやめたほうが良いですね…とはいえ色が抜けてしまうのであればアレですが…。

テーマに theme.json があるかどうかの判定は wp-includes/global-styels-and-settings.php の wp_theme_has_theme_json() でおこなわれているようです。ここに var_dump(1) とか適当に仕込んで、theme.json がちゃんとあるというふうに判定されているのか確認してみるのも良いと思います。

あ、ちなみに、エディター上のカラーパレットにはアクセントカラーやサブアクセントカラーの選択ボタンは表示されていますか？ 段落ブロック等の背景色や文字色を設定するところです。

♥ 0

Who liked: No user

[キタジマ タカシ]

んーなんでしょうね。通常であれば下記の画面が表示されるはずなのですが…。

♥ 0

Who liked: No user

[キタジマ タカシ]

一旦アンインストールしてから新規インストールだと再設定が必要になってしまうかもしれません（未確認）。

Snow Monkey がインストールされた状態のままで、外観 → 新規追加 → テーマのアップロード から snow-monkey.zip をアップロードすると、上書きインストールとなってカスタマイザーの設定はそのまま引き継がれます。

♥ 0

Who liked: No user

[キタジマ タカシ]

んーなるほどですね…。

フィルターフック、コード的には下記なのですが、

Filters for theme.json data

New server-side filters in WordPress 6.1 to hook into different data layers with theme.json-like structure.

make.wordpress.org

どうなんでしょう、プラグインの影響というのは可能性は低い気はしますが、絶対無いとも言い切れないかもしれません。テスト環境で、一度すべてのプラグインを停止してみて、変化があるか確認してみると良いかもしれません。それでもダメなら snow-monkey.zip を改めてインストールしなおしてみる（外観 → 新規追加）とかでしょうか…。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ！ 入れ違いでしたね。情報ありがとうございます！

♥ 1

Who liked:

[キタジマ タカシ]

あー多分これですね…。

-webkit-text-size-adjust: none を絶対に設定してはいけない理由

PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。以上。で終わってしまうと記事にならないので、ちゃんと説明しておく。そもそも -webkit-te…

tech.nitoyon.com

次のアップデートで下記の CSS を追加しておこうと思います。

html {
  -webkit-text-size-adjust: 100%;
}

♥ 1

Who liked:

[キタジマ タカシ]

ありがとうございます！確認したところ、ソースコード上で style#global-styles-inline-css に出力されないといけない Snow Monkey の色設定や文字サイズ設定が全然無いですね…。

これらは wp-content/themes/snow-monkey/theme.json で定義されたものが CSS として出力されるのですが、この theme.json ファイルは存在していますかね？

ファイルが存在している場合だと、あと考えられるのは子テーマを使っていてそこに theme.json があり、それで定義が上書きされてしまっている、フィルターフックで theme.json の設定が書き換えられてしまっている、くらいですかね…。

♥ 0

Who liked: No user

[キタジマ タカシ]

URL を共有してもらうことってできますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

詳しくありがとうございます！ こちらで試してみたのですが、ヘッダーレイアウトを「ノーマル」「オーバーレイ」「上部固定」それぞれで試してみたものの、はみ出す状況が再現できませんでした。

設定の組み合わせで発生する問題かもしれないので、直接見てみないと状況が確認できないかもしれません。URL を共有していただくことは可能でしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

このサイトは Snow Monkey ではないようですが、具体的にどのようなコンテンツを設置したくて、現状どのようなコンテンツの追加方法をしていて、それがどう表示されているのか（あるいは表示自体されていないのか、崩れているのか、ずれているだけなのか）を見てみないと具体的なアドバイスをすることが難しいです。

コンテンツの内容によっては再利用コンテンツを使うよりフックで HTML を追加したほうがスマートな可能性もあります。

♥ 1

Who liked:

[キタジマ タカシ]

関連記事の上にアクションフックがないので、関連記事の HTML を書き換える形で対応するしか無いのかなと思います。もともとのコードを利用する形だとこんな感じでしょうか。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/content/related-posts' === $slug ) {
			// 関連記事のタイトルを書き換え
			$html = preg_replace(
				'|<span>.*?関連記事|ms',
				'<span>この記事を読んだ人におすすめ',
				$html
			);

			// 関連記事の上部に HTML を追加
			$html = '<p><img src="..." alt=""></p>' . $html;

			return $html;
		}
		return $html;
	},
	10,
	2
);

♥ 0

Who liked: No user

[キタジマ タカシ]

閉じミスや大文字小文字の入力ミス等で HTML が意図したとおり解釈されていない可能性があるのかなと思いました。実際の HTML がどのように出力されているか確認してみないとわからないので、URL を共有してもらうか、その部分のデベロッパーツールのスクショを共有してもらうことはできますか？

♥ 1

Who liked:

[キタジマ タカシ]

「Contact」に背景色をつけているのは独自の CSS ですかね？ どのような CSS があたっていてどのように影響しているのを確認してみないと状況がわからないため、URL を共有してもらうことはできますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

「このサイトで重大なエラーが発生しました。」になっていて、ページがちゃんと確認できないみたいです><

♥ 0

Who liked: No user

[キタジマ タカシ]

確認したところ、HTML 構造がおかしくなっているようでした。

下記は正しいページの HTML ですが、.l-contents__inner の直下に .l-contents__main（メインカラム） と .l-contents__sidebar（サイドバー） があります。

一方、1カラムになっているページは .l-contents__inner の直下には .l-contents__main（メインカラム）しかなく、.l-contents__sidebar（サイドバー） は全然違うところに入ってしまっています。

おそらく、記事中の HTML に閉じミスがあり、その影響で変なところで HTML が閉じたと解釈されて構造が崩れてしまっているのだと思います。1カラムになっている記事の編集画面で一旦記事の中身を空にして確認してみて、崩れが発生していないならそれでビンゴだと思います。その場合は記事中の HTML を確認して、閉じミスしているところがないか地道に確認すれば解決できると思います。

♥ 0

Who liked: No user

[投稿者]

投稿