[キタジマ タカシ]

Snow Monkey Forms v9.0.0 をリリースしました

Snow Monkey Forms v9.0.0 の概要 変更 入力画面の表示についても、確認画面や完了画面と…

snow-monkey.2inc.org

9.0.0 で大きな変更は入力画面も確認画面や完了画面と同じように REST API で画面表示をおこなうようにしたことです。でも snow_monkey_forms/custom_mail_tag が動くのはメール送信時だからあんまり関係ないような気がしますね…。

snow_monkey_forms/auto_reply_mailer/is_sended や snow_monkey_forms/administrator_mailer/skip フィルターフックも使っているようなら教えてください。

本日の午後から詳しく調査してみます。

♥ 0

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

[キタジマ タカシ]

えっと、現状、

「ログインユーザーの名前を取得するカスタムメールタグ」
「ログインユーザーのメールアドレスを取得するカスタムメールタグ」
「{user_email} でフォームを送信した WordPress ユーザーのメールアドレスを返す」
「{username} でフォームを送信した WordPress ユーザーのユーザー名を返す」

の4つとも意図したとおりに動いていないということですかね？

♥ 0

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

[キタジマ タカシ]

すみません、さらにお聞きしたいことがあるのですが、スライドの下にあるスクリーンショットの箇所は写真の起点を設定するものではないのでしょうか？

下記のような CSS で子要素を指定の位置を起点に配置するボタンになります。

[data-content-position=bottom-right] {
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

※あくまでスライドの中のコンテンツの配置を指示するだけなので、画像の object-position にも何かしたりとかは無いです。

例えば1枚目のスライドには小さい画像、2枚目に大きい画像を配置したとします。この時点でスライダーの高さは2枚目のスライドの高さになり、1枚目のスライド（画像ではない）の高さも2枚目のスライドと同じ高さになります。つまり、1枚目のスライドの高さより、その中の画像の高さは小さいことになります。そして、1枚目のスライドを「右下」に設定したとすると、そのスライドの中で画像が右下によります。

ということで、画像の高さがスライドの高さと同じとかだと、画像を縮めたりはしないので、特に何も位置は変わらないということはおこります。

♥ 0

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

[キタジマ タカシ]

@mihashinoriyuki さん

こちらの画像となります。

えっと、それは理解しているのですが、そこが「画像」だと、使用されている SEO ツールだと h1 が認識されないからテキストにしたい、ということですよね？ ロゴ画像の設定を解除すれば「テキスト」になるから、そうなれば h1 として認識されるようになるから、ロゴ画像設定解除の方法を書いた、という流れになります。

「ロゴ画像」と言われているのが下記の画像の赤丸で囲んだ部分のみのことを指しているのであれば、

その部分だけを画像にして、「メモリアルプランナーみはし」の部分だけテキストにすることはフックを使う必要はありますが、できると思います。その認識であっていますかね？

♥ 1

いいねをした人:

[キタジマ タカシ]

Snow Monkey Blocks v22.2.5 で修正しました。アップデートして確認をお願いします！

♥ 0

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

[キタジマ タカシ]

すみません！改めて調査してみると、独自に追加されている下記の CSS と、WordPress コアの CSS が干渉しているために発生していることがわかりました（全幅・幅広を解除すれば解決しそうというのはそのまま）。

### 独自の CSS

@media screen and (min-width: 1024px) {
  〜中略〜
  .spider__slide figure img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 600px;
    object-fit: cover;
  }
}

## コアの CSS

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
  height: auto;
  width: 100%;
}

全幅・幅広を設定するとコアの CSS で画像の height が auto になるため、独自に追加されている .spider__slide figure img の height: 600px が打ち消されて画像の高さが意図したものではなくなってしまい、現象が発生しているようです。

– 画像の全幅・幅広を解除する
– height: 600px を height: 600px !important に変更する

の、いずれかで解決すると思うので試してみてください！

♥ 0

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

[キタジマ タカシ]

ロゴの画像は使用したいので、削除できません。

ちなみにどこで使用しますか？

♥ 0

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

[キタジマ タカシ]

フック使わなくて大丈夫ですよ。

「カスタマイザー → サイト基本情報 → ロゴ」でロゴを削除すればテキストリンクになります。

♥ 0

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

[キタジマ タカシ]

