[キタジマ タカシ]

snow_monkey_search_pre_get_posts というフックがありますが、それを使ってみるとどうですかね？

snow-monkey-search/App/Query.php at main · inc2734/snow-monkey-search

Contribute to inc2734/snow-monkey-search development by creating an account on GitHub.

github.com

♥ 0

Who liked: No user

[キタジマ タカシ]

情報ありがとうございます。「項目（ブロックリンク）」だと Snow Monkey Blocks ですね。v16.0.3 だと3年近く前のバージョンになるので、その当時にはバグがあったのかもしれませんし（詳しく覚えておらずすみません…）、例えばもっと古いバージョンから最新のバージョンに一気にアップデートした場合にも発生してしまうことがあるかもしれません。

※「このブロックには、想定されていないか無効なコンテンツが含まれています。」は保存されている HTML が、ブロックが本来出力する HTML と異なる場合に、解析に失敗することで発生するエラーです。

v16.0.3 から一気に最新バージョンにアップデートするのもこわいので、入れ直してエラーが解消し、もう再現しないのであれば、基本的には大丈夫だろうと思います。

テストと検証の時間が確保できるのであれば、最新版にアップデートすることを推奨します（機能追加だけではなく、セキュリティの対応や不具合の修正もアップデートで対応しているため）。

♥ 0

Who liked: No user

[キタジマ タカシ]

これはコアのボタンブロックでしょうか？

あと、textContent というのは、「ボタン」と表示されている部分の文字列のことを指していますか？
それとも JS で Node の textContent を操作していたりすることを指していますか？

また、可能であればそのページの URL（管理画面ではなく実際のページ）を教えていただくことは可能ですか？

♥ 0

Who liked: No user

[キタジマ タカシ]

その問題がどのように発生したかによります。

普通に操作した瞬間や、編集画面を開いた瞬間にそうなったのであれば WordPress や Snow Monkey、あるいは何らかのプラグインやカスタマイズの不具合の可能性があります。

コードエディターで編集して発生したのであれば WordPress（ブロック）の仕様の可能性が高いです。

「このブロックには、想定されていないか無効なコンテンツが含まれています。」が発生したシチュエーションを具体的に教えてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Blocks の「セクション（背景画像/動画）」ブロックかコアの「カバー」ブロックを挿入してそれに動画を設定するとどうですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらですが、該当のテンプレート（ファイル？でしょうか）箇所をお教えいただき、

ファイル的には下記になります。

– snow-monkey/src/js/drop-nav.js
– snow-monkey/template-parts/nav/drop.php

素人考えかもしれませんが、モバイル表示のトップページのみですので、もともと表示されるものはCSSで非表示にし、
ページ内のセクションに固定メニューのHTML要素をコピーしたものを入れ（別のクラスまたはIDを付与し）、JavaScriptで制御する……みたいなやり方で実現実現出来ないか、と考えたのですが、難しいでしょうか。

そのほうがリスクは少ない気がします。

あるいは、snow-monkey/src/js/drop-nav.js を dequeue して、似た処理を独自に書くかですね。それなら HTML のほうはそのままのテンプレートを使いまわせるかなと思います。

♥ 2

Who liked:

[キタジマ タカシ]

ありがとうございます。

Mac の Chrome と iPhone で確認したところ、どちらでも非表示になっていました。

.sme-hidden-sm というクラスが追加され、スマホサイズでは display: none になります。
Chrome のデベロッパーツールでセクションを選択して、クラスとスタイルが適用されているか確認してみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらの環境でシンプルなセクションブロックに「スマートフォンサイズで非表示」したところ、正しく動作しました。
なので別の CSS が干渉しているのかもしれません。ページの URL を共有してもらうことは可能ですか？

♥ 0

Who liked: No user

[キタジマ タカシ]

ドロップナビゲーションの表示タイミングは Snow Monkey には調整する設定が無く、JS でコントロールしているのもあってコードを書いて調整するのも難しいのかなと思います…。

♥ 1

Who liked:

[キタジマ タカシ]

フレックスボックスじゃないから order が効かないのかもしれません。PHP で、$args['vars']['_terms'] に格納した順番のまま画面に出力されるので、そこで調整すると良いかもです。

下記のように書き換えてみるとどうでしょうか？

