[キタジマ タカシ]

検証ありがとうございます！！！！

非表示のタブパネルは visibility: hidden になっているのですが、なぜかはわからないけどその中のスライダーは見えちゃうみたいですね。他の段落等は見えなくなるので謎です…。

今非表示のタブパネルは下記のようになっているので、

.smb-tab-panel[aria-hidden=true] {
    visibility: hidden;
}

こうしちゃうのが良いかもしれません。

.smb-tab-panel[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
}

タブパネルの複製は悩ましいですね…タブブロックの中でのタブパネルの追加・削除を独自のボタンでやっているのは、タブパネルとタブ（クリックする部分）の2つを同時に追加・削除して紐付けしないといけないからなので、標準の複製や追加ボタンで追加すると齟齬がでてしまって表示が崩れるのだと思います。うまいことやる方法があるのかはわかりませんが、ちょっと考えてみます。

♥ 1

Who liked:

[キタジマ タカシ]

アイキャッチ画像を設定したいとのことですが、これは何のために設定したいのでしょうか？ 例えばページヘッダー画像を表示したいから、OGP 画像を設定したいから等。書かれているようにデフォルトではそのような設定はないので何らかコードを書くことになりますが、何のために設定したいのかで必要なコードが変わってくると思うので確認です。

♥ 0

Who liked: No user

[キタジマ タカシ]

出力されないです！ でも最近いくつかのテーマで実装されてましたね。現時点でやり方がわからないので、検討課題としてひとまず issue 立てました！

【FAQ】構造化データを追加したい · Issue #597 · inc2734/snow-monkey-blocks

https://snow-monkey.2inc.org/forums/topic/faq%E3%81%AE%E6%A7%8B%E9%80%A0%E5%8C%96%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E3%81%AB%E3%81%A4%E3%81%84%E3%81…

github.com

♥ 2

Who liked:

[キタジマ タカシ]

山崎さんが共有してくれたトピックのフックは初期値を設定するものなので、それでできると思います。試されてないなら試してみてください！

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey Forms v4.0.3 で変更を入れました！

♥ 1

Who liked:

[キタジマ タカシ]

確認してみたところ、ファイルブロックでもフォーカス＆スクロールはされているのですが、

フォーカスリングがでないのでフォーカスされているのがわかりにくいかなと思いました。

なので、下記のような感じでフォーカスリングを表示するような変更を入れてみようかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

v16.0.9 で CSS 追加しました！

♥ 2

Who liked:

[キタジマ タカシ]

v17.2.6 で修正しました！ アップデートして確認してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

僕はやり方はわかりませんが、無理やりやるなら wondow.onLoad のタイミングでカスタムフィールドパネルの DOM を消しちゃうとかですかね…無理やりなので本来の設定との整合性に問題が出るかもですけど。

個人的にはやはりカスタムフィールドパネルを使わない形にしてしまうのが良いと思います。

♥ 1

Who liked:

[キタジマ タカシ]

ログアウトしてブラウザを閉じた後で、再ログインすると反映されていました。

めっちゃ不思議ですね…キャッシュオフやシークレットウィンドウでも反映されなかったのであればブラウザキャッシュの問題ではないのかも？

とても詳細な検証ありがとうございます！とても助かります。念の為前述の CSS も追加した形でアップデートをかけたいと思います。

♥ 1

Who liked:

[キタジマ タカシ]

デフォルトだと <br> が許可されていないのですよね…。ひとまず下記のコードを My Snow Monkey か子テーマの functions.php に追加してみてどうなるか試してみてください。

// infobar の HTML 許可リストに br を追加する関数
function wp_kses_allowed_html_for_infobar( $html ) {
	$html['br'] = true;
	return $html;
}

// infobar に wp_kses_allowed_html_for_infobar() を適用
add_action(
	'inc2734_wp_view_controller_get_template_part_pre_render',
	function( $args ) {
		if ( 'template-parts/common/infobar' === $args['slug'] ) {
			add_filter( 'wp_kses_allowed_html', 'wp_kses_allowed_html_for_infobar' );
		}
	}
);

// infobar の wp_kses_allowed_html_for_infobar() を解除
add_action(
	'inc2734_wp_view_controller_get_template_part_post_render',
	function( $args ) {
		if ( 'template-parts/common/infobar' === $args['slug'] ) {
			remove_filter( 'wp_kses_allowed_html', 'wp_kses_allowed_html_for_infobar' );
		}
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

本トピックのもともとの問題は、非表示のタブは 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

[投稿者]

投稿