https://machiyasaijou-sougi.jp/ のほうはロゴ画像が設定されていないのでテキストリンクになっています。

「カスタマイザー → サイト基本情報 → ロゴ」でロゴを削除すればテキストリンクになります。

♥ 0

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

[キタジマ タカシ]

先ほど共有したトピックの内容を引用します。

——-

実際には h1 の中の画像には alt が設定されているので、h1 の中が空、というわけではないのですが、ツールによって画像を読み取る場合と読み取らない場合があるようです。

本質的な問題はそのツールで読み取られないから、というより、HTML 的に正しいかどうか、だと思いますので、HTML の仕様、あるいは Google が推奨するドキュメントなどがあれば Snow Monkey を改修したほうが良いのかなと思いました。（軽くググった感じでは明確な記述は見つけきれませんでした）

ちなみに、下記のコードを My Snow Monkey プラグイン、あるいは子テーマの functions.php に追加することで、フロントページでも div にすることができます。

add_filter(
	'snow_monkey_get_template_part_args_template-parts/header/site-branding',
	function( $args ) {
		$args['vars']['_title_tag'] = 'div';
		return $args;
	},
	100
);

—-

これを踏まえた上で、

SEOに詳しい方に、h１タグが表示されてないので、こちらを表示させるようにとアドバイスを受けました。

僕は SEO には詳しくないので HTML 的に正しいかどうかで判断するようにしていますが、その方が推奨するやり方があるのであれば、まず上記のフックでデフォルトの h1 を div にして、その方が推奨する位置に h1 が入るようにカスタマイズされると良いのかなと思います。

♥ 0

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

[キタジマ タカシ]

ソースコード的には入っていますが、「反映さえない」というのは具体的にどういう意味でしょうか？

ツールで認識されない、という意味の場合は下記のトピックも参照してみてください。

H1タグが空欄になる場合の解決方法

このトピックには4件の返信、2人の参加者があり、最後にyukiにより3週、 2日前に更新されました。 5件の投…

snow-monkey.2inc.org

♥ 0

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

[キタジマ タカシ]

すみません>< 後ほど確認します。

♥ 0

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

[キタジマ タカシ]

スライダーの中の画像は自動的に100%になったと思うので、幅広指定も外して大丈夫だと思います！

♥ 0

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

[キタジマ タカシ]

画像ブロックを全幅にしていると、height が auto になってしまって object-fit や object-position が意図したとおりに効かなくなってしまうみたいです。

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
  height: auto;
  width: 100%;
}

Snow Monkey Blocks 側で height: auto を打ち消すように調整したほうが良いかなと思いますが、ひとまず全幅を外すと解決すると思うので試してみてください！

♥ 0

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

[キタジマ タカシ]

これ以上、レベルの低い質問をしてはだめなのかと思いますので、

サポートフォーラムは（僕を含めた）ユーザー同士で支え合う場所として用意しているので、レベルが低いから書き込んではダメ、のようなルールはありません。他人を不快にさせない言動であれば、気軽に質問を書き込んで頂いたほうが賑わってよいのかなと思っています。

フックなどの知識がないと利用してはいけないテーマでしょうか。

「利用してはいけない」というルールはありません。あらゆる場所に任意のコンテンツを入れたいという要望にコード無しで答えるためには、設定項目を膨大に用意しなければなりません。それは現実的ではないため、大多数の人が設定するであろうものは設定項目として用意して、それ以外の部分についてはコードでカスタマイズできるようにする、というのが Snow Monkey の基本方針です。

設定個目の多い少ないはテーマによって色々だとは思いますが、設定項目がない場所をカスタマイズする場合は Snow Monkey 以外のテーマでも子テーマでテンプレートをつくって上書きするかフックを使うのが一般的だと思います。

※ちなみに、ブロックテーマであればあらゆる場所をブロックでつくれるので、子テーマやフックを使わずに管理画面（サイトエディター）でカスタマイズできます（Snow Monkey はブロックエディター対応のクラシックテーマ）

ドロワーメニュー内のウィジェットの設置は考慮していただければ

これは検討の余地があると思いますが、基本的にウィジェットを使うと表示が重くなるので（データベースから各ウィジェットの情報を取得して表示するため）、あまり増やすのも良くはないという問題もあります…。

♥ 0

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

[投稿者]

投稿