[キタジマ タカシ]

中野さん、情報ありがとうございます！ ログインしてフル幅のページを見てみたのですが、こちらの環境では症状が確認できませんでした。

固定ページ（フル幅）

Lorem ipsum dolor sit amet, consectetur adipiscing elit…

snow-monkey.2inc.org

上記ページ（サイト）はほぼ素の状態の WordPress で、カスタマイザーであまり設定を変えてはいない状態なのですが、カスタマイザーでなにか設定を変更したりはしていますか？

♥ 2

いいねをした人:

[キタジマ タカシ]

遅くなってすみません！
今月末に WordPress 6.0 がリリースされますが、それにあわせて Snow Monkey Forms もアップデートをおこないます。そのときに、snow_monkey_forms/administrator_mailer/headers フックでどのフォームか識別できるように変更を入れたいと思います。

add_filter(
	'snow_monkey_forms/administrator_mailer/headers',
	function ( $headers, $responser, $setting ) {
		// フォームの ID が 111 のとき
		if ( 111 === $setting->get( 'form_id' ) ) {
			...
		}
		return $headers;
	},
	10,
	3
);

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

URL ありがとうございます。拝見したところ、

コンテンツが左端に見切れてしまう。

は確認できず、コンテンツが左右ぴったりに表示されている状態でした。TY さんのブラウザではこの URL のページについても左右ぴったり表示ではなく見切れている（一部のコンテンツが欠損している）状態で表示されていますか？

あと、

スクショの右側が見えないので断言はできないのですが、左によっているのではなくコンテンツエリアの幅が広がっているのではないでしょうか？ 使用しているページテンプレートによってはフロントの表示となるべく見た目が一緒になるようにコンテンツエリアの幅が広がるようになっています。

で書いたとおり、使用しているページテンプレートが「フル幅」のようです。このページテンプレートの場合はコンテンツは左右ぴったりに表示されるので、ページテンプレートを「1カラム」にするか、左右ぴったりに表示される部分を「コンテナー」ブロックなどで囲むかすると良いかと思います。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こちら不具合のようです！ 全然気づいていませんでした、ご報告ありがとうございます。
今月末に WordPress 6.0 がリリースされるので、そのタイミングにあわせて修正を入れたいと思います。

お急ぎの場合は、とりあえずそれまで下記の CSS を追加してみてください（アップデート後削除してください）。

.smb-balloon__body > * + * {
  margin-top: 1.8rem;
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

僕の手持ちの Android だと LINE アプリが開くのですが、iPhone だと LINE の web ページ？が開いてログインを求められました。ちょっとこの辺の理由はよくわかっていないので調べてみます！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

情報ありがとうございます。

スクショの右側が見えないので断言はできないのですが、左によっているのではなくコンテンツエリアの幅が広がっているのではないでしょうか？ 使用しているページテンプレートによってはフロントの表示となるべく見た目が一緒になるようにコンテンツエリアの幅が広がるようになっています。

ただ、

・上記の状態で固定ページを作成し、プレビューするとがコンテンツが左端に見切れてしまう。

は気になりますね。これは実際の現象が確認できるページの URL を書き込んでもらうことはできますか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

独自に CSS を追加せれてたりしますか？

♥ 2

いいねをした人:

[キタジマ タカシ]

ぐわー！ スライダーは初回表示時とリサイズ時に自身の横幅を取得して style="width: xxxpx" が設定されるようになっているのですが、タブの場合、2タブ目以降に含まれるスライダーは初回表示時はタブが表示されておらず幅が0になるので、style="width: 0px" が設定されてしまい、タブを切り替えても（横幅が0なので）見えない、という状況になってしまうようです。

根本的な解決はちょっとどういうふうにやるのが良いか考えてスライダーに手を加える必要があると思いますが、とりあえずの対応として、下記の CSS を追加してみるとどうでしょうか？

.spider__canvas[style*="width: 0px"] {
  width: auto !important;
}

♥ 5

いいねをした人:

[キタジマ タカシ]

なるほど！ その場合は is_home() ですね。

条件分岐タグ – WordPress Codex 日本語版

wpdocs.osdn.jp

♥ 1

いいねをした人:

[キタジマ タカシ]

「投稿ページ」はいわゆる記事のページであっていますかね？
その場合は is_archive() ではなくて is_single() を使うことになります。

♥ 2

いいねをした人:

[キタジマ タカシ]

エディターのコンテンツ部分も背景を黒くしちゃうのが良いのではないですかね？

.editor-styles-wrapper {
  background-color: #000;
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ｕｒｌはこちらになります。

ありがとうございます、確認しました。もしかしたら他に影響があるかもしれませんが、とりあえずこれで揃いました。

.vk_gridcolcard_item_body_inner p {
  margin-top: 0 !important;
}

♥ 1

いいねをした人:

[キタジマ タカシ]

下記app.cssという名前で出ているので、動的に生成されている部分なのでしょうか。

動的ではありませんが、Snow Monkey の CSS ですね。これを打ち消せば意図した表示になるのであれば CSS を書いて上書きする必要がありますが、実際のページを見てみないとどのような CSS を書けば良いのかがわからないので、実際のページの URL を書き込んでもらうことはできますか？

♥ 1

いいねをした人:

[キタジマ タカシ]

スライダーブロックで使っているライブラリに最後で止める設定がないため、スライダーブロックでは実現することはできません。

「スライダー（非推奨）」を使うか、slick ライブラリ自体は中に持っている（snow-monkey-blocks/dist/packages/slick）ので、それを使って自作するかですかね…。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

いま

ネクストギア

ホームページの制作に関するサイトです。HTML、CSS、JavaScript、WordPress、PHPなどに関する情報も発信します。

next-gear.jp

を拝見したらローディングが表示されていましたが、解決済みでしょうか？

♥ 0

いいねをした人: 居ません

[投稿者]

投稿