[キタジマ タカシ]

Snow Monkey Blocks のカスタムフィールドブロックは、WordPress 標準のカスタムフィールドのデータ構造に対応していますが、ACF は独自のデータ構造になる場合があり、それには対応していません。

とはいえエラーで処理が止まってしまうのはまずいので、止まってしまわないようにはしたいなと思います。

もしエラーメッセージがわかるようであれば教えてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ、global を宣言しないとダメかもです。

add_action(
	'after_setup_theme', // あるいは plugins_loaded
	function () {
		global $siteguard_captcha;

		if ( isset( $siteguard_captcha ) ) {
			add_filter( 'woocommerce_login_form_start', [ $siteguard_captcha, 'handler_login_form' ] );
			add_filter( 'woocommerce_register_form_start', [ $siteguard_captcha, 'handler_register_form' ] );
			add_filter( 'woocommerce_lostpassword_form', [ $siteguard_captcha, 'handler_lostpassword_form' ] );
		}
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Blocks だけでは実現できないデザインに見えるので、カラムブロック + CSS を使ってやってみました。

カラム（親）に application-flow という CSS クラスを設定。
カラム（子）に枠線とパディングを設定。
下記の CSS を追加。

.application-flow > .wp-block-column {
  position: relative;
}

.application-flow > .wp-block-column::before {
  position: absolute;
  inset: -30px auto auto -30px;
  display: grid;
  place-content: center;
  background-color: pink;
  border-radius: 100%;
  color: white;
  aspect-ratio: 1;
  padding: 10px;
}

.application-flow > .wp-block-column:nth-child(1)::before {
  content: 'step1';
}

.application-flow > .wp-block-column:nth-child(2)::before {
  content: 'step2';
}

.application-flow > .wp-block-column:nth-child(3)::before {
  content: 'step3';
}

色や余白、サイズなどは適当なので、上記を参考に調整してみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

テーマの functions.php よりプラグインのほうが早いタイミングで読み込まれるので、My Snow Monkey が読み込まれたタイミングでは $siteguard_captcha が未定義だけど、テーマが読み込まれたタイミングでは $siteguard_captcha が定義済みである、ということではないでしょうか。

という想定でいくと、テーマが読み込まれたあとに発火するアクションフック after_setup_theme か、全プラグインが読み込まれたあとに発火するアクションフック plugins_loaded あたりでコードを実行するとよいのではないでしょうか？（SiteGuard WP には詳しくないので動くかはわかりませんが、このあたりをヒントに試してみてください）

add_action(
	'after_setup_theme',
	function () {
		if ( isset( $siteguard_captcha ) ) {
			add_filter( 'woocommerce_login_form_start', [ $siteguard_captcha, 'handler_login_form' ] );
			add_filter( 'woocommerce_register_form_start', [ $siteguard_captcha, 'handler_register_form' ] );
			add_filter( 'woocommerce_lostpassword_form', [ $siteguard_captcha, 'handler_lostpassword_form' ] );
		}
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

「画像にalt属性が指定されていません。」の表示になったときに、ブラウザのコンソールにエラーが出力されていたり、あるいは HTML が本来の正しい形ではない形で出力されていたりするのではないかなと想像します。そのエラーメッセージや HTML が確認できれば、原因を検討することができるかもしれません。

実際に「画像にalt属性が指定されていません。」の表示が確認できるページがあれば共有していただきたいです。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Diet v0.9.0 で修正しました！アップデートして確認してみてください。

♥ 1

Who liked:

[キタジマ タカシ]

あー！ほんとですね(TT)
ご報告ありがとうございます、確認の上修正入れてアップデートをリリースします。

カスタマイズ → デザイン → 投稿ページ設定 → 記事に関連記事を表示する、のチェックを外しても非表示にできるので、お急ぎの場合はそちらを試してみてください。

投稿ページ設定

全ての投稿ページ（ダッシュボード > 投稿で作成したページ）共通の設定を行うことができます。 カスタマイ…

snow-monkey.2inc.org

♥ 1

Who liked:

[キタジマ タカシ]

– ブラウザで cookie が無効化されている
– ページキャッシュを使っている
– サーバーキャッシュを使っている

これって管理者側（私の方）で解決できる問題なのでしょうか？

実際に僕の方でも送信してみて再現したので、cookie 無効化の可能性は無いかなと思います。

ページキャッシュ、サーバーキャッシュについては一般的には管理者が設定している場合が多いと思うので、設定を変更することで解決できる可能性はあると思います。

※レンタルサーバーを使っていて、サーバーがキャッシュを売りにしているサービスでオフにできないというものもあるかもしれないので、絶対管理者が変更できるとは言いきれませんが…

サブディレクトリにサイトを設置しているとフォームが送れないというのをどこかでみた記憶があります（すみません記憶が定かではないのですが）。サブディレクトリは今回の事象に関係ありますか？

修正済みだと思うので多分関係ないのでは無いかと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Forms は外部から不正な送信がおこなわれないように CSRF 対策をおこなっています。まずフォームを設置しているページにアクセスがあったときトークンが生成されフォームに埋め込まれるのと同時に、同じ値で cookie が発行されます。そしてフォームが送信されたときに、フォームから送信されたトークンと、保存していた cookie の値を比較します。同じ値をフォームと cookie に使っているので、通常であればこのとき同じ値となるはずですが、違う値になったときは不正に外部送信されたという判断になり「無効なアクセスです。」と表示されます。

以下が原因になることが多いようです。

– ブラウザで cookie が無効化されている
– ページキャッシュを使っている
– サーバーキャッシュを使っている

♥ 0

Who liked: No user

[キタジマ タカシ]

一番簡単なのは zoom を使う方法ではないでしょうか。

.l-header .c-hamburger-btn {
  zoom: 2;
}

きっちり調整したいなら下記のように各要素に個別にスタイルを指定していく必要があります。

.l-header .c-hamburger-btn__bars {
    margin: 6px auto;
    height: 24px;
    width: 44px;
}

.l-header .c-hamburger-btn__bar:nth-of-type(2) {
    top: 11px;
}

.l-header .c-hamburger-btn__bar:nth-of-type(3) {
    top: 23px;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

ひとまずハンバーガーボタンの色を変える CSS を書いてみました。

/* ヘッダー内のハンバーガーボタンの色を red に変更 */
.l-header .c-hamburger-btn {
  color: red;
}

.l-header .c-hamburger-btn__bar {
  background-color: red;
}

ヘッダーの文字色は黒から変更しております。ヘッダーの背景を透明にするCSSは追加しております。

ヘッダー以外のアクセントカラーは今のままが良いので、ヘッダーメニューとハンバーガーメニューのみ黒に変えて、大きさを大きくしたいです。

すみません、ちょっと実際にどういうヘッダーになっているのかが想像できないので具体的なアドバイスはできないのですが、基本的には、ヘッダー内のメインコンテンツはメニュー・ハンバーガーボタン（とロゴ）だと思うので、個人的には「ヘッダーの文字色」は黒のままで、変えたい部分だけ CSS で色を変えるほうがメンテナブルなのじゃないかなぁと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

デフォルトだとハンバーガーボタンは黒（color: inherit）になっていると思います。ヘッダーレイアウトをデフォルトから変更したり、ヘッダー周りを CSS でカスタマイズしたりしていますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

おそらく Snow Monkey と Snow Monkey Blocks の両方に変更を入れないといけない機能追加になり、ぱぱっと追加するのが難しいため、一旦調査します！可能そうであれば追加する方向で対応したいと思います。

ひとまず、現状でもコードを追加すれば実現できます。

add_filter(
	'snow_monkey_child_pages_args',
	function( $args ) {
		$args['order'] = 'DESC';
		return $args;
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

このエラーメッセージが発生した場合は、サーバー側でエラーが発生している可能性が高いです。
※これは mixhost がどうこうという意味ではなくて、ブラウザ側（JS 等）ではなくサーバー側（PHP 等）のエラーという意味

なので、サーバーのエラーログで、エラーが発生した日時に何かログが残っていないか確認してみると良いかもしれません。

♥ 1

Who liked:

[キタジマ タカシ]

ご報告ありがとうございます！

上部固定のときに、アンカー付きでページを表示した場合、ヘッダー非表示 + アンカーで指定した位置がページ最上部にくる状態で表示する、という機能があります。どうもそれがページトップへ戻るの機能と干渉してしまっているようです。

ページトップへ戻るのアンカーリンクのときは無視するように変更してみようと思います。次のアップデートで反映します！

♥ 0

Who liked: No user

[投稿者]

投稿