[キタジマ タカシ]

んーすみません、ちょっとわからないですね…。web フォントだけ外してみる、独自に追加している CSS を全部消してみるなどしてみると変化はないでしょうか。変化があれば原因が突き止めやすくなると思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ、スマホの場合ですね、失礼しました。sticky は先祖要素に overflow: hidden がいると効かなくなるので、全部 overflow: hidden じゃなくす必要があります。

.l-contents {
  overflow: visible;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

色が正しくないときに、実際どのような CSS があたっていますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

うーん、ちゃんと動いてますね。Chrome（98.0.4758.109） でも Safari（15.3 (17612.4.9.1.8)） でも大丈夫でした。

♥ 1

Who liked:

[キタジマ タカシ]

Mac、Pixel6 Pro、iPhone13（シミュレーター）で確認したのですが、スクショのような表示は確認できませんでした。画面サイズとかにもよるんですかね、、ちょっとわかりませんが…。

こちらで再現できないので、効くかはわかりませんが、こんな感じで CSS を追加するとどうでしょうか？

.l-overlay-widget-area .smmp-login-form {
  margin-right: 5px;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

ところで最初のところで themes/snow-monkey/template-parts/content/entry/front-page.php を書き換えたことによる影響はどのようなことが考えられるのでしょうか？

the_content() はフィルターフック the_content が実行されますが、get_the_content() だと実行されません。現状だとトップページに割り当てられた固定ページの本文は空だけど the_content フックで追加されたコンテンツがある場合でも正しく条件分岐されます（lazy のことではなくてあくまでもともとの条件分岐で出力される HTML の意味）が、get_the_content()　に変更するとその条件はスルーされてしまうことになります。

なので実際に変更をいれるときはもうちょっと調整する必要があります。もうちょっと調整してみて次のアップデートに組み込みたいと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらでも試してみました。

見た感じ意図した通り動作しているように見えます。Web フォントを使用していることが影響しているとか、環境依存の可能性もあるので実際のページで確認しないと原因わからないかもです…。

♥ 1

Who liked:

[キタジマ タカシ]

ちょっと仕組み上難しい気がします…。

♥ 1

Who liked:

[キタジマ タカシ]

確かに！ でもテーマを Snow Monkey から TwentyTwentyTwo に変更しても再現したので WordPress コアの不具合な気がします。issue みた感じだと報告されてない？気がするので報告したほうが良いかもですね…。

Issues · WordPress/gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository. – Issues · WordPress/gutenberg

github.com

♥ 0

Who liked: No user

[キタジマ タカシ]

ヘッダーも sticky で固定されているので、その分ずらさないと食い込んだように見えちゃいますね。

#thumb-vimeo {
  position: sticky;
  z-index: 999;
  top:71px; // ヘッダーの高さ分ずらす
}

♥ 0

Who liked: No user

[キタジマ タカシ]

#thumb-vimeo {
  position: sticky;
  position: -webkit-sticky;
  z-index: 999;
  top:0;
}

をデベロッパーツールで追加して確認したところ正しく動作しているように見えます。position: sticky は上部までスクロールすると常に固定され続けるわけではなくて、その要素の親要素がその要素の下辺に追いつくとそこからは普通にスクロールしますが、そうではなくて常に固定し続けたいということですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

DigitalCube LabWorks さんのサイトは多分少し古いバージョンの Snow Monkey を使われているようで、最新の Snow Monkey だとご指摘のようにコンテナーブロックの中だとボタンが表示されないようです。なぜそのような変更を入れたのか忘れてしまったのですが、なにか理由があったと思うのでちょっと調整してみたいと思います。

お急ぎであればコンテナーブロックの中に入れずに対応されるのが良いかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

ロゴは画像ですか？画像の場合、どうやって色を変えていますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

あーなるほどです。そうですね、なるべく共通のテンプレートパーツを使いたくて、レイアウトによっては画像を CSS で消しているだけのものがあります。が、なぜ最近の投稿ブロックの画像が最初に実行されているのかはわかりません…。

無理やりな方法ですが、Snow Monkey のフックで強制的に1つ目の loading="lazy" を消すのが簡単かもしれません。

add_filter(
	// テンプレートパーツ が template-parts/content/entry/content/content.php のときに実行
	'snow_monkey_template_part_render_template-parts/content/entry/content/content',
	function( $html, $name ) {
		if ( 'page' === $name ) { // 固定ページのとき
			$html = preg_replace( '|loading="lazy"|', '', $html, 1 ); // 1個目の loading="lazy" を強制的に消す
			return $html;
		}
	},
	10,
	2
);

実行条件は get_the_ID() や is_page() 等で状況に合わせて変更してください。

♥ 0

Who liked: No user

[キタジマ タカシ]

お！ということはやはりコンテンツの表示前に1回実行されているっぽいですね。ブラウザで HTML ソースを表示してみると、HTML ソース上のどこかに int(1) が出力されていないでしょうか？ もし出力されているようであればどの部分の前後に出力されているか知りたいです。

また、Snow Monkey Blocks 以外に有効化しているプラグインがあれば教えてください。

♥ 0

Who liked: No user

[投稿者]

投稿