[キタジマ タカシ]

本トピックのもともとの問題は、非表示のタブは position: fixed だったのですが、それだと非表示のタブの幅はタブブロック自体の幅ではなく画面幅になってしまうため、正しくスライダーの幅が取得できないという不具合でした。そこで v16.0.8 で非表示のタブを position: absolute に変更してみました。これで画面幅ではなくタブブロックが基準になるので意図した大きさでスライダーが表示されるはずだったのですが、単純に position: absolute にしただけだと内容によってはタブコンテンツの幅がタブブロックと同じ幅にならない場合があるようでした。

ということで、下記の CSS を追加してみるとどうでしょうか？

.smb-tab-panel__body {
  position: relative;
}

.smb-tabs[data-match-height="false"] > .smb-tabs__body > .smb-tab-panel[aria-hidden="true"] {
  right: 0;
  left: 0;
}

♥ 2

Who liked:

[キタジマ タカシ]

確認ありがとうございます！

ただ上記に示されているトピックの問題は解決していないように見えますので、そちらのトピックの方で状況をご報告しますね。

ぐえ、まじですか！再度確認してみます…！

♥ 1

Who liked:

[キタジマ タカシ]

v16.0.8 で↑の変更を入れました。

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey Blocks v16.0.8 で修正を入れてみました。アップデートして確認してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

下記のトピックで、position: fixed だとスライダーブロックを入れたときに不具合が発生してしまうことがわかりました。

Snow Monkey Blocksのタブ内で同じ1番目のタブパネルの内容を2番目にコピーしたら、表示が異なる

このトピックには1件の返信、2人の参加者があり、最後にキタジマ タカシにより26分前に更新されました。 2件の…

snow-monkey.2inc.org

なので absolute でなんとかする方法が必要そうです…。今のところ、absolute に戻した上で、.smb-tabs{ overflow: hidden } にすると良いのではないかなと試してみています。

♥ 1

Who liked:

[キタジマ タカシ]

あれ、なんででしょうね…。応急処置として下記の CSS を追加してみるとどうでしょうか？

.spider__canvas {
  max-width: 100%;
}

とりあえず根本の原因について現在調査・修正作業中です。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snoe Monkey Forms の設定はカスタムフィールドに保存していますが、その場合、カスタムフィールドパネルを開いた状態ではバネルの値が保存されてしまうのはブロックエディターの仕様だと思います。

カスタムフィールドパネルを開くのは何らか独自のカスタムフィールドを追加されているからだと思いますが、カスタムフィールドパネルからではなく、コードを書いてインスペクター（ページの公開設定とかのところ）にカスタムフィールドの入力欄を追加するようにするとうまくいくと思います。

♥ 1

Who liked:

[キタジマ タカシ]

あ！ Snow Monkey のバージョンが古いからかも？ Snow Monkey Blocks の最新版は基本的には Snow Monkey の最新版で意図した表示がされるようにつくっているので、Snow Monkey だけが古いと表示が崩れる可能性が高いです。もし Snow Monkey のバージョンを最新にできるのであればアップデートしてみてください。

♥ 2

Who liked:

[キタジマ タカシ]

確認してみましたが、これマジで不思議ですね…セクションブロック（とその背景色に必要な要素）自体はちゃんと全幅になっていて、デベロッパーツールでみても幅100%になっているのになぜか背景色はコンテナー幅で表示されちゃうという…。

ちょっともっと詳しく調べないとわからないので、平日に時間をとって改めて見てみます。時間かかってしまいすみません！

♥ 2

Who liked:

[キタジマ タカシ]

あー iOS だけだと iOS の不具合かもですね…以前も目次ブロックで似たような報告がありました。

折り返す必要が今後もなさそうなら、CSS で white-space: nowrap しちゃうのが簡単かもです。

♥ 1

Who liked:

[キタジマ タカシ]

本来は es さんが書かれているようにサイドバーがないレイアウトの場合は全幅にするだけで希望の表示になるはずです。ただ、全幅が適用されるのはルート（ページ直下）のブロックだけなので、例えばグループの中のセクションとかだと、セクションに全幅設定したとしても全幅になりません。

ちょっと確認ができていないので、ご提示頂いた URL をあとでパソコンで確認してみますね。

♥ 2

Who liked:

[キタジマ タカシ]

ありがとうございます。試してみたのですが、僕の環境ではそのコードでは年にならず「Works」のままでした。カテゴリーを登録する順番とか、何かが影響するのかもしれません。

ということで、上記のコードを改変して、下記のコードにして追加してみました。

add_filter(
	'snow_monkey_get_template_part_args_template-parts/loop/entry-summary/term/term',
	function( $args ) {
		// カテゴリーアーカイブあるいはタクソノミーアーカイブあるいは投稿のとき
		if ( is_category() || is_tax() || is_singular( 'post' ) ) {
			// ページのクエリ情報を取得
			$queried_object = get_queried_object();

			// その投稿に割当てられているカテゴリーを全て取得
			$_terms = get_the_terms( get_the_ID(), 'category' );
			if ( ! $_terms ) {
				return $args;
			}

			$new_terms = [];
			// 割当てられているカテゴリーのうち、カテゴリー名が数字4桁のものがあればそれを使う
			foreach ( $_terms as $_term ) {
				if ( preg_match( '|^\d{4}$|', $_term->name ) ) {
					$new_terms[] = $_term;
					break;
				}
			}
			$args['vars']['_terms'] = $new_terms;
		}
		return $args;
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

わーこれは普通には気づかない不具合ですね…興味深いトピックをありがとうございます！

♥ 1

Who liked:

[キタジマ タカシ]

WORKSアーカイブの中は，下記のトピックを参考にフックで年号が表示されるように変更しました。

こっちの環境でも試したいので、そのコードを共有してもらうことってできますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

ナビゲーションメニューの子メニューがアクティブになっている際には、そのメニュー項目の

要素に data-active-menu というデータ属性が true になっていることが確認していただけると思います。

これドロップナビゲーションだとなってないですね。

ちょっとどういう理由でドロップナビゲーションは反転しないようにしたのか、はたまた理由がないのかは覚えていないのですが、ドロップナビゲーションも反転させて問題がなさそうであれば反転させるように修正を入れたいと思います。

ちょっとお待ちを！

♥ 1

Who liked:

[投稿者]

投稿