add_filter(
	'snow_monkey_get_template_part_args',
	function( $args ) {
		// 記事一覧カテゴリー以外のテンプレートの場合は無視
		if ( 'template-parts/loop/entry-summary/term/term' !== $args['slug'] ) {
			return $args;
		}

		// 投稿以外の場合は無視
		if ( 'post' !== $args['name'] ) {
			return $args;
		}

		// 全ての設定されたカテゴリーを返す
		$raw_terms = get_the_terms( get_the_ID(), 'category' );

		// 並び順指定用の配列を用意
		$sorted_terms = array(
			'category-17',     // 1番目に表示したいタームのスラッグ
			'category-slug-2', // 2番目に表示したいタームのスラッグ
			'category-slug-4', // 3番目に表示したいタームのスラッグ
		);

		// 並び順を反映させた配列を生成
		foreach ( $raw_terms as $raw_term ) {
			$sorted_terms[ $raw_term->slug ] = $raw_term;
		}

		$args['vars']['_terms'] = $sorted_terms;
		return $args;
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

詳しくありがとうございます！

どちらも「段落」ブロックのようなので、HTML を直接書き換えることで下線を引くことは可能です。

– 編集画面右上の3点ボタンをクリック
– でてきたポップオーバーメニューから「コードエディター」をクリック

– 下線を引きたい部分を <span style="text-decoration: underline"> と </span> で囲む

<!-- wp:paragraph -->
<p>砂の星：夜の砂漠に、星が静かに降りそそぐ。<span style="text-decoration: underline">風が吹くたび、砂がきらめき、小さな光の波が生まれる</span>。月の光はやさしく、どこまでも広がっていく。誰もいない夜、砂と星だけが、静かに時間を刻んでいた。</p>
<!-- /wp:paragraph -->

これでできると思いますが、個人的には

– HTML を直接書き換えるのはブロックを壊してしまうリスクがある
– 下線は一般的には「リンクテキスト」を表すものなので、リンクと勘違いさせてユーザーにストレスを与える可能性がある

という理由から、下線ではない方法で強調するほうが良いのではないかなと思いました。

例えば、Snow Monkey Editor プラグインをインストールすれば、任意のテキストに「蛍光ペン」を引けるので、そういうのを使うという手もあるかなと思います。

参考：

【WordPress】ブロックエディターでマーカー風の装飾をする方法！おしゃれなマーカーも紹介！ | WebNote+

ブロックエディターを使っていて、「あれ？マーカー線ってどうやって使うの？」と思ったことありませんか？ 有名なブログ向けのWordPressテーマを使われている方は、おそ…

webnote-plus.com

♥ 0

Who liked: No user

[キタジマ タカシ]

使っているブロックによって設定パネルで設定可能か、あるいは CSS を書く必要があるのか、など違ってくるので、具体的にどの部分に下線を引きたいのかを教えてください。

対象部分があるページの URL と、具体的な場所（可能であればスクショして指示を書き込んでいただけると尚わかりやすいです）を教えてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

そのカスタム投稿タイプの show_in_rest は true になっていますかね？ show_in_rest が true でない場合、ブロックエディターからは情報が取得できなくなるので表示されなくなります。

show_in_restがtrue` の場合は、

– public が true になっているか（一般に投稿タイプを公開する）
– hierarchical が false になっているか（階層化されている投稿タイプは対象外なので非階層化が必要）

も確認してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

– まっさらの WordPress 環境を用意
– TwentyTwenty-One（Snow Monkey と同じ「クラシックテーマ」）をインストール
– レガシーウィジェットを挿入し、「追加 CSS クラス」に適当な文字列を入力
– 保存してページを開く

とすると、追加 CSS クラスは反映されませんでした。レガシーウィジェットではなく、普通のブロックだと反映されました。
なのでこれは WordPress コア自体が対応していないのかもしれません…。

♥ 0

Who liked: No user

[キタジマ タカシ]

検証ありがとうございます。僕も WooCommerce の内部には詳しくないので原因が何かは想像がつかないのですが、必要なデータがなぜか抜けてしまっているエラーに見えるので、WooCommerce の不具合なのか、WooCommerce を拡張するプラグインを使っていたり、WooCommerce をカスタマイズするコードを追加されているのであればそれが影響しているのか、という感じなのかなと想像します。プラグインを全停止してもエラーがでるようなら WooCommerce 自体が怪しいと思うので、WooCommerce のフォーラムに報告して確認してもらったほうが良いかもですね。

♥ 0

Who liked: No user

[投稿者]

投